@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 14pt;
	color: #f0f0f0;
    background-color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

video#bgvideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
.video-mobile {
    -webkit-transform: translateX(-70%) translateY(-30%);
    transform: translateX(-70%) translateY(-30%);
}
.video-norm {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#my-nav{font-size: 12pt;}

.so-bgx33{background-color:#333333;}

.so-row-reboostrap{
    --bs-gutter-x:0 !important;
}
.so-hideme-right{
    opacity:0; position:relative; left:0px; top:0px; text-align:left;
}
.so-hideme-left{
    opacity:0; position:relative; left:0px; top:0px; text-align:right;
}
.so-hideme-center{
    opacity:0; position:relative; left:0px; top:0px; text-align:center;
}
.so-hideme-text-margin{
    margin: 10px 10px 25px 10px;
}
.so-hideme-hr{
    border-top:thin solid lightgray;
    width:250px;
    margin:0 auto;
}
.so-hr-90{
    border-top:thin solid #afafaf;
    width:90%;
    margin:0 auto;
}
.so-sph20{width: 1px; height: 20px;}
.so-sph10{width: 1px; height: 10px;}
.so-sph120{width: 1px; height: 120px;}
.so-sph50{width: 1px; height: 50px;}
.so-sph5{width: 1px; height: 5px;}

footer{
	background-color: #e5e5e5;

}
.so-footer-col{
padding: 10px;
color: #818181;
font-size: 10pt;
}
.so-footer-col-bord{
	border-left: solid 1px #afafaf;
	}
.so-flag{width: 30px; height: 15px; border: solid 1px #afafaf;}
.so-marg5{margin: 5px;}
.so-marg5l{margin: 5px 5px 5px 20px;}
.so-marg5r{margin: 5px 20px 5px 5px;}
.so-car-bg{background-color:rgba(0,0,0,0.3);}

.text-primary{color: #ffd300 !important;}
.text-warning{color: #d7ba82 !important;}
.btn-primary {
    background-color: #000000;
    border-color: #e5e5e5;
}
.table-primary{background-color: #ffd300 !important; color: #333333 !important;}

.list-group-item.active{
    background-color: #000000;
    border-color: #e5e5e5;  
}

.so-motto-bg{background-color: transparent; background-image: url("../../gfx/bgm.png");}
.so-motto{font-size: 16pt; font-style: italic; text-align: center; color: #ffffff;}
.so-motto-sgn{font-size: 13pt; text-align: right; margin-right: 50px; color: #ffffff;}

.so-w-item140{width: 180px;}
.so-w-item200{width:250px;}



.so-imgz{margin: 12px; width: 156px;}
.so-divz{margin: 12px; width: 156px;}

.so-h1{font-size: 26pt; font-weight: bold;}
.so-h2{font-size: 18pt; font-weight: bold;}
.so-h3{font-size: 14pt; font-weight: bold;}

.so-font6pt{font-size: 6pt;}
.so-font9pt{font-size: 9pt;}
.so-font10pt{font-size: 10pt;}
.so-font11pt{font-size: 11pt;}
.so-font14pt{font-size: 14pt;}
.so-font16pt{font-size: 16pt;}

.so-bline {
    text-decoration-line: overline underline;
    text-decoration-style: dotted;
    text-decoration-color: #ffd300;
    color: #ffd300
  }


  a:link {
      color:#ffd300;
      text-decoration: none;
  }
  a:visited {
      text-decoration: none;
      color:#ffd300;
  }
  a:hover {
      text-decoration: underline;
      color: #e5e5e5;
  }
  a:active {
      text-decoration: none;
      color: #ffd300;
  }


  a.bl:link {
      color:#000000;
      text-decoration: none;
  }
  a.bl:visited {
      text-decoration: none;
      color:#000000;
  }
  a.bl:hover {
      text-decoration: underline;
      color: #999999;
  }
  a.bl:active {
      text-decoration: none;
      color: #000000;
  }


a.wh{font-size:9pt;}
a.wh:link {
	color:#ffffff;
	text-decoration: none;
}
a.wh:visited {
	text-decoration: none;
	color:#ffffff;
}
a.wh:hover {
	text-decoration: underline;
	color: #e5e5e5;
}
a.wh:active {
	text-decoration: none;
	color: #ffffff;
}