@charset "gb2312";*{margin:0;padding:0;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:62.5%;/* Sets up the Base 10 stuff */}
body{font-family:"΢ܛÕýºÚ","Microsoft JhengHei","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53" !important;font-size:14px;line-height:1.8;text-rendering:auto;color:#fff;background:#000 url(../images/lol-mainbg.jpg) center top no-repeat;text-shadow:0 0 15px rgba(0,0,0,0.8);}
a{color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
a:hover{color:#00c3ff;}
a:focus{outline:none;}
ul{margin:0;padding:0;}
li{list-style-type:none;}
img{border:none;}.f32{font-size:32px;}.tc{text-align:center}.tl{text-align:left}
.layout{max-width:1100px;margin:0 auto;}
.fixed:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.fixed{display:block;min-height:1%;}.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0;}.fl{float:left;}.fr{float:right;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.btn{display:inline-block;padding:0 40px;text-align:center;cursor:pointer;-webkit-transition:none;transition:none;border-radius:2px;background:rgba(0,195,255,.8) url(../images/lol-pattern.png);border:1px solid #00c3ff;text-shadow:0 1px 0 rgba(0,0,0,.2);}
.btn-semi-hollow.active:hover,.btn.active,.btn:hover{background:#eee;border-color:#fff;color:#000;box-shadow:0 0 10px rgba(0,0,0,.6);}
.btn-hollow{background-color:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);color:#00c3ff;}
.btn span{display:inline-block;text-transform:uppercase;}
.conbg{background:url(../images/conbg.png) center repeat-y;}
#bg_anim{position:absolute;top:0;width:100%;overflow:hidden;z-index:0;}

#header{background:url(../images/headbg.png) top repeat-x;height:80px;width:100%;position:relative;z-index:1000;position:fixed;top:0;-moz-box-shadow:0 5px 3px rgba(0,0,0,.1);box-shadow:0 5px 3px rgba(0,0,0,.1);}
#header .top_in{height:80px;margin:0 auto;position:relative;}
#header .logo{height:80px;float:left;}
#header #nav ul{display:inline-block;float:right;overflow:hidden}
#header #nav li{display:block;float:left;height:76px;margin:2px 0 0 1px;}
#header #nav li a{display:block;float:left;line-height:74px;font-size:18px;padding:0 30px;}
#header #nav li a:hover,#header #nav li a.selected{background:rgba(0,195,255,.8) url(../images/lol-pattern.png);color:#fff;}
#header #nav li a.mutl{padding:0 30px 0 20px;}
#header #nav ul{overflow:hidden}
#nologin{text-align:right;width:100%;height:46px;padding:10px 0;line-height:26px;overflow:hidden;}

#header a.regist{float:right;padding:3px 10px;margin:24px 10px 0 0;}
.customer span{float:left;color:#ddd;padding-left:30px;background:url(../images/topcustbg.png) no-repeat;margin-right:15px;}
.customer span.cust-qq{background-position:-3px 2px}
.customer span.cust-qq:hover{background-position:-3px -24px}
.customer span.cust-tel{background-position:-3px -49px}
.customer span.cust-tel:hover{background-position:-3px -75px}

.main-wrap{width:100%;position:relative;min-height:900px;_height:expression(this.height < 900 ? "900px" :"")}
.main-hd{overflow:visible;margin:0 auto;position:relative;overflow:hidden;margin-top:520px;z-index:30}
.slog{padding:130px 0 30px;background:url(../images/slogbg.png) top center no-repeat;width:100%;z-index:20;text-shadow:3px 3px 0 rgba(0,0,0,.5);}
.slog .slog_hd{font-size:80px;color:#fff;line-height:80px;color:#ffc70e;}
.slog .slog_hd span{display:block;font-size:50px;font-weight:400;padding:5px 0;color:#fff}
.main-hd .slog_btn a{font-size:24px;text-shadow:0 1px 0 rgba(0,0,0,0.1);margin:0 10px;line-height:60px;}
.main-hd .slog_btn a em{font-family:Arial;font-size:40px;margin:0 2px;vertical-align:-4px;font-style:normal}
.main-con{width:100%;position:relative;z-index:30}

.mod-member .viewport{position:relative;z-index:32;}
.viewport h3{text-align:center;font-size:24px;font-weight:400;margin-top:5px;text-shadow:0 0 15px rgba(0,0,0,0.8);position:relative;z-index:35;}
.viewport h3 a{color:#ffc70e;}
.viewport h3 a:hover{color:#00c3ff}
.viewport h2{font-size:46px;margin-bottom:-5px;}
.viewport p a{font-weight:400;padding:0 15px;font-size:16px;margin-top:-5px;}
.viewport p a em{font-size:20px;font-family:Arial;vertical-align:-2px;margin:0 1px;font-style:normal}
.members .layout{margin-top:20px;}
.members .member{width:550px;float:left;padding:30px 40px 40px;position:relative;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);}
.members .member-title{color:#fff;font-weight:bold;text-transform:uppercase;font-weight:700;font-size:30px}
.members .member-edition{display:block;color:#25d1fc;font-size:24px;line-height:36px;margin:-8px 0 15px;}
.members .member-description{line-height:24px;font-size:16px;padding:0 15px;border-radius:2px;}
.members .member .boxart{background-repeat:no-repeat;background-size:100%;}
.members .member .cta{margin-top:20px;}
.members .member .cta .btn{margin-top:6px;padding:8px 40px;font-size:16px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
.mod-news{font-size:16px;line-height:36px;position:relative;z-index:50}
.dot{background-color:#fff;display:inline-block;font-size:0;height:8px;letter-spacing:normal;line-height:0;overflow:hidden;width:8px;border-radius:5px;}
.mod-news .news-list{padding:30px 30px 0;}
.mod-news .news-list li .dot{margin:0 8px 2px 10px;}
.mod-news .news-list li:hover .dot{background-color:#ffc70e}

.home-gold .viewport h3{color:#fc0;margin-top:-15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.15)}
.home-gold .gold-wrapper{padding:30px 0}
.home-gold .gold-wrapper ul {    text-align: center;}
.home-gold .gold-wrapper ul li{border:1px solid transparent;}
.home-gold .gold-wrapper ul li:hover{border:solid 1px #fff;-webkit-box-shadow:rgba(255,255,255,0.8) 0 0 15px;-moz-box-shadow:rgba(255,255,255,0.8) 0 0 15px;box-shadow:rgba(255,255,255,0.8) 0 0 15px;background:rgba(0,0,0,0.3)}
.home-gold .gold-wrapper ul li.col-1-4{    display: inline-block;width:30%;}
.home-gold .gold-wrapper ul li a{display:block;padding:20px 0;border:solid 1px transparent;}
.home-gold .gold-wrapper ul li a span{display:block;text-align:center;margin:0 auto;}
.home-gold .gold-wrapper ul li a .icon{width:150px;height:150px;background:url(../images/lol-goldico.png) no-repeat;}
.home-gold .gold-wrapper ul li a .title{font-size:22px;line-height:30px;margin-top:10px;text-transform:uppercase;}
.home-gold .gold-wrapper ul li a .title em{font-size:32px;font-family:Arial;vertical-align:-3px;margin-right:2px;font-style:normal}
.home-gold .gold-wrapper ul li a .info{font-size:14px;text-align:center;text-transform:uppercase;font-family:Arial,sans-serif;}
.home-gold .gold-wrapper ul li a:hover,.home-gold .download a:hover{text-decoration:none}
.home-gold .gold-wrapper ul li.security a:hover .icon{background-position:0 -150px;}
.home-gold .gold-wrapper ul li.senday a .icon{background-position:-150px 0;}
.home-gold .gold-wrapper ul li.senday a:hover .icon{background-position:-150px -150px;}
.home-gold .gold-wrapper ul li.timer a .icon{background-position:-300px 0;}
.home-gold .gold-wrapper ul li.timer a:hover .icon{background-position:-300px -150px;}
.home-gold .gold-wrapper ul li.settings a .icon{background-position:-450px 0;}
.home-gold .gold-wrapper ul li.settings a:hover .icon{background-position:-450px -150px;}
.home-gold .download{text-align:center;line-height:70px;font-size:24px;padding-bottom:40px;}
.home-gold .download a em{font-size:40px;font-family:Arial;vertical-align:-4px;margin:0 1px;font-style:normal}

.y-span1,.y-span2,.y-span3,.y-span4,.y-span5,.y-span6,.y-span7,.y-span8,.y-span9,.y-span10,.y-span11,.y-span12{float:left;margin-right:2%;_margin-right:1.9%;}
.y-span1{width:6.5%;}
.y-span2{width:15%;}
.y-span3{width:23.5%;}
.y-span4{width:32%;}
.y-span5{width:40.5%;}
.y-span6{width:49%;}
.y-span7{width:57.5%;}
.y-span8{width:66%;}
.y-span9{width:74.5%;}
.y-span10{width:83%;}
.y-span11{width:91.5%;}
.y-span12{width:100%;}
.y-row{zoom:1;margin-left:auto;margin-right:auto;}
.y-row:before,.y-row:after{content:"\0020";display:block;height:0;overflow:hidden;}
.y-row:after{clear:both;}
.y-row .y-last{margin-right:0;}

.home-cert{text-align:center;padding:40px 20px 30px;}
.home-cert p a.cert_logo{display:inline-block;height:40px;margin:0;overflow:hidden;width:130px;background:url(../images/foot-cert.png) no-repeat;}
.home-cert p a.logo02{background-position:0 -40px;}
.home-cert p a.logo03{background-position:0 -80px;}
.home-cert p a.logo04{background-position:0 -120px;}
.home-cert p a.logo05{background-position:0 -40px;}

/******************************footer****************************/
#footer{background:url(../images/lol-footbg.jpg) top center no-repeat;width:100%;padding-top:30px;}
.footer .home-gold,.footer .sitemap,.footer .home-cert{position:relative;z-index:20}
.footer .sitemap .y-row{border-top:1px solid rgba(255,255,255,0.15);}
#footer .sitemap h3{position:relative;font-weight:700;margin:20px 0 5px;text-transform:uppercase;font-size:15px;color:#fff}
#footer .sitemap ul li{line-height:26px;}
#footer .sitemap ul li a{color:#ddd;display:inline-block}
#footer .sitemap ul li a:hover{color:#00c3ff}
#footer .sitemap ul .hot{position:absolute;width:19px;height:11px;background:url(../images/sup_hot.gif) no-repeat}
#footer .sitemap .y-last ul li a i{display:inline-block;float:left;width:26px;height:26px;background:url(../images/snsico.png) no-repeat;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
#footer .sitemap .y-last ul li a.site-q i{background-position:-126px 1px}
#footer .sitemap .y-last ul li a.site-q:hover i{background-position:-126px -25px}
#footer .sitemap .y-last ul li a.site-tel i{background-position:-154px 1px}
#footer .sitemap .y-last ul li a.site-tel:hover i{background-position:-154px -25px}
#footer .sitemap .y-last ul li a.site-tm i{background-position:-180px 1px}
#footer .sitemap .y-last ul li a.site-tm:hover i{background-position:-180px -25px}
.copyright{background:rgba(0,0,0,0.2);color:#5d6169;padding:12px 0;width:100%;border-top:1px solid rgba(255,255,255,0.1);z-index:998;position:relative;text-align:right;font-size:12px;}
.copyright a{color:#8f9092;display:inline-block;margin:0 10px 0 5px;}
.copyright a:hover{color:#fff;text-decoration:none}

/******************************share****************************/
.sharearea{margin-top:6px;}
.sharearea a{background:url(../images/snsico.png);width:32px;height:32px;float:left;margin:0 3px 0 0;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.sharearea .share_sina:hover{background-position:0 -32px;}
.sharearea .share_qq{background-position:-32px 0;}
.sharearea .share_qq:hover{background-position:-32px -32px;}
.sharearea .share_qzone{background-position:-64px 0;}
.sharearea .share_qzone:hover{background-position:-64px -32px;}
.sharearea .share_weixin{background-position:-96px 0;}
.sharearea .share_weixin:hover{background-position:-96px -32px;}
.sharearea .share_xz{background-position:-206px 0;}
.sharearea .share_xz:hover{background-position:-206px -32px;}
a.backToTop{width:60px;height:60px;background:url(../images/top.png) no-repeat 0 0;text-indent:-999em;z-index:1000;-webkit-transition:0;-moz-transition:0;-o-transition:0;}
a.backToTop:hover{background-position:-60px 0}

.y-row{width:1100px;margin-left:auto;margin-right:auto;zoom:1;*width:1100px}
.y-hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} }
@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} }
.visible-print{display:none !important;}
@media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;} }