*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html{font-size:62.5%}
html body{font-size:1.5em;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;;line-height:1.4em;color:#000}
html body a,html body a:visited{color:#257372}
html body a:hover{color:#5cb2b1}
html body a.disabled{cursor:default}
html body p{margin:15px 0 0 0}
html body p:first-child{margin-top:0}
html body p:last-child{margin-bottom:0}
html body.i18n-cs,html body.i18n-el,html body.i18n-tr,html body.i18n-pl,html body.i18n-pt,html body.i18n-tr,html body.i18n-ro,html body.i18n-ru{font-family:Calibri,Helvetica,Arial,sans-serif}
html body{font-size:auto;background:#000;margin:0;position:relative}
html body.pvpnetbar{margin-top:31px!important}
html body.admin-menu.pvpnetbar{margin-top:51px!important}
body{padding-top: 42px;}
.hidden-text{text-indent:-99999em}
.featured{font-size:1.13333em}
.all-caps{text-transform:uppercase}
.i18n-el .all-caps{text-transform:none}
.lowercase{text-transform:lowercase}
.i18n-pl .lowercase,.i18n-el .lowercase{text-transform:none}
.subtle{font-size:.66667em;text-transform:uppercase;color:#888}
.subtle a{color:#888}
.i18n-el .subtle{font-size:.8em;text-transform:none}
.no-break{white-space:nowrap}
.content-left{text-align:left}
.content-center{text-align:center}
.content-right{text-align:right}
.content-right>div{display:inline-block}
.content-justify{text-align:justify}
blockquote.blockquote{quotes:"“" "”" "‘" "’";font-size:24px;font-style:italic;font-weight:100;margin:20px 30px 20px 30px;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;;line-height:1.5em}
blockquote.blockquote:before,blockquote.blockquote:after{font-size:50px;font-style:italic;display:inline-block;position:absolute;color:#bbb;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;;font-weight:bold;line-height:1em}
blockquote.blockquote:before{content:open-quote;margin-left:-30px;margin-top:-5px}
blockquote.blockquote:after{content:close-quote;margin-left:10px;margin-top:-5px}
h1,h2,h3,h4{font-weight:normal;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;;line-height:1em;color:#2b2b2b}
.i18n-cs h1,.i18n-el h1,.i18n-tr h1,.i18n-pl h1,.i18n-pt h1,.i18n-tr h1,.i18n-ro h1,.i18n-ru h1,.i18n-cs h2,.i18n-el h2,.i18n-tr h2,.i18n-pl h2,.i18n-pt h2,.i18n-tr h2,.i18n-ro h2,.i18n-ru h2,.i18n-cs h3,.i18n-el h3,.i18n-tr h3,.i18n-pl h3,.i18n-pt h3,.i18n-tr h3,.i18n-ro h3,.i18n-ru h3,.i18n-cs h4,.i18n-el h4,.i18n-tr h4,.i18n-pl h4,.i18n-pt h4,.i18n-tr h4,.i18n-ro h4,.i18n-ru h4{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;}
h1{font-size:2.8em;margin:10px 0 0 0}
h2{font-size:2em;margin:10px 0 0 0}
.i18n-cs h2,.i18n-el h2,.i18n-tr h2,.i18n-pl h2,.i18n-pt h2,.i18n-tr h2,.i18n-ro h2,.i18n-ru h2{font-size:1.8em}
h3{font-size:1.73333em;margin:10px 0 0 0;line-height:1em}
.i18n-cs h3,.i18n-el h3,.i18n-tr h3,.i18n-pl h3,.i18n-pt h3,.i18n-tr h3,.i18n-ro h3,.i18n-ru h3{font-size:1.5em}
h4{font-size:1.33333em;color:#3e3f41;margin:10px 0 0 0;line-height:1.1em}
.i18n-cs h4,.i18n-el h4,.i18n-tr h4,.i18n-pl h4,.i18n-pt h4,.i18n-tr h4,.i18n-ro h4,.i18n-ru h4{font-size:1.1em}
h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}
h1:last-child,h2:last-child,h3:last-child,h4:last-child{margin-bottom:0}
h1>a,h2>a,h3>a,h4>a{text-decoration:none}
img{max-width:100%;height:auto;vertical-align:middle}
a img{border:0}
.vertical-accent{position:absolute;top:20px;bottom:0;right:0;left:20px;overflow:hidden}
.vertical-accent .vertical-accent-content{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}
.vertical-accent img{width:100%;max-width:100%;vertical-align:middle}
.vertical-accent .content-border,.vertical-accent .simple-border{position:absolute;top:0;left:0;right:0;bottom:0}
.content-border .vertical-accent-content{top:4px;left:4px;right:4px;bottom:4px;background-color:#000}
.feature-splash{margin-bottom:20px}
.feature-splash img{width:100%;vertical-align:sub}
.ie .feature-splash img{vertical-align:bottom}
.inline-left{float:left;margin-right:10px}
.inline-right{float:right;margin-left:10px}
#breadcrumbs{width:1000px;padding:0 30px;margin:0 auto;font-size:.9em}
#breadcrumbs ol{list-style-type:none;margin:0;height:1.5em;padding:.25em 0}
#breadcrumbs ol li{float:left;color:#dedede;margin-left:5px;padding-right:12px;;text-transform:uppercase;text-shadow:1px 1px 1px black}
#breadcrumbs ol li a{color:#dedede;text-decoration:none}
.i18n-el #breadcrumbs ol li{text-transform:none}
.i18n-cs #breadcrumbs ol li,.i18n-el #breadcrumbs ol li,.i18n-tr #breadcrumbs ol li,.i18n-pl #breadcrumbs ol li,.i18n-pt #breadcrumbs ol li,.i18n-tr #breadcrumbs ol li,.i18n-ro #breadcrumbs ol li,.i18n-ru #breadcrumbs ol li{background-position:100% 8px}
#breadcrumbs ol li:first-child{margin:0}
#breadcrumbs h1{float:none;clear:left;margin:0;font-size:2.26667em;background-image:none;padding:4px 0 0 0;color:#dedede;text-shadow:2px 2px 5px rgba(0,0,0,0.7),-1px -1px 4px rgba(0,0,0,0.5)}
#breadcrumbs h1 a{color:#dedede}
.i18n-cs #breadcrumbs h1,.i18n-el #breadcrumbs h1,.i18n-tr #breadcrumbs h1,.i18n-pl #breadcrumbs h1,.i18n-pt #breadcrumbs h1,.i18n-tr #breadcrumbs h1,.i18n-ro #breadcrumbs h1,.i18n-ru #breadcrumbs h1{font-size:2.1em}
.breadcrumb-body-spacer #breadcrumbs{margin-bottom:0}
.breadcrumb-body-spacer #breadcrumbs h1{margin:70px 0 110px 0}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.margin-none{margin:0!important}
.margin-vertical{margin:20px 0!important}
.margin-vertical-half{margin:10px 0!important}
.margin-horizontal{margin:0 20px!important}
.margin-horizontal-half{margin:0 10px!important}
.gs-container{clear:both;margin-left:-20px;overflow:hidden}
.gs-container>*{padding-left:20px;padding-top:20px;float:left;position:relative}
.gs-container:first-child{margin-top:-20px}
.gs-half-gutter{clear:both;margin-left:-10px;overflow:hidden}
.gs-half-gutter>*{padding-left:10px;padding-top:10px;float:left}
.gs-half-gutter:first-child{margin-top:-10px}
.gs-no-gutter{clear:both;margin-left:0;margin-top:0;overflow:hidden}
.gs-no-gutter>*{padding-left:0;padding-top:0;float:left}
.gs-no-gutter:first-child{margin-top:0}
.no-vertical-gutter{margin-top:0}
.no-vertical-gutter>*{padding-top:0}
.gs-table{width:100%;display:table;border-collapse:collapse;margin-left:0}
.gs-table>*{display:table-cell;float:none;position:relative}
.gs-table>*:first-child{padding:20px 10px 0 0}
.gs-table>*:last-child{padding:20px 0 0 10px}
.default-1-col>*{width:100%}
.default-1-1{width:100%}
.default-prefix-1-1{margin-left:100%}
.default-suffix-1-1{margin-right:100%}
.default-2-col>*{width:50%}
.default-1-2{width:50%}
.default-prefix-1-2{margin-left:50%}
.default-suffix-1-2{margin-right:50%}
.default-3-col>*{width:33.33333%}
.default-1-3{width:33.33333%}
.default-prefix-1-3{margin-left:33.33333%}
.default-suffix-1-3{margin-right:33.33333%}
.default-2-3{width:66.66667%}
.default-prefix-2-3{margin-left:66.66667%}
.default-suffix-2-3{margin-right:66.66667%}
.default-4-col>*{width:25%}
.default-1-4{width:25%}
.default-prefix-1-4{margin-left:25%}
.default-suffix-1-4{margin-right:25%}
.default-3-4{width:75%}
.default-prefix-3-4{margin-left:75%}
.default-suffix-3-4{margin-right:75%}
.default-5-col>*{width:20%}
.default-1-5{width:20%}
.default-prefix-1-5{margin-left:20%}
.default-suffix-1-5{margin-right:20%}
.default-2-5{width:40%}
.default-prefix-2-5{margin-left:40%}
.default-suffix-2-5{margin-right:40%}
.default-3-5{width:60%}
.default-prefix-3-5{margin-left:60%}
.default-suffix-3-5{margin-right:60%}
.default-4-5{width:80%}
.default-prefix-4-5{margin-left:80%}
.default-suffix-4-5{margin-right:80%}
.default-6-col>*{width:16.66667%}
.default-1-6{width:16.66667%}
.default-prefix-1-6{margin-left:16.66667%}
.default-suffix-1-6{margin-right:16.66667%}
.default-5-6{width:83.33333%}
.default-prefix-5-6{margin-left:83.33333%}
.default-suffix-5-6{margin-right:83.33333%}
.default-7-col>*{width:14.28571%}
.default-1-7{width:14.28571%}
.default-prefix-1-7{margin-left:14.28571%}
.default-suffix-1-7{margin-right:14.28571%}
.default-2-7{width:28.57143%}
.default-prefix-2-7{margin-left:28.57143%}
.default-suffix-2-7{margin-right:28.57143%}
.default-3-7{width:42.85714%}
.default-prefix-3-7{margin-left:42.85714%}
.default-suffix-3-7{margin-right:42.85714%}
.default-4-7{width:57.14286%}
.default-prefix-4-7{margin-left:57.14286%}
.default-suffix-4-7{margin-right:57.14286%}
.default-5-7{width:71.42857%}
.default-prefix-5-7{margin-left:71.42857%}
.default-suffix-5-7{margin-right:71.42857%}
.default-6-7{width:85.71429%}
.default-prefix-6-7{margin-left:85.71429%}
.default-suffix-6-7{margin-right:85.71429%}
.default-8-col>*{width:12.5%}
.default-1-8{width:12.5%}
.default-prefix-1-8{margin-left:12.5%}
.default-suffix-1-8{margin-right:12.5%}
.default-3-8{width:37.5%}
.default-prefix-3-8{margin-left:37.5%}
.default-suffix-3-8{margin-right:37.5%}
.default-5-8{width:62.5%}
.default-prefix-5-8{margin-left:62.5%}
.default-suffix-5-8{margin-right:62.5%}
.default-7-8{width:87.5%}
.default-prefix-7-8{margin-left:87.5%}
.default-suffix-7-8{margin-right:87.5%}
.default-9-col>*{width:11.11111%}
.default-1-9{width:11.11111%}
.default-prefix-1-9{margin-left:11.11111%}
.default-suffix-1-9{margin-right:11.11111%}
.default-2-9{width:22.22222%}
.default-prefix-2-9{margin-left:22.22222%}
.default-suffix-2-9{margin-right:22.22222%}
.default-3-9{width:33.33333%}
.default-prefix-3-9{margin-left:33.33333%}
.default-suffix-3-9{margin-right:33.33333%}
.default-4-9{width:44.44444%}
.default-prefix-4-9{margin-left:44.44444%}
.default-suffix-4-9{margin-right:44.44444%}
.default-5-9{width:55.55556%}
.default-prefix-5-9{margin-left:55.55556%}
.default-suffix-5-9{margin-right:55.55556%}
.default-6-9{width:66.66667%}
.default-prefix-6-9{margin-left:66.66667%}
.default-suffix-6-9{margin-right:66.66667%}
.default-7-9{width:77.77778%}
.default-prefix-7-9{margin-left:77.77778%}
.default-suffix-7-9{margin-right:77.77778%}
.default-8-9{width:88.88889%}
.default-prefix-8-9{margin-left:88.88889%}
.default-suffix-8-9{margin-right:88.88889%}
.default-10-col>*{width:10%}
.default-1-10{width:10%}
.default-prefix-1-10{margin-left:10%}
.default-suffix-1-10{margin-right:10%}
.default-3-10{width:30%}
.default-prefix-3-10{margin-left:30%}
.default-suffix-3-10{margin-right:30%}
.default-7-10{width:70%}
.default-prefix-7-10{margin-left:70%}
.default-suffix-7-10{margin-right:70%}
.default-9-10{width:90%}
.default-prefix-9-10{margin-left:90%}
.default-suffix-9-10{margin-right:90%}
.default-11-col>*{width:9.09091%}
.default-1-11{width:9.09091%}
.default-prefix-1-11{margin-left:9.09091%}
.default-suffix-1-11{margin-right:9.09091%}
.default-2-11{width:18.18182%}
.default-prefix-2-11{margin-left:18.18182%}
.default-suffix-2-11{margin-right:18.18182%}
.default-3-11{width:27.27273%}
.default-prefix-3-11{margin-left:27.27273%}
.default-suffix-3-11{margin-right:27.27273%}
.default-4-11{width:36.36364%}
.default-prefix-4-11{margin-left:36.36364%}
.default-suffix-4-11{margin-right:36.36364%}
.default-5-11{width:45.45455%}
.default-prefix-5-11{margin-left:45.45455%}
.default-suffix-5-11{margin-right:45.45455%}
.default-6-11{width:54.54545%}
.default-prefix-6-11{margin-left:54.54545%}
.default-suffix-6-11{margin-right:54.54545%}
.default-7-11{width:63.63636%}
.default-prefix-7-11{margin-left:63.63636%}
.default-suffix-7-11{margin-right:63.63636%}
.default-8-11{width:72.72727%}
.default-prefix-8-11{margin-left:72.72727%}
.default-suffix-8-11{margin-right:72.72727%}
.default-9-11{width:81.81818%}
.default-prefix-9-11{margin-left:81.81818%}
.default-suffix-9-11{margin-right:81.81818%}
.default-10-11{width:90.90909%}
.default-prefix-10-11{margin-left:90.90909%}
.default-suffix-10-11{margin-right:90.90909%}
.default-12-col>*{width:8.33333%}
.default-1-12{width:8.33333%}
.default-prefix-1-12{margin-left:8.33333%}
.default-suffix-1-12{margin-right:8.33333%}
.default-5-12{width:41.66667%}
.default-prefix-5-12{margin-left:41.66667%}
.default-suffix-5-12{margin-right:41.66667%}
.default-7-12{width:58.33333%}
.default-prefix-7-12{margin-left:58.33333%}
.default-suffix-7-12{margin-right:58.33333%}
.default-11-12{width:91.66667%}
.default-prefix-11-12{margin-left:91.66667%}
.default-suffix-11-12{margin-right:91.66667%}
.backdrop{position:absolute;width:100%;min-width:1000px;height:1080px;z-index:-10;background-color:black;background-position:top center;background-repeat:no-repeat;top:0}
.section-wrapper{position:relative;box-sizing:border-box;min-height:150px;width:100%;margin:50px auto 7px auto;background:transparent none repeat-y}
.section-wrapper .section-wrapper-content{padding:0;position:relative}
.section-wrapper .section-wrapper-content .section-wrapper-content-wrapper{position:relative;z-index:1}
.section-wrapper .section-wrapper-top{display:none;width:100%;position:absolute;background:transparent url("http://game.gtimg.cn/images/lol/act/a20160923blog/frame-textures-sprite.jpg") no-repeat 50% 0;top:-14px;left:0;height:111px}
.section-wrapper .section-wrapper-bottom{display:none;width:100%;position:absolute;background:transparent url("http://game.gtimg.cn/images/lol/act/a20160923blog/frame-sprite.png") no-repeat 50% -284px;bottom:-7px;left:0;height:130px}
.section-wrapper .section-wrapper-top{display:block}
.section-wrapper .section-wrapper-bottom{display:block}
.section-wrapper .section-wrapper-top:before{content:"";width:100%;height:136px;position:absolute;top:-21px;left:0;background:transparent url("http://game.gtimg.cn/images/lol/act/a20160923blog/frame-sprite.png") no-repeat 50% -148px}
.section-wrapper{min-width:1000px}
.section-wrapper .section-wrapper-content{background-image:url("http://game.gtimg.cn/images/lol/act/a20160923blog/frame-center.png");background-repeat:repeat-y;background-position:50% 0}
.section-wrapper .section-wrapper-content .section-wrapper-content-wrapper{position:relative;width:980px;margin:-121px auto -116px auto;padding:20px 20px;min-height:350px}
.section-wrapper .section-wrapper-top{z-index:1}
.section-wrapper .section-wrapper-top,.section-wrapper .section-wrapper-bottom{position:relative}
.section-wrapper .section-quickbg{position:absolute;max-width:1000px;background:#dedede;top:0;bottom:0;left:50%;right:0;margin-left:-500px;z-index:-10}
.section-wrapper:before{z-index:2}
.section-wrapper-primary{margin-top:50px}
.section-wrapper-primary .section-wrapper-top:before{background-position:50% 0;top:-33px;height:148px}
.section-wrapper-primary.navigation-frame .section-wrapper-top:before{top:-52px}
.pane-content{width:1000px;height:130px;margin:40px auto;}
.logo{display:block;width:240px;height:100px;background-position:0 0;}
.backdrop{background-image:url('http://game.gtimg.cn/images/lol/act/a20160923blog/clairvoyance-background.jpg');}
.top-wrap-overlay{position:absolute!important;top:-2px!important;z-index:2!important;background-position:50% -114px!important;}
.section-wrapper .section-wrapper-content .section-wrapper-content-wrapper{padding:0px 4px;}
.karma-title-box{text-transform:uppercase;z-index:1;width:100%;position:absolute;text-align:center;filter:url(#drop-shadow);filter:drop-shadow(2px 2px 2px #5c6e67);-webkit-filter:drop-shadow(2px 2px 2px #5c6e67);}
.karma-title-box h1{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-style:normal;color:#ffffff;font-size:40px;font-weight:600;text-transform:uppercase;line-height:.8;}
.karma-title-box h2{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-style:normal;color:#f4ecd1;font-size:70px;font-weight:600;text-transform:uppercase;line-height:.8;}
.karma-title-box h3{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-style:normal;color:#ffffff;font-size:60px;font-weight:600;text-transform:uppercase;line-height:.8;}
.karma-intro{padding:0px 50px 10px 50px;margin-bottom:35px;}
.clairvoyance-title{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-style:normal;color:#a82441;font-size:24px;font-weight:500;padding-top:40px;text-transform:uppercase;text-align:center;}
.karma-article-header{background:transparent url('http://game.gtimg.cn/images/lol/act/a20160923blog/karma-header-top.jpg') top center no-repeat;width:972px;height:547px;position:relative;z-index:1;padding-top:65px;}
.karma-article-background{background:transparent url('http://game.gtimg.cn/images/lol/act/a20160923blog/karma-header-bottom.jpg') top center no-repeat;margin:0 auto 0 auto;padding-top:30px;}
.champbg-luna{background:transparent url('http://game.gtimg.cn/images/lol/act/a20160923blog/champbg-luna.jpg') top center no-repeat;width:972px;height:1200px;position:absolute;margin-left:-120px;margin-top:200px;z-index:-1;}
.karma-article-mainheader{font-size:40px;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-weight:bold;text-transform:uppercase;text-align:center;color:#94724d;padding-top:70px;}
.karma-article-author{text-transform:uppercase;color:#555555;font-size:.75em;margin-top:2px;text-align:center;}
.karma-article-subheader{font-size:32px;text-transform:uppercase;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-weight:bold;margin-top:55px;color:#567a70;}
.champion-image{border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color:#efefef;}
.champion-skill-label{background-color:#E9EAEC;padding:5px 10px 5px 10px;text-align:center;text-transform:uppercase;}
.champion-skill-desc{padding-left:20px;}
.champion-skills{padding:10px;font-family:courier;font-size:12px;}
.champion-skills td{height:40px;}
.karma-gallery{margin-top:30px;width:972px;overflow:hidden;}
.karma-relatedarticles{background-image:url('http://game.gtimg.cn/images/lol/act/a20160923blog/relatedarticles-background.jpg');height:446px;padding-top:138px;text-align:center;}
.karma-relatedarticles-container{width:950px;margin:0 auto;}
.karma-relatedarticles-readmore{color:#404040;font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;;text-transform:uppercase;line-height:45px;}
.karma-relatedarticles-clairvoyance{color:#a82441;font-size:45px;text-transform:uppercase;font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-weight:bold;}
.karma-rarticle-padding{padding-top:20px;width: 300px;margin:0 auto ;}
.karma-rarticle{position:relative;}
.karma-rarticle-overlay{background:rgba(43,43,43,0.7);color:#FFFFFF;position:absolute;top:0;left:0px;width:300px;height:170px;opacity:.8;display:flex;justify-content:center;flex-direction:column;resize:vertical;}
.karma-rarticle-text{color:#cdcdcd;font-size:16px;display:inline-block;line-height:20px;padding:60px 0 60px 0;}
.karma-rarticle-text b{color:#FFFFFF;font-weight:800;}
.karma-rarticle:hover .karma-rarticle-overlay{opacity:1;}
.text-bold{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,arial,\5b8b\4f53,sans-serif;font-weight:600;}
.text-spell-name{font-weight:600;color:#a91f3e;}
a{text-decoration:none;}
.ost p{margin:0!important;}
.ost_t{width: 108px!important;}
.ost_i{line-height:auto!important}
#footer_ied{position:relative;text-align:center;}
#footer_ied .wrap_ied{width:1000px;margin:0 auto;padding:20px 0}
#footer_ied p{color:#555;line-height:24px;font-size:10px;margin: 0;}
#footer_ied a{color:#555;font-size:12px}
.lolFrame{width:100%;margin: 0 auto;padding:0 2% ;background: #fff;}