@charset "utf-8";
/*---- Reset  ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead,{    
margin: 0;  padding: 0; border: 1; vertical-align: baseline; table,tbody, th, outline: 0; font-size: 100%;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
body{ margin:0; font-family: Arial, Helvetica, sans-serif; background-color:#f2f2f2; background-image:url(/ReallusionTV/images/BG.jpg); background-repeat:repeat-x;}

#WRAP{ width:1000px; height:auto; margin:0 auto;}

/*---- Switch Banner  ---*/
#TopAD{width:1000px; height:400px; background-color:#000; margin:0 auto; padding-top:30px;}
#TopAD h2{padding:20px 0 20px 10px; margin:0; font-size:20px;}
#TopAD h2 a{
	color:#fff;
	
	line-height:1.2;
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
}
#TopAD .Category{
	display:block;
	clear:both;
	width:320px;
	color:#09658b;
	font-size:0.9em; font-weight:bold;
	padding:0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#TopAD .Adbody {
	width:300px; 
	height:180px;
	clear:both;
	padding:0 10px;}

#TopAD .Adbody a{	
	font-size:14px;font-family: Arial, Helvetica, sans-serif;	 
	color:#bababa;	
	text-decoration: none;
	line-height:1.5;
}
#TopAD .Btn{ clear:both; position:absolute; bottom:0; right:10px; width:150px; height:35px; background-color:#09658b; border:1px solid #3e8aa9; line-height:35px; text-align:center; float:right;margin-top:30px; }
#TopAD .Btn a{ text-decoration:none; color:#FFFFFF;font-size:14px;font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
#TopAD .ADright{ width:320px; height:380px; float:right; position: relative;}
#TopAD .ADVideo{float:left; width:640px; height:360px; background-color:#232323; padding:10px;}




.link {height:30px;width:180px;margin:0 auto; text-align:center;}
.link ul {height:30px;
	padding:0;
	margin:0;
	list-style-type: none;
	display: block;
}
.link ul li {height:10px; width:20px; margin-top:15px; margin-right:10px;
	float: left; line-height:10px;
	display: block;
	color: #fff; text-indent:-9999;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3px;
}
.link ul li.on {
	background: #09658b;
	color: #09658b;
}
.link ul li.off {
	background: #000;
	color: #000;
}

/*---- TAB Video  ---*/
#TabvideoErea{width:998px; margin:10px auto; background-color:#232323; border:1px solid #ababab; height:auto; overflow:hidden;}
.tabvideo {width: 970px; margin:0 auto; margin-top:20px; }
.tabvideo h2{ margin:0; padding:0; font-size:1.3em; line-height:1.5; float:left;font-family: Arial, Helvetica, sans-serif; color:#fff;}
.tabvideo ul, .tabvideo li {list-style: none;margin: 0;padding: 0;}
.tabvideo .tabs {float:right;}
.tabvideo .tabs li { font-family: Arial, Helvetica, sans-serif; font-size:0.8em;float: left;margin: 0 0 -1px 0; border-left:1px solid #232323; border-bottom:1px solid #2e2d2d; background: #090808; color:#e4e4e4; height: 28px; cursor: pointer;}
.tabvideo .tabs li.active {background: #8e8e8e; padding-bottom: 1px; border-bottom: none; color:#FFFFFF;}
.tabvideo .tabs li.hover{ background: #393939; }
.tabvideo .tabs span {display: block; float: left; overflow: hidden; padding: 7px 15px 5px 15px;}
.tabvideo .tab_container {clear: both;background: #232323;overflow: hidden;}
.tabvideo .tab_container ul {position: relative;height:265px;overflow: hidden;}
.tabvideo .tab_container .tab_content li {position: absolute;width:970px; height: 100%; margin-top: 10px;background: #232323;}
.tabvideo .tab_container .tab_content li img {display: block;float: left;margin-right: 15px;}
.tabvideo .tab_container .tab_content li h3 {font-size: 22px; line-height: 22px; color:#FFFFFF; margin: 5px 0 15px;}
.tabvideo .tab_container .tab_content li p {font-size: 12px;line-height:18px; color:#FFFFFF;margin: 10px;}
	
.tabvideo2 {width: 970px; margin:0 auto; margin-top:20px;}
.tabvideo2 h2{ margin:0; padding:0; font-size:1.3em; line-height:1.5; float:left;font-family: Arial, Helvetica, sans-serif; color:#fff;}
.tabvideo2 ul, .tabvideo li {list-style: none;margin: 0;padding: 0;}
.tabvideo2 .tabs {float:right;}
.tabvideo2 .tabs li { font-family: Arial, Helvetica, sans-serif; font-size:0.8em;float: left;margin: 0 0 -1px 0;border-left:1px solid #232323; border-bottom:1px solid #2e2d2d;background: #090808; color:#e4e4e4;height: 28px; cursor: pointer;}
.tabvideo2 .tabs li.active {background: #8e8e8e;padding-bottom: 1px;border-bottom: none; color:#FFFFFF;}
.tabvideo2 .tabs li.hover{background: #393939; }
.tabvideo2 .tabs span {display: block;float: left;overflow: hidden;padding: 7px 15px 5px 15px;}
.tabvideo2 .tab_container {clear: both;background:#232323;overflow: hidden;}
.tabvideo2 .tab_container ul {position: relative;height: 265px;overflow: hidden;}
.tabvideo2 .tab_container .tab_content li {position: absolute; width:970px; height: 100%; margin-top: 10px; background: #232323;	}
.tabvideo2 .tab_container .tab_content li img { display: block;float: left; margin-right: 15px;	}
.tabvideo2 .tab_container .tab_content li h3 {font-size: 22px; line-height: 22px; color:#FFFFFF; margin: 5px 0 15px;}
.tabvideo2 .tab_container .tab_content li p {font-size: 12px;line-height:18px; color:#FFFFFF; margin: 10px;	}	
	
/*Demo Styles*/
					
.tabvideo .tab_container .tab_content li .details{ margin:5px 10px; position:relative;}	
.tabvideo .tab_container .tab_content li .details h4{ font-size:1em; font-family:Arial, Helvetica, sans-serif;line-height:26px; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); margin:0; padding:0; position:absolute;}
.tabvideo .tab_container .tab_content li .details h4:hover{ font-size:1em; font-family:Arial, Helvetica, sans-serif;line-height:26px; color:#09658B; text-shadow:1px 1px 0 rgb(0,0,0); margin:0; padding:0; position:absolute;}
.tabvideo .tab_container .tab_content li .details p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);margin:0; padding:0; position:absolute; right:10px; bottom:-68px; }
	
.tabvideo2 .tab_container .tab_content li .details{ margin:5px 10px; position:relative;}	
.tabvideo2 .tab_container .tab_content li .details h4{ font-size:1em; font-family:Arial, Helvetica, sans-serif;line-height:26px; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); margin:0; padding:0; position:absolute;}
.tabvideo2 .tab_container .tab_content li .details h4:hover{ font-size:1em; font-family:Arial, Helvetica, sans-serif;line-height:26px;color:#09658B; text-shadow:1px 1px 0 rgb(0,0,0); margin:0; padding:0; position:absolute;}
.tabvideo2 .tab_container .tab_content li .details p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);margin:0; padding:0; position:absolute; right:10px; bottom:-68px; }

a{ text-decoration:none; }
	
.mosaic-block {	float:left;	position:relative; overflow:hidden;width:290px;height:150px; margin:10px 15px; border:1px solid #151515; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.mosaic-backdrop {display:none; position:absolute; top:0; height:100%; width:100%; background:#111;}	
.mosaic-overlay {display:none;z-index:5;position:absolute;	width:100%;	height:100%; background:#111;}
.bar2 .mosaic-overlay {bottom:-45px; height:80px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}
.bar2 .mosaic-overlay:hover {opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);}

/*---- Featured and Wanted ---*/
#MidErea{width:998px; margin:15px auto; height:auto; overflow:hidden;}
.MidData{ width:460px;background-color:#000; border:15px solid #232323; position:relative; height:360px;}
.MidData h2{margin:0; padding:0; font-size:1.5em; color:#fff; padding-top:15px; margin-left:15px;}
.MidData p{font-size:0.8em;color:#bababa;line-height:1.5; padding-right:15px; margin-left:15px;}
.Author{ border:4px solid #232323; float:left; margin:14px 14px 0 14px;}

.MoreBtn1{color:#FFFFFF; position:absolute; bottom:15px; right:0px;}
a.MoreBtn1{ display:block; color:#FFfffF; text-decoration:none;text-align:center;font-size:0.8em; line-height:18px; font-weight:bold; background-image:url(/ReallusionTV/images/DatMore.jpg); background-position:top right; background-repeat:no-repeat; float:right; padding-right:25px; margin-right:15px;}
a.MoreBtn1:hover{color:#389ac2;}


.MoreBtn{color:#FFFFFF;}
a.MoreBtn{ display:block; color:#FFFFFF; text-decoration:none;text-align:center;font-size:0.8em; line-height:18px; font-weight:bold; background-image:url(/ReallusionTV/images/DatMore.jpg); background-position:top right; background-repeat:no-repeat; float:right; padding-right:25px; margin-right:30px;}
a.MoreBtn:hover{color:#389ac2;}

/*---- LiveErea ---*/
#LiveErea{width:970px; margin:15px auto; height:auto; overflow:hidden;background-color:#232323; border:15px solid #232323; height:255px; position:relative;}
#LiveErea h2{margin:0;	padding:0;	font-size:1.5em;	color:#fff;	position:absolute;	right:0px;	top: 0px;	width: 470px;}
#LiveErea p{font-size:0.8em;	color:#bababa;	line-height:1.5;	position:absolute;	right:0px;	top: 100px;	width: 470px;	height: 89px;}

/*---- LiveErea ---*/
#ChannelErea{width:950px; margin:15px auto; height:auto; overflow:hidden;background-color:#232323; border:25px solid #232323; height:auto; overflow:hidden; background-image:url(/ReallusionTV/images/userchannel.jpg); background-repeat:no-repeat; background-position:right top;}
#ChannelErea h2{margin:0;	padding:0;	font-size:1.5em;color:#fff;	}
#ChannelErea p{font-size:0.8em;	color:#bababa;	line-height:1.5; width:600px;}

.TextBtn{color:#FFFFFF;}
a.TextBtn{background-color:#09658b; border:1px solid #3e8aa9;color:#FFF; text-decoration:none; padding:5px 20px; text-align:center;font-size:0.8em; font-weight:bold;}
a.TextBtn:hover{background-color:#077bab;}