@charset "utf-8";
@Import url("common.css");
@Import url("paging.css");
@Import url("scrollbar.css");

.adv, .quicklinks { float:left; height:250px; overflow:hidden; }
.quicklinks { width:270px; background-color:#243c2e; }
.adv { position:relative; width:540px; background-color:#666; }

div#mainbanner { position:relative; width:540px; height:250px; overflow:hidden; background-color:#333333; }
div.menuwrap { position:absolute; left:0; bottom:0; width:100%; height: 25px; background-color: rgba(0, 0, 0, 0.1); }
ul.bann-menu { float:right; margin: 5px 0px; padding:0; }
ul.bann-menu li { float:left; width:15px; height:15px; margin:0 5px; text-align:center; vertical-align:middle; }
ul.bann-menu li a { display:inline-block; width:10px; height:10px; border:1px solid #666; border-radius: 7px; background-color:#000000; background:-moz-linear-gradient(top, #313131 0%, #000000 60%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(60%,#000000)); background:-webkit-linear-gradient(top, #313131 0%,#000000 60%); background:-o-linear-gradient(top, #313131 0%,#000000 60%);  background:-ms-linear-gradient(top, #313131 0%,#000000 60%); background: linear-gradient(top, #313131 0%,#000000 60%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131',endColorstr='#000000',GradientType=0 ); }
ul.bann-menu li.bann-link-selected a { border:1px solid #89b661; background-color:#9ec27c; background:-moz-linear-gradient(top, #9dc17b 0%, #619b2a 60%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(60%,#619b2a)); background:-webkit-linear-gradient(top, #9ec27c 0%,#619b2a 60%); background:-o-linear-gradient(top, #9ec27c 0%,#619b2a 60%);  background:-ms-linear-gradient(top, #9ec27c 0%,#619b2a 60%); background: linear-gradient(top, #9ec27c 0%,#619b2a 60%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ec27c',endColorstr='#619b2a',GradientType=0 ); }

.center, .right { float:left; min-height:500px; }
.center>div, .right>div { clear:left; float:left; margin-top:15px; }
.center div:first-child, .right div:first-child { margin-top:0px; }
.center .title, .right .title { width:100%; height:36px; }
.center { padding:0 10px; width:500px; }
.right { padding:0 20px 20px 10px; width:250px; }

.center a:hover { text-decoration:none; }

.center .news { width:100%; }
.center .news .title { background:url(../images/title/main_news.png) top left no-repeat; }
.center .live { width:100%; }
.center .live .title { background:url(../images/title/main_live.png) top left no-repeat; }
.center .gallery { width:100%; height:170px; margin-top:30px; }
.center .gallery .title { background:url(../images/title/main_gallery.png) top left no-repeat; }

.center .news_content li { clear:left; width:100%; height:48px; border-bottom:1px solid #e5e5e5; }
.center .news_content div { float:left; margin-top:9px; }
.center .news_content .article { position:relative; width:430px; overflow:hidden; }
.center .news_content h3 { margin:0; padding:0; max-length:345px; color:#3c990d; font-weight:bold; font-size:10pt; }
.center .news_content span { position:absolute; top:0px; right:0px; line-height:16px; color:#646464; font-weight:bold; display:none; }
.center .news_content small { margin:0; padding:0; color:#323232; font-size:9pt; }

div.ico_notice, div.ico_update, div.ico_results, div.ico_ongoing, div.ico_done, div.ico_coming { margin:0 10px 0 5px; width:45px; height:15px; line-height:15px; color:#fff; font-size:8px; font-weight:bold; font-stretch:normal; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
div.ico_notice { background-color:green; }
div.ico_update { background-color:blue; }
div.ico_results { background-color:#ad7ae0; }
div.ico_ongoing { background-color:#7235ae; }
div.ico_coming { background-color:orange; }
div.ico_done { background-color:#949494; }

.center .gallery_content { width:100%; }
.center .gallery_content li { float:left; clear:none; margin-left:25px; margin-top:15px; padding:0; width:148px; height:98px; background:url(../iamges/bg/galleryitem.png) no-repeat; over-flow:hidden; }
.center .gallery_content li:first-child { margin-left:0px; }
.center .gallery_content li img { margin:1px; padding:0; width:146px; height:96px; }

.right .howto { width:100%; }
.right .trailer { width:100%; }
.right .trailer .title { background:url(../images/title/main_trailer.png) top left no-repeat; }

.right .itemshop .title { background:url(../images/title/comm_itemshop.png) top left no-repeat; }
.right .itemshop_content { width:248px; }
.right .itemshop_content li { clear:left; margin:0 1px; width:246px; height:93px; border-top:1px solid #c8c8c8; }
.right .itemshop_content li:first-child { border-top:none; }
.right .itemshop_content div { float:left; margin-top:15px; width:145px; overflow:hidden; }
.right .itemshop_content h3 { margin:0; padding:0; color:#323232; font-weight:bold; font-size:9pt; }
.right .itemshop_content small { margin:0; padding:0; color:#3c990c; font-weight:bold; font-size:9pt; }
.right .itemshop_content .itemimg { float:left; margin:15px 10px 15px 14px; border:1px solid #c8c8c8; width:61px; height:61px; background-position:center; background-repeat:no-repeat; }

.right .social .title { background:url(../images/title/comm_facebook.png) top left no-repeat; }
.right .social_content { padding-left:9px; width:240px; overflow:hidden; }
.right .social_content>div.fb-like-box { height:255px; overflow:hidden; margin:11px 0 20px 0; }
.right .social_link { width:100%; min-height:100px; }

.right div:first-child.itemshop,.right .itemshop{margin-top:166px;}
.maincontent{position: relative;}
.page .ban-subscribe {position:absolute;left:50%;top:20px;margin-left:270px;z-index:5;}
.page .ban-subscribe a {overflow:hidden;display:block;}
.page .ban-subscribe .btn-close {position:absolute;left:10px;top:10px;width:18px;height:18px;border:0 none;cursor:pointer;color:transparent;text-indent:-9999em;font-size:0;}
.page  .dimmed {position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.page .pop-subscribe {position:fixed;left:50%;top:50%;z-index:100;margin-left:-360px;margin-top:-240px;width:720px;height:480px;}
.page .pop-subscribe a {overflow:hidden;position:absolute;left:40px;bottom:40px;width:242px;height:60px;color:transparent;text-indent:-9999em;}
.page .pop-subscribe .btn-close {position:absolute;right:40px;top:40px;width:30px;height:30px;border:0 none;cursor:pointer;color:transparent;text-indent:-9999em;font-size:0;background:none;}