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

/* Only use category home page */

body {font-family: Verdana,Arial,Helvetica,sans-serif; margin: auto;}

#wrapper, #wrapperBtm { clear: both; border: none; background: url(/css/en/category/home/bg_home.gif) no-repeat top left;
width:960px; height: auto;
text-align:/*left*/ center; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-right: auto; 
margin-left: auto; 
padding: 0 0 10px;}

#wrapperBtm { background: none; }

#wrapper:after, #wrapperBtm:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; } /*div css huck*/

/* ----------- 2col -------------------------------*/

.colbox .clear {clear:both;}

.ltcol {float: left; width: 650px; height:auto; text-align:left; border: none; }
.rtcol {float: right; width: 275px; _width: 285px; padding-right:10px; height:auto; text-align:left; border: none; }

.ltcol:after, .rtcol:after{ 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }

/* ----------- shared -------------------------------*/
.menuBox {width: /*313*/308px; height: auto;}
.menuBox div { float: left; width: /*156*/153px; height: 98px; margin-bottom: /*1*/2px; text-align: center;}
.menuBox div.blank { background: url(/css/en/home/splash/bg_blank_l.gif) no-repeat; color: #fff;}
.menuBox a { display: block; width: /*156*/153px; height: 98px; text-align: center; text-decoration: none !important;  overflow: hidden;}
.menuBox a b {margin-top: 60px; display: block; text-align: center; text-decoration: none; color: #fff; background:url(/css/en/home/splash/btn_102x23_g.gif) no-repeat center center ; height: 23px; line-height: 22px; /*font-weight: normal;*/}
.menuBox a:hover b {background:url(/css/en/home/splash/btn_102x23_o.gif) no-repeat center center; }

.rtSp {margin-right: /*1*/2px;}

/* ----------- left side -------------------------------*/
#wPlayerOuter { width: auto; height: auto; padding:10px 0; }
#wPlayer { width: 642px; height: 282px; background: #999; text-align: center; margin-left:10px;}

/* ----------- right side -------------------------------*/

/* live stream number */
.lsNum { text-align: right; padding-bottom: 10px;}
/* login area */
	.loginInBox {padding-top: 10px;}
	.loginForm {font-weight: bold;}
	.loginForm div { height: 24px; width: auto; clear: both; line-height: 24px;}
	.loginForm div span { padding-left: 0.2em; font-weight: normal; font-size: 11px;}
	.loginForm div label {width: 70px; float: left; display: block;}
	
	.textShadowBox {background-image:url(/css/en/shadow.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #999; font-weight: normal; width:200px; _width:190px;}

	.rememberMe { font-size: 10px; width: 270px; }
	.rememberMe a {font-weight: normal; }
	
	/*.rememberMe span label {width: 100px; display: inline;float: none;}*/
	
#formLogin { float: right;
	width: 100px; height: 16px; font-size: 12px; line-height: 16px;  color: #fff; font-weight: bold;
	background:url(/css/en/asset/btn_b100x16.gif) center center no-repeat; border: none;  } 
	
	
/* join */
.joinText { clear: both; font-size: 12px; line-height: 16px; font-weight: bold; padding: 10px 0; /*text-align: justify; text-justify: newspaper;*/}
.joinText span { color: #FF9900;}

.joinBtn a, .joinBtn a:link, .joinBtn a:visited, .joinBtn a:active { text-align: center; display: block; width:260px; height: 50px; line-height: 50px; color: #fff; background: url(/css/en/asset/btn_b260x50.gif) no-repeat; font-size: 24px; text-decoration: none;}
.joinBtn a:hover { background: blue; background: url(/css/en/asset/btn_bl260x50.gif); color: #fff;}


/* btm 3 banners */
/*.skres_topBnBox div {margin-right: 10px; margin-bottom: 20px; }*/

#skres_topBnBox { text-align: center; margin: auto; width: 960px; height: 75px;}
#skres_topBnBox div {display: inline; padding: 0 2px; }
#skres_topBnBox div a { text-decoration: none; border: none; }

/* btm press logos */
.pressLogo {}
.pressLogo .text { width: 200px; float: left; line-height: 35px; color: #666; text-align: right; font-size: 11px; }
.pressLogo .imgBox { text-align: center; }
.pressLogo .imgBox a { padding:0 2px 0px 1px;}
.pressLogo .imgBox img { border: 0; }