@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	padding:0;
	margin:0;
	background:url(../images/bg.jpg);
}

img {
	border:0;
}

ul, li {
	list-style:none;
}
a{color:#cbe6ff;}
a:hover{color:#fff;}

input:focus, select:focus, textarea:focus {
	outline:none;
}
a:focus {
	outline: none;
}
br.clear {
	clear:both;
}
BODY,ul,ol,p,td,tr, form {
 
	scrollbar-arrow-color : #ff0000;
	scrollbar-base-color : #8f0808;
	scrollbar-3d-light-color : #8f0808;
	scrollbar-face-color : #000000;
	scrollbar-shadow-color : #330303;
	scrollbar-dark-shadow-color : #000000;
	scrollbar-track-color : #510505;
	scrollbar-highlight-color : #353535;
 
}
h1, h2 , h3{text-shadow:1px 1px #000000;}
.top{ background:#4d80b3; padding-top:10px; padding-bottom:10px;}
.top h1{color:#dceeff; font-weight:normal; font-size:55px; text-shadow:1px 1px #000; font-family: 'MetaMediumCRegular';}
.top p{ font-size:14px; color:#f2f2f2; float:left; padding-top:10px; width:636px;}
a.logo{ background:url(../images/logo.png) no-repeat; display:block; width:356px; height:100px; padding-right:30px; float:left; }
.menu{ background:url(../images/bl.png); height:25px; border-top:2px solid #000; padding:20px 0 30px 0; margin-bottom:18px;}
.menu ul{width:1120px; margin:auto;}
.menu ul li{ float:left; color:#fff; font-size:29px; line-height:25px; text-transform:uppercase; border-right:1px solid #fff; padding:0 25px 0 25px; font-family: 'MetaMediumCRegular';}
.menu ul li.last{border-right:none;}
.menu ul li a{ text-decoration:none; border-bottom:1px dashed #929292; color:#d1e8ff;}
.menu ul li a.yellow{color:#FC0;}
.menu ul li a:hover{ color:#fff; border-bottom:1px dashed #fff;}
.content{width:1120px; margin:auto;}
.main{float:left; width:830px;}
.main h1{color:#155688; font-size:45px; padding-bottom:15px; font-family: 'MetaMediumCRegular'; font-weight:normal; text-align:center;}
.content h2 {text-align:center;}
.content h2 a{color:#155688; font-size:45px;  }
.content h3{font-size:27px; text-align:center; width:1120px;}
.ep{float:left;  padding:3px; background:#000; margin:0 4px 10px 0;  width:400px;}
.ep span{position:relative; float:left;}
.ep span a.play{ position:absolute; left:0; top:0; display:none; width:400px; height:298px; background:url(../images/playmovie.png) no-repeat center; border-bottom:none;}
.ep span:hover a.play{display:block;}
.ep a{color:#cbe6ff; text-decoration:none; border-bottom:1px dashed #fff; font-size:22px; margin:10px; float:left; display:block;}
.ep a:hover{color:#fff; }
.sidebar{float:left; width:257px; background:url(../images/black2.png); padding:14px;}
.sidebar h4{ text-align:center; font-size:22px; font-weight:normal;}
.botsites{ background:url(../images/bl.png); margin-top:30px; padding-top:20px;}
.botsites h2{ font-size:45px; font-weight:normal; text-align:center; font-family: 'MetaMediumCRegular';}
.botsites h3{  font-weight:normal; text-align:center; color:#99cdff; font-size:17px; text-transform:uppercase;}
.news{ float:left; padding: 15px 0 15px 0; border-bottom:1px solid #595959;}
.news img{ padding:3px; background-color:#2f2f2f; margin-bottom:10px; }
.news a{float:left;}
.news span{float:right;}
.site{float:left; position:relative; padding-right:26px; margin:10px 0 15px 0;}
.botsites div.last{padding-right:0;}
.site img{padding:2px; background:#000; margin-bottom:10px;}
.site a{font-size:17px;}
.site .desc{ position:absolute; display:none; background:url(../images/black2.png); font-size:11px; padding:10px; left:2px; bottom:32px; width:230px;}
.site:hover .desc{ display:block;}
.footer{background:url(../images/black2.png); padding:20px; text-align:center; font-size:11px; color:#cbe6ff;}
.left{ padding:20px; background:url(../images/black2.png); float:left;}
.right{ padding:20px; background:url(../images/bl.png); float:left; width:634px; height:332px;}
.form{ margin-top:20px;}
.player{ padding:3px; background:#000; position:relative;}
.player .warning{ position:absolute; left:0; top:0; display:none; width:400px; height:298px; background:url(../images/warning.gif) no-repeat center;}
.player .warning{ display:block;}
.pagination{ padding:20px 0 20px 0; text-align:center;}
.pagination a{padding:0px 10px 0 10px; background:url(../images/black2.png);  margin-left:1px; height:35px; line-height:35px; font-size:17px; text-transform:uppercase;}
.pagination span{ padding:0px 10px 0 10px;  margin-left:1px; height:35px; line-height:35px;font-size:17px; text-transform:uppercase; }

#step1, #step2 {float:left; color:#fff; padding-right:10px; width:307px;}
.opt{display:block;width:307px;height:35px;padding:8px 0 0 6px; margin:1px 0 6px 0;text-align:left;position:relative;}
.b1{background:#000000;}
.b2{background:#02023b;}
.b3{background:#450021;}
.option1{font-size:11px;color:#ffffff;font-weight:bold; padding-left:10px;}
.option2{font-size:11px;color:#ffffff;font-weight:bold; padding-left:10px;}
.option3{font-size:11px;color:#ffffff;font-weight:bold; padding-left:10px;}
.frow{width:307px;margin:8px auto 4px;padding:0;text-align:right;font-weight:bold;font-size:12px;color:#fff;}
.frow input{border:1px solid #9b7c9c;width:160px;}
.frow select{border:1px solid #9b7c9c;width:166px;}
#join{float:left; padding:15px; text-align:center; width:604px;}
#joinbtn{padding:5px; font-size:22px; text-transform:uppercase; margin-top:10px;}
.botsites table td{padding:5px;}
.yel{color:#FC0;}
.tab td{padding:6px;}
#step2 ul { margin:10px 10px 10px 30px; }
#step2 ul li{  list-style:circle;}






.site2 {float:left; position:relative; }
.site2 .desc{ position:absolute; display:none; background:url(../images/black2.png); font-size:16px; padding:10px; left:20px; bottom:10px; width:350px;}
.site2:hover .desc{ display:block;}