@font-face{
	font-family:"drtvfont";
	src:url("syspic/fontr.ttf");
}


@font-face{
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSans'), url("syspic/notosans.woff") format("woff");
}


.impr{font-size:1.0em;font-family:"Arial","verdana","arial","helvetica","sans-serif","lucida console","fixedsys";}
body{background-image: url('/syspic/bg2a.png'), url('/syspic/bg1a.png'), url('/syspic/bg0a.png');font-size:1.0em;overflow:scroll;font-family:"drtvfont","Arial","verdana","arial","helvetica","sans-serif","lucida console","fixedsys";border:0px;padding:0px;border-spacing:0px;margin:10px;}
hr{border:0px;border-top:2px dotted #888888;}
a{font-size:1.0em;font-weight:normal;text-decoration:none;border:0px;}
a:hover{text-decoration:underline;}
.a{font-size:1.0em;font-weight:normal;text-decoration:none;border:0px;color:#FF0000;}
.a:hover{text-decoration:underline;}
input,textarea{font-family:"NotoSans","drtvfont","Arial","verdana","arial","helvetica","sans-serif","lucida console","fixedsys";font-size:20px;background-color:#DDDDDD;color:#000000;border:1px solid #333333;width:100%;}
select{font-family:"NotoSans","drtvfont","Arial","verdana","arial","helvetica","sans-serif","lucida console","fixedsys";font-size:16px;background-color:#FFFFFF;color:#000000;border:0px;width:100%;}

.menu_fixed{
	background-color:#74BAFF;
	text-align:left;
	max-width:1100px;
	width:100%;
    z-index:100;
    position:fixed;
    top:0px;
}

.menu_fixed2{
	background-color:#74BAFF;
	text-align:left;
	max-width:1100px;
	width:100%;
    z-index:100;
    position:fixed;
    top:37px;
}

.menu_scroll{
	background-color:#74BAFF;
	text-align:left;
    z-index:100;
}

.btn_menu_a{
	color:#000000;
	font-weight:normal;
	font-size:1.4em;
	letter-spacing: 1px;
	margin:0px;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
}

.btn_menu_a_sel{
	color:#FFFFFF;
	font-weight:normal;
	font-size:1.4em;
	letter-spacing: 1px;
	margin:0px;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
}

.btn_menu{
	margin:0px;
	padding:6px;
	padding-left:0px;
	padding-right:0px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
}

.btn_menu:hover{
	background-color:#539BFF;
}

.btn_menu_sel{
	margin:0px;
	padding:6px;
	padding-left:0px;
	padding-right:0px;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	background-color:#539BFF;
}


.item_yt_r{background-image:url('syspic/bgt_r.png');border:0px;position:absolute;top:0px;left:0px;width:300px;height:167px;}
.item_yt_g{background-image:url('syspic/bgt_g.png');border:0px;position:absolute;top:0px;left:0px;width:300px;height:167px;}
.item_yt_b{background-image:url('syspic/bgt_b.png');border:0px;position:absolute;top:0px;left:0px;width:300px;height:167px;}
.item_yt_y{background-image:url('syspic/bgt_y.png');border:0px;position:absolute;top:0px;left:0px;width:300px;height:167px;}
.item_yt_X{border:0px;position:absolute;top:0px;left:0px;width:300px;height:167px;}


.da{font-family:"NotoSans";font-weight:normal;}

.d1{border:1px solid #539BFF;min-height:250px;position:relative;display:inline-block;width:300px;background-color:#FFFFFF;margin-bottom:10px;vertical-align:top;}
.d2{overflow:hidden;width:300px;height:167px;}
.d2i{width:300px;overflow:hidden;margin: -29px 0 0 0px;}
.d3{text-align:left;border:0px;padding:2px;position:absolute;top:2px;left:2px;max-width:210px;font-size:18px;line-height:95%;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d4{text-align:right;border:0px;padding:2px;position:absolute;bottom:2px;right:3px;font-size:15px;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d5{padding:5px;padding-bottom:10px;text-align:left;}
.d6{display:none;text-align:right;border:0px;padding:0px;position:absolute;bottom:0px;right:0px;font-size:24px;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d7{display:inline-block;background-color:#539BFF;margin:0px;padding:5px;}
.lcmse{display:inline-block;position:absolute;right:0px;top:0px;}
.lcmse1{display:inline-block;position:absolute;right:0px;bottom:0px;background-color:#FFFFFF;color:#000000;}

.progimg1a{overflow:hidden;width:100px;height:55px;border:2px solid #539BFF;}
.progimg1b{width:100px;overflow:hidden;margin: -10px 0 0 0px;}
.progimg1c{border:2px solid #539BFF;}


.d1x{border:1px solid #539BFF;min-height:250px;position:relative;display:inline-block;width:300px;background-color:#FFFFFF;margin-bottom:10px;vertical-align:top;}
.d2x{overflow:hidden;width:300px;height:167px;}
.d3x{text-align:left;border:0px;padding:2px;position:absolute;top:2px;left:2px;max-width:210px;font-size:18px;line-height:95%;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d4x{text-align:right;border:0px;padding:2px;position:absolute;bottom:2px;right:3px;font-size:15px;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d5x{padding:5px;padding-bottom:10px;text-align:left;}
.d6x{display:none;text-align:right;border:0px;padding:0px;position:absolute;bottom:0px;right:0px;font-size:24px;color:#FFFFFF;text-shadow:#333377 2px 1px 1px;}
.d7x{display:inline-block;background-color:#539BFF;margin:0px;padding:5px;}
.lcmsex{display:inline-block;position:absolute;right:0px;top:0px;}
.lcmse1x{display:inline-block;position:absolute;right:0px;bottom:0px;background-color:#FFFFFF;color:#000000;}

div#divd1:hover div#divd6 {display:block;}


.playerdiv{
	width: 96vw; /* 90% of viewport vidth */
	height: 54vw; /* ratio = 9/16 * 90 = 50.625 */
	max-height: 80vh;
	max-width: 142vh; /* 16/9 * 90 = 160 */
	margin: auto;
	background-color:#FFFFFF;
	content: "loading...";
}


.btn{display:inline-block;background-color:#FFFFFF;color:#000000;padding:6px;border-radius:0px;border:1px solid #999999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btnb{display:inline-block;background-color:#DDDDDD;padding:6px;border-radius:0px;border:1px solid #539BFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.inputy{
	margin:2px;
	padding:4px;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	border:1px dotted #539BFF;
	display:inline-block;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.inputyy{
	padding:4px;
	width:100%;
	background-color:#FFFF00;
	color:#FFFFFF;
	border:1px dotted #CCCCCC;
	display:inline-block;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.inputx{
	font-family:NotoSans,drtvfont,Roboto,Helvetica,Arial;
	font-size:16px;
	padding:0px;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	border:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.inputbtn{
	padding:4px;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	border:1px dotted #539BFF;
	display:inline-block;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

::-webkit-input-placeholder{
	color: #BBBBBB;
	font-style: italic;
}
:-moz-placeholder{
	color: #BBBBBB;
	font-style: italic;
	opacity: 1;
}
::-moz-placeholder{
	color: #BBBBBB;
	font-style: italic;
	opacity: 1;
}
:-ms-input-placeholder{
	color: #BBBBBB;
	font-style: italic;
}

.somed{
	display:inline-block;
	margin:2px;
	padding:2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#74BAFF;
	width:36px;
	height:36px;
	text-align:center;
	vertical-align:middle;
}

.somed:hover{
	background-color:#539BFF;
}

.somei{
	width:30px;
	height:30px;
	margin:0px;
	padding:0px;
}

.tagd{
	display:inline-block;
	margin:2px;
	padding:6px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#74BAFF;
	text-align:center;
	vertical-align:middle;
}

.tagd:hover{
	background-color:#539BFF;
}

.taga{
	font-size:20px;
	color:#FFFFFF;
}

.itemdiv{
	display:inline-block;
}

.menulo{display:block;padding-left:5px;padding-right:5px;}

.adivhv{display:none;}
.smallhide{display:inline-block;}
.drtvl{max-width:100%;}
.drtvb{min-height:60px;}

.menui{display:none;}
.menut{display:none;}
.menuw{padding-top:0px;padding-bottom:0px;display:block;}
.menu_scroll{display:none;}
.menu_scrollw{display:block;}
.menu_fixed{height:0px;}
.data_scrollw{width:100%;max-width:1100px;margin:0px;margin-left:200px;}





.cmstaginput{
	font-family:arial;
	font-size:13px;
}

.cmstagtd{
	width:50%;
	vertical-align:top;
}



input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}



.ytvideoa {
	max-width: 700px;
	width:100%;
	display: inline-block;
	position: relative;
}
.ytvideoa:after {
	padding-top: 56.25%;
	display: block;
	content: '';
}
.ytvideob {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}