* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #08111b; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
img { display: block; }
a img { border:none; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.inner { width: 960px; margin: 0 auto; position: relative; }
.bar1 { width: 960px; height:38px; padding-bottom:5px;}
.clear { clear:both; }
.over { overflow:hidden; height: 0; }
a img { opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
a:hover img { opacity: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }


.main { position:relative; margin:0 auto; width:px; }

.header { position: relative; }
.header .top { position: absolute; top: -13px; left: 810px; }
.header .logo { position: absolute; top: 26px; left: 305px; }
.header .menu { position: absolute; top: 165px; left: 223px; }
.header .menu ul { width: 514px; }
.header .menu ul li { float: left; padding: 0 9px 0 0; }

.box1 { position: relative; top:-6px; background: url(images/box1-bg.jpg) no-repeat bottom center; width:1123px;}
.box1 .inner1 {width:1123px; position: relative; top:6px; }
.box1 .bt1 { position: absolute; left:94px; }
.box1 .title1 { position: absolute; top: 2px; left: 569px; }
.box1 .text { position: absolute; top: 48px; left: 569px; width: 384px; }
.box1 .text p { color: #a3a3a3; font-size: 13px; line-height: 19px; }
.box1 .player { position: absolute; top: 235px; left: 640px; }
.box1 .free { position: absolute; top: 200px; left: 645px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 27px; line-height: 15px;}

.bigbt { position: relative; }

.box2 { position: relative; top:-18px; left:-3px; background: #08111b; width:1123px;}
.box2 #bt2 { position: absolute; top: 200px; left: 35px; }
.box2 .form-home { position: absolute; top: 176px; left: 536px; }
.box2 .form-home ul li { padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; height: 25px; }
.box2 .form-home ul li input { width: 150px; }
.box2 .form-home ul li label { color: #FFF; text-align: right; width: 180px; display: block; float: left; }
.box2 .form-home ul li label span { padding: 0 5px 0 20px; }

.form-join ul li { padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; height: 25px; }
.form-join ul li input { width: 150px; tex-align:left;}
.form-join ul li label { color: #FFF; text-align: right; width: 150px; display: block; float: left; }
.form-join ul li label span { padding: 0 5px 0 20px; }
.box3 {width:1123px;}
.box3 .title1 { position: absolute; top: 7px; left: 20px; }
.box3 .title2 { position: absolute; top: 7px; left: 625px; }
.box3 .topic { position: absolute; top: 60px; left: 58px; }
.box3 .topic ul { width: 250px; text-align:left;}
.box3 .topic ul li { padding: 0 0 16px 0; }
.box3 .topic ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #FFF; }
.box3 .topic ul li p span { color: #000; }
.box3 .bt3 { position: absolute; top: 263px; left: 404px; }

.box4 { background: url(images/box4-bg.jpg) no-repeat top center; }
.box4 .bt { position: absolute; top: 563px; left: 479px; }
.box4 .news { width: 450px; position: absolute; top: 82px; right: 10px; background: #00359a; height: 438px; overflow-x: none; overflow-y: scroll; padding: 10px 12px; }
.box4 .news h2 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #005967; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.box4 .news dl dt { color: #fff; font-weight: bold; line-height: 13px; }
.box4 .news dl dd { font-size: 11px; color: #fff; line-height: 13px; border-bottom: 1px dotted #262626; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.box4 .news dl dd a { color: #FFF; font-weight: bold; font-size: 13px; line-height: 15px; }

.box5 { height: 1034px; }
.box5 img { float: left; }
.box5 .topic { position: absolute; top: 182px; left: 58px; }
.box5 .topic ul { width: 370px; }
.box5 .topic ul li { font-size: 16px; line-height: 20px; color: #FFF; padding: 0 0 20px 0; font-weight: bold; }
.box5 .topic ul li span { color: #0f8cd9; }
.box5 .title { position: absolute; top: 178px; left: 497px; }
.box5 .title p { color: #FFF; font-size: 16px; line-height: 19px; text-align: center; }
.box5 .form-join { position: absolute; top: 247px; left: 536px; }
.box5 .form-join ul li { padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; height: 25px; }
.box5 .form-join ul li input { width: 150px; }
.box5 .form-join ul li label { color: #FFF; text-align: right; width: 180px; display: block; float: left; }
.box5 .form-join ul li label span { padding: 0 5px 0 20px; }
.box5 .p1 { position: absolute; top: 480px; left: 485px; width: 467px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #FFF; text-align: center; }
.box5 .p2 { position: absolute; top: 503px; left: 510px; width: 418px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #FFF; text-align: center; }
.box5 .p2 h2 { text-align: left; font-size: 14px; padding: 30px 0; }
.box5 .bt4 { position: absolute; top: 650px; left: 543px; }
.box5 .card { position: absolute; top: 712px; left: 612px; width: 209px; text-align: center; }
.box5 .card img { float: none; display: inline; margin: 4px 0; }
.box5 .p3 { position: absolute; top: 845px; left: 516px; width: 405px; }
.box5 .p3 p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; color: #FFF; text-align: center; }
.box5 .p4 { position: absolute;  top: 970px; left: 522px; width: 405px; }
.box5 .p4 p { font-size: 12px; line-height: 14px; color: #FFF; }
.box5 .p4 p a { color: #00b4ff; }

.footer {}
.footer .inner { height: 250px; position: relative; }
.footer .menu { position: absolute; top: 21px; left: 310px; }
.footer .menu ul { width: 514px; }
.footer .menu ul li { float: left; padding: 0 9px 0 0; }
.footer .p { position: absolute; top: 170px; left: 334px; text-align: center; color: #FFF; font-size: 11px; }
.footer .logo { position: absolute; top: 45px; left: 300px; }
#joinnow { position:absolute; left: 261px; top:442px; z-index:55;}

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */