@keyframes spin{from{transform:rotate(0deg);} to{transform:rotate(180deg);}}audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;height:0;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;margin:0.67em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style:italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#e0e005;color:#000000;} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;} pre{white-space:pre-wrap;} q{quotes:"\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:0;} fieldset{border:1px solid #b0b7b7;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;} button,input{line-height:normal;} button,select{text-transform:none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} html,body{height:100%;} h1,h2,h3,h4,h5,h6{margin:0;} dl,dt,dd,ol,ul,li{list-style:none;margin:0;padding:0;} iframe{border:0;} small,div,p,span,button{font-family:Helvetica,"Malgun Gothic","Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;}html:lang(en_US) small,html:lang(en_US) div,html:lang(en_US) p,html:lang(en_US) span,html:lang(en_US) button{font-family:"Helvetica Neue",Helvetica,"Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;} html:lang(ru) small,html:lang(ru) div,html:lang(ru) p,html:lang(ru) span,html:lang(ru) button{font-family:AppleSDGothicNeo-Regular,'Ganeva',Calibri,Dotum,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic;} html:lang(ja) small,html:lang(ja) div,html:lang(ja) p,html:lang(ja) span,html:lang(ja) button{font-family:"Noto Sans Japanese","Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif,Dotum;} html:lang(zh_CN) small,html:lang(zh_CN) div,html:lang(zh_CN) p,html:lang(zh_CN) span,html:lang(zh_CN) button{font-family:Helvetica,Arial,"Microsoft YaHei New","Microsoft Yahei","微软雅黑","华文细黑",sans-serif;} html:lang(zh_TW) small,html:lang(zh_TW) div,html:lang(zh_TW) p,html:lang(zh_TW) span,html:lang(zh_TW) button{font-family:Helvetica,Arial,"Microsoft YaHei New","Microsoft Yahei","微软雅黑","华文细黑",sans-serif;} html:lang(de) small,html:lang(de) div,html:lang(de) p,html:lang(de) span,html:lang(de) button,html:lang(pl) small,html:lang(pl) div,html:lang(pl) p,html:lang(pl) span,html:lang(pl) button,html:lang(fr) small,html:lang(fr) div,html:lang(fr) p,html:lang(fr) span,html:lang(fr) button,html:lang(es) small,html:lang(es) div,html:lang(es) p,html:lang(es) span,html:lang(es) button,html:lang(sv) small,html:lang(sv) div,html:lang(sv) p,html:lang(sv) span,html:lang(sv) button,html:lang(hu) small,html:lang(hu) div,html:lang(hu) p,html:lang(hu) span,html:lang(hu) button,html:lang(fi) small,html:lang(fi) div,html:lang(fi) p,html:lang(fi) span,html:lang(fi) button,html:lang(tr) small,html:lang(tr) div,html:lang(tr) p,html:lang(tr) span,html:lang(tr) button,html:lang(ro) small,html:lang(ro) div,html:lang(ro) p,html:lang(ro) span,html:lang(ro) button,html:lang(pt) small,html:lang(pt) div,html:lang(pt) p,html:lang(pt) span,html:lang(pt) button,html:lang(sr) small,html:lang(sr) div,html:lang(sr) p,html:lang(sr) span,html:lang(sr) button,html:lang(it) small,html:lang(it) div,html:lang(it) p,html:lang(it) span,html:lang(it) button{font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",Dotum;} .ie7 small,.ie7 div,.ie7 p,.ie7 span,.ie7 button,.ie8 small,.ie8 div,.ie8 p,.ie8 span,.ie8 button,.ie9 small,.ie9 div,.ie9 p,.ie9 span,.ie9 button{font-family:"Malgun Gothic","Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;}html:lang(en_US) .ie7 small,html:lang(en_US) .ie7 div,html:lang(en_US) .ie7 p,html:lang(en_US) .ie7 span,html:lang(en_US) .ie7 button,html:lang(en_US) .ie8 small,html:lang(en_US) .ie8 div,html:lang(en_US) .ie8 p,html:lang(en_US) .ie8 span,html:lang(en_US) .ie8 button,html:lang(en_US) .ie9 small,html:lang(en_US) .ie9 div,html:lang(en_US) .ie9 p,html:lang(en_US) .ie9 span,html:lang(en_US) .ie9 button{font-family:"Helvetica Neue",Helvetica,"Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;} html:lang(ru) .ie7 small,html:lang(ru) .ie7 div,html:lang(ru) .ie7 p,html:lang(ru) .ie7 span,html:lang(ru) .ie7 button,html:lang(ru) .ie8 small,html:lang(ru) .ie8 div,html:lang(ru) .ie8 p,html:lang(ru) .ie8 span,html:lang(ru) .ie8 button,html:lang(ru) .ie9 small,html:lang(ru) .ie9 div,html:lang(ru) .ie9 p,html:lang(ru) .ie9 span,html:lang(ru) .ie9 button{font-family:AppleSDGothicNeo-Regular,'Ganeva',Calibri,Dotum,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic;} html:lang(ja) .ie7 small,html:lang(ja) .ie7 div,html:lang(ja) .ie7 p,html:lang(ja) .ie7 span,html:lang(ja) .ie7 button,html:lang(ja) .ie8 small,html:lang(ja) .ie8 div,html:lang(ja) .ie8 p,html:lang(ja) .ie8 span,html:lang(ja) .ie8 button,html:lang(ja) .ie9 small,html:lang(ja) .ie9 div,html:lang(ja) .ie9 p,html:lang(ja) .ie9 span,html:lang(ja) .ie9 button{font-family:"Noto Sans Japanese","Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif,Dotum;} html:lang(zh_CN) .ie7 small,html:lang(zh_CN) .ie7 div,html:lang(zh_CN) .ie7 p,html:lang(zh_CN) .ie7 span,html:lang(zh_CN) .ie7 button,html:lang(zh_CN) .ie8 small,html:lang(zh_CN) .ie8 div,html:lang(zh_CN) .ie8 p,html:lang(zh_CN) .ie8 span,html:lang(zh_CN) .ie8 button,html:lang(zh_CN) .ie9 small,html:lang(zh_CN) .ie9 div,html:lang(zh_CN) .ie9 p,html:lang(zh_CN) .ie9 span,html:lang(zh_CN) .ie9 button{font-family:'Microsoft YaHei','SimSun',"PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",Dotum;} html:lang(zh_TW) .ie7 small,html:lang(zh_TW) .ie7 div,html:lang(zh_TW) .ie7 p,html:lang(zh_TW) .ie7 span,html:lang(zh_TW) .ie7 button,html:lang(zh_TW) .ie8 small,html:lang(zh_TW) .ie8 div,html:lang(zh_TW) .ie8 p,html:lang(zh_TW) .ie8 span,html:lang(zh_TW) .ie8 button,html:lang(zh_TW) .ie9 small,html:lang(zh_TW) .ie9 div,html:lang(zh_TW) .ie9 p,html:lang(zh_TW) .ie9 span,html:lang(zh_TW) .ie9 button{font-family:'Microsoft YaHei','SimSun',"PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",Dotum;} html:lang(de) .ie7 small,html:lang(de) .ie7 div,html:lang(de) .ie7 p,html:lang(de) .ie7 span,html:lang(de) .ie7 button,html:lang(de) .ie8 small,html:lang(de) .ie8 div,html:lang(de) .ie8 p,html:lang(de) .ie8 span,html:lang(de) .ie8 button,html:lang(de) .ie9 small,html:lang(de) .ie9 div,html:lang(de) .ie9 p,html:lang(de) .ie9 span,html:lang(de) .ie9 button,html:lang(pl) .ie7 small,html:lang(pl) .ie7 div,html:lang(pl) .ie7 p,html:lang(pl) .ie7 span,html:lang(pl) .ie7 button,html:lang(pl) .ie8 small,html:lang(pl) .ie8 div,html:lang(pl) .ie8 p,html:lang(pl) .ie8 span,html:lang(pl) .ie8 button,html:lang(pl) .ie9 small,html:lang(pl) .ie9 div,html:lang(pl) .ie9 p,html:lang(pl) .ie9 span,html:lang(pl) .ie9 button,html:lang(fr) .ie7 small,html:lang(fr) .ie7 div,html:lang(fr) .ie7 p,html:lang(fr) .ie7 span,html:lang(fr) .ie7 button,html:lang(fr) .ie8 small,html:lang(fr) .ie8 div,html:lang(fr) .ie8 p,html:lang(fr) .ie8 span,html:lang(fr) .ie8 button,html:lang(fr) .ie9 small,html:lang(fr) .ie9 div,html:lang(fr) .ie9 p,html:lang(fr) .ie9 span,html:lang(fr) .ie9 button,html:lang(es) .ie7 small,html:lang(es) .ie7 div,html:lang(es) .ie7 p,html:lang(es) .ie7 span,html:lang(es) .ie7 button,html:lang(es) .ie8 small,html:lang(es) .ie8 div,html:lang(es) .ie8 p,html:lang(es) .ie8 span,html:lang(es) .ie8 button,html:lang(es) .ie9 small,html:lang(es) .ie9 div,html:lang(es) .ie9 p,html:lang(es) .ie9 span,html:lang(es) .ie9 button,html:lang(sv) .ie7 small,html:lang(sv) .ie7 div,html:lang(sv) .ie7 p,html:lang(sv) .ie7 span,html:lang(sv) .ie7 button,html:lang(sv) .ie8 small,html:lang(sv) .ie8 div,html:lang(sv) .ie8 p,html:lang(sv) .ie8 span,html:lang(sv) .ie8 button,html:lang(sv) .ie9 small,html:lang(sv) .ie9 div,html:lang(sv) .ie9 p,html:lang(sv) .ie9 span,html:lang(sv) .ie9 button,html:lang(hu) .ie7 small,html:lang(hu) .ie7 div,html:lang(hu) .ie7 p,html:lang(hu) .ie7 span,html:lang(hu) .ie7 button,html:lang(hu) .ie8 small,html:lang(hu) .ie8 div,html:lang(hu) .ie8 p,html:lang(hu) .ie8 span,html:lang(hu) .ie8 button,html:lang(hu) .ie9 small,html:lang(hu) .ie9 div,html:lang(hu) .ie9 p,html:lang(hu) .ie9 span,html:lang(hu) .ie9 button,html:lang(fi) .ie7 small,html:lang(fi) .ie7 div,html:lang(fi) .ie7 p,html:lang(fi) .ie7 span,html:lang(fi) .ie7 button,html:lang(fi) .ie8 small,html:lang(fi) .ie8 div,html:lang(fi) .ie8 p,html:lang(fi) .ie8 span,html:lang(fi) .ie8 button,html:lang(fi) .ie9 small,html:lang(fi) .ie9 div,html:lang(fi) .ie9 p,html:lang(fi) .ie9 span,html:lang(fi) .ie9 button,html:lang(tr) .ie7 small,html:lang(tr) .ie7 div,html:lang(tr) .ie7 p,html:lang(tr) .ie7 span,html:lang(tr) .ie7 button,html:lang(tr) .ie8 small,html:lang(tr) .ie8 div,html:lang(tr) .ie8 p,html:lang(tr) .ie8 span,html:lang(tr) .ie8 button,html:lang(tr) .ie9 small,html:lang(tr) .ie9 div,html:lang(tr) .ie9 p,html:lang(tr) .ie9 span,html:lang(tr) .ie9 button,html:lang(ro) .ie7 small,html:lang(ro) .ie7 div,html:lang(ro) .ie7 p,html:lang(ro) .ie7 span,html:lang(ro) .ie7 button,html:lang(ro) .ie8 small,html:lang(ro) .ie8 div,html:lang(ro) .ie8 p,html:lang(ro) .ie8 span,html:lang(ro) .ie8 button,html:lang(ro) .ie9 small,html:lang(ro) .ie9 div,html:lang(ro) .ie9 p,html:lang(ro) .ie9 span,html:lang(ro) .ie9 button,html:lang(pt) .ie7 small,html:lang(pt) .ie7 div,html:lang(pt) .ie7 p,html:lang(pt) .ie7 span,html:lang(pt) .ie7 button,html:lang(pt) .ie8 small,html:lang(pt) .ie8 div,html:lang(pt) .ie8 p,html:lang(pt) .ie8 span,html:lang(pt) .ie8 button,html:lang(pt) .ie9 small,html:lang(pt) .ie9 div,html:lang(pt) .ie9 p,html:lang(pt) .ie9 span,html:lang(pt) .ie9 button,html:lang(sr) .ie7 small,html:lang(sr) .ie7 div,html:lang(sr) .ie7 p,html:lang(sr) .ie7 span,html:lang(sr) .ie7 button,html:lang(sr) .ie8 small,html:lang(sr) .ie8 div,html:lang(sr) .ie8 p,html:lang(sr) .ie8 span,html:lang(sr) .ie8 button,html:lang(sr) .ie9 small,html:lang(sr) .ie9 div,html:lang(sr) .ie9 p,html:lang(sr) .ie9 span,html:lang(sr) .ie9 button,html:lang(it) .ie7 small,html:lang(it) .ie7 div,html:lang(it) .ie7 p,html:lang(it) .ie7 span,html:lang(it) .ie7 button,html:lang(it) .ie8 small,html:lang(it) .ie8 div,html:lang(it) .ie8 p,html:lang(it) .ie8 span,html:lang(it) .ie8 button,html:lang(it) .ie9 small,html:lang(it) .ie9 div,html:lang(it) .ie9 p,html:lang(it) .ie9 span,html:lang(it) .ie9 button{font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",Dotum;} .Button{text-align:center;}a.Button{display:inline-block;text-decoration:none;outline:none;} .Button.RoundWhite{height:30px;padding:0 20px;border:1px solid #f2f2f2;border-radius:15px;color:#f2f2f2;background:none;font-size:14px;line-height:30px;box-shadow:inset 1px 1px #000, 1px 1px #000;text-shadow:1px 0 #000;}.ie8 .Button.RoundWhite{padding:0 15px;line-height:32px;} .Button.SemiRound{padding:11px 14px 10px;border-radius:2px;border:none;background:none;font-size:14px;} .Button.ExtraSmall{padding:3px 4px;font-size:11px;} .Button.White{border:1px solid #ccd1d1;background:#f2f2f2;color:#242929;}.Button.White:hover{border-color:#b5bcbc;} .Button.RealWhite{border:1px solid #d7dada;background:#fff;color:#454c4c;}.Button.RealWhite:hover{border-color:#b5bcbc;} .Button.Gray{border:1px solid #cdd2d2;background:#ededed;color:#879292;}.Button.Gray:hover{border-color:#b6bdbd;} .Button.Blue{border:1px solid #1a78ae;background:#1f8ecd;color:#f2f2f2;} .Button.Red{border:1px solid #c6443e;background:#ee5a52;color:#f2f2f2;} .Button.Green{border:1px solid #288b8b;background:#36a4a4;color:#f2f2f2;} .Button.LightGreen{border:1px solid #227a55;background:#2ca170;color:#f2f2f2;} .Button.Yellow{border:1px solid #d3962b;background:#f6af2e;color:#f2f2f2;} .Button.Black{border:1px solid #091c28;background:#15212c;color:#fff;}.Button.Black:hover{background-color:#033824;} .Button.IfiGG{position:relative;color:#f2f2f2;font-size:14px;line-height:17px;background:#955dff;border:solid 1px #6833d5;padding-right:54px;}.Button.IfiGG img{position:absolute;width:46px;height:34px;bottom:0;right:0;} .Button .Title{margin-left:4px;vertical-align:middle;} .Button>.CenterTableWrapper{display:inline-block;} .__spSite{display:inline-block;vertical-align:middle;text-indent:-99999px;} .__spSite{background-image:url(../assets/site.png?image=q_auto&v=1673406866);} .__spSite-0{background-position:-125px 0px;width:15px;height:15px;} .__spSite-1{background-position:-45px -15px;width:95px;height:24px;} .__spSite-2{background-position:-78px -39px;width:62px;height:47px;} .__spSite-3{background-position:-78px -86px;width:62px;height:62px;} .__spSite-4{background-position:-36px -148px;width:104px;height:103px;} .__spSite-5{background-position:-134px -251px;width:6px;height:4px;} .__spSite-6{background-position:0px -255px;width:140px;height:20px;} .__spSite-7{background-position:0px -275px;width:140px;height:20px;} .__spSite-8{background-position:-120px -295px;width:20px;height:18px;} .__spSite-9{background-position:-120px -313px;width:20px;height:20px;} .__spSite-10{background-position:-122px -333px;width:18px;height:18px;} .__spSite-11{background-position:-126px -351px;width:14px;height:12px;} .__spSite-12{background-position:-123px -363px;width:17px;height:1px;} .__spSite-13{background-position:-123px -364px;width:17px;height:17px;} .__spSite-14{background-position:-127px -381px;width:13px;height:12px;} .__spSite-15{background-position:-113px -393px;width:27px;height:27px;} .__spSite-16{background-position:-125px -420px;width:15px;height:14px;} .__spSite-17{background-position:-124px -434px;width:16px;height:16px;} .__spSite-18{background-position:-121px -450px;width:19px;height:19px;} .__spSite-19{background-position:-127px -469px;width:13px;height:12px;} .__spSite-20{background-position:-122px -481px;width:18px;height:16px;} .__spSite-21{background-position:-122px -497px;width:18px;height:16px;} .__spSite-22{background-position:-130px -513px;width:10px;height:19px;} .__spSite-23{background-position:-130px -532px;width:10px;height:19px;} .__spSite-24{background-position:-132px -551px;width:8px;height:8px;} .__spSite-25{background-position:-132px -559px;width:8px;height:8px;} .__spSite-26{background-position:-128px -567px;width:12px;height:6px;} .__spSite-27{background-position:-130px -573px;width:10px;height:6px;} .__spSite-28{background-position:-128px -579px;width:12px;height:6px;} .__spSite-29{background-position:-130px -585px;width:10px;height:6px;} .__spSite-30{background-position:-127px -591px;width:13px;height:13px;} .__spSite-31{background-position:-123px -604px;width:17px;height:17px;} .__spSite-32{background-position:-134px -621px;width:6px;height:9px;} .__spSite-33{background-position:-134px -630px;width:6px;height:9px;} .__spSite-34{background-position:-132px -639px;width:8px;height:8px;} .__spSite-35{background-position:-126px -647px;width:14px;height:12px;} .__spSite-36{background-position:-128px -659px;width:12px;height:13px;} .__spSite-37{background-position:-100px -672px;width:40px;height:40px;} .__spSite-38{background-position:-100px -712px;width:40px;height:40px;} .__spSite-39{background-position:-133px -752px;width:7px;height:14px;} .__spSite-40{background-position:-133px -766px;width:7px;height:14px;} .__spSite-41{background-position:-123px -780px;width:17px;height:17px;} .__spSite-42{background-position:-90px -797px;width:50px;height:30px;} .__spSite-43{background-position:-126px -827px;width:14px;height:14px;} .__spSite-44{background-position:-128px -841px;width:12px;height:12px;} .__spSite-45{background-position:-133px -853px;width:7px;height:7px;} .__spSite-46{background-position:-123px -860px;width:17px;height:16px;} .__spSite-47{background-position:-123px -876px;width:17px;height:16px;} .__spSite-48{background-position:-123px -892px;width:17px;height:16px;} .__spSite-49{background-position:-124px -908px;width:16px;height:14px;} .__spSite-50{background-position:-124px -922px;width:16px;height:14px;} .__spSite-51{background-position:-130px -936px;width:10px;height:12px;} .__spSite-52{background-position:-130px -948px;width:10px;height:12px;} .__spSite-53{background-position:-128px -960px;width:12px;height:12px;} .__spSite-54{background-position:-128px -972px;width:12px;height:10px;} .__spSite-55{background-position:-128px -982px;width:12px;height:10px;} .__spSite-56{background-position:-128px -992px;width:12px;height:10px;} .__spSite-57{background-position:-128px -1002px;width:12px;height:10px;} .__spSite-58{background-position:-90px -1012px;width:50px;height:50px;} .__spSite-59{background-position:-90px -1062px;width:50px;height:50px;} .__spSite-60{background-position:-90px -1112px;width:50px;height:50px;} .__spSite-61{background-position:-120px -1162px;width:20px;height:20px;} .__spSite-62{background-position:-130px -1182px;width:10px;height:10px;} .__spSite-63{background-position:-122px -1192px;width:18px;height:20px;} .__spSite-64{background-position:-118px -1212px;width:22px;height:14px;} .__spSite-65{background-position:-118px -1226px;width:22px;height:14px;} .__spSite-66{background-position:-120px -1240px;width:20px;height:20px;} .__spSite-67{background-position:-130px -1260px;width:10px;height:10px;} .__spSite-68{background-position:-122px -1270px;width:18px;height:18px;} .__spSite-69{background-position:-120px -1288px;width:20px;height:20px;} .__spSite-70{background-position:-120px -1308px;width:20px;height:20px;} .__spSite-71{background-position:-120px -1328px;width:20px;height:20px;} .__spSite-72{background-position:-120px -1348px;width:20px;height:20px;} .__spSite-73{background-position:-120px -1368px;width:20px;height:20px;} .__spSite-74{background-position:-120px -1388px;width:20px;height:20px;} .__spSite-75{background-position:-120px -1408px;width:20px;height:20px;} .__spSite-76{background-position:-120px -1428px;width:20px;height:20px;} .__spSite-77{background-position:-124px -1448px;width:16px;height:16px;} .__spSite-78{background-position:-133px -1464px;width:7px;height:4px;} .__spSite-79{background-position:-134px -1468px;width:6px;height:11px;} .__spSite-80{background-position:-137px -1479px;width:3px;height:5px;} .__spSite-81{background-position:-124px -1484px;width:16px;height:16px;} .__spSite-82{background-position:-108px -1500px;width:32px;height:32px;} .__spSite-83{background-position:-108px -1532px;width:32px;height:32px;} .__spSite-84{background-position:-108px -1564px;width:32px;height:32px;} .__spSite-85{background-position:-108px -1596px;width:32px;height:32px;} .__spSite-86{background-position:-117px -1628px;width:23px;height:24px;} .__spSite-87{background-position:-126px -1652px;width:14px;height:16px;} .__spSite-88{background-position:-106px -1668px;width:34px;height:34px;} .__spSite-89{background-position:-124px -1702px;width:16px;height:16px;} .__spSite-90{background-position:-108px -1718px;width:32px;height:32px;} .__spSite-91{background-position:-128px -1750px;width:12px;height:12px;} .__spSite-92{background-position:-128px -1762px;width:12px;height:10px;} .__spSite-93{background-position:-128px -1772px;width:12px;height:10px;} .__spSite-94{background-position:-128px -1782px;width:12px;height:10px;} .__spSite-95{background-position:-124px -1792px;width:16px;height:14px;} .__spSite-96{background-position:-124px -1806px;width:16px;height:14px;} .__spSite-97{background-position:-128px -1820px;width:12px;height:8px;} .__spSite-98{background-position:-108px -1828px;width:32px;height:32px;} .__spSite-99{background-position:-108px -1860px;width:32px;height:32px;} .__spSite-100{background-position:-127px -1892px;width:13px;height:13px;} .__spSite-101{background-position:-122px -1905px;width:18px;height:18px;} .__spSite-102{background-position:-122px -1923px;width:18px;height:18px;} .__spSite-103{background-position:-124px -1941px;width:16px;height:16px;} .__spSite-104{background-position:-125px -1957px;width:15px;height:15px;} .__spSite-105{background-position:-125px -1972px;width:15px;height:15px;} .__spSite-106{background-position:-135px -1987px;width:5px;height:8px;} .__spSite-107{background-position:-126px -1995px;width:14px;height:14px;} .__spSite-108{background-position:-124px -2009px;width:16px;height:16px;} .__spSite-109{background-position:-108px -2025px;width:32px;height:32px;} .__spSite-110{background-position:-135px -2057px;width:5px;height:9px;} .__spSite-111{background-position:-124px -2066px;width:16px;height:16px;} .__spSite-112{background-position:-124px -2082px;width:16px;height:16px;} .__spSite-113{background-position:-126px -2098px;width:14px;height:16px;} .__spSite-114{background-position:-126px -2114px;width:14px;height:16px;} .__spSite-115{background-position:-124px -2130px;width:16px;height:4px;} .__spSite-116{background-position:-124px -2134px;width:16px;height:4px;} .__spSite-117{background-position:-121px -2138px;width:19px;height:16px;} .__spSite-118{background-position:-121px -2154px;width:19px;height:16px;} .__spSite-119{background-position:-104px -2170px;width:36px;height:36px;} .__spSite-120{background-position:-130px -2206px;width:10px;height:21px;} .__spSite-121{background-position:-124px -2227px;width:16px;height:16px;} .__spSite-122{background-position:-123px -2243px;width:17px;height:15px;} .__spSite-123{background-position:-119px -2258px;width:21px;height:14px;} .__spSite-124{background-position:-120px -2272px;width:20px;height:20px;} .__spSite-125{background-position:-121px -2292px;width:19px;height:20px;} .__spSite-126{background-position:-124px -2312px;width:16px;height:16px;} .__spSite-127{background-position:-104px -2328px;width:36px;height:16px;} .__spSite-128{background-position:-123px -2344px;width:17px;height:15px;} .__spSite-129{background-position:-123px -2359px;width:17px;height:15px;} .__spSite-130{background-position:-104px -2374px;width:36px;height:16px;} .__spSite-131{background-position:-120px -2390px;width:20px;height:20px;} .__spSite-132{background-position:-120px -2410px;width:20px;height:14px;} .__spSite-133{background-position:-126px -2424px;width:14px;height:22px;} .__spSite-134{background-position:-126px -2446px;width:14px;height:22px;} .__spSite-135{background-position:-126px -2468px;width:14px;height:22px;} .__spSite-136{background-position:-126px -2490px;width:14px;height:22px;} .__spSite-137{background-position:-114px -2512px;width:26px;height:20px;} .__spSite-138{background-position:-133px -2532px;width:7px;height:4px;} .__spSite-139{background-position:-112px -2536px;width:28px;height:28px;} .__spSite-140{background-position:-91px -2564px;width:49px;height:49px;} .__spSite-141{background-position:-116px -2613px;width:24px;height:28px;} .__spSite-142{background-position:-97px -2641px;width:43px;height:50px;} .__spSite-143{background-position:-112px -2691px;width:28px;height:28px;} .__spSite-144{background-position:-91px -2719px;width:49px;height:49px;} .__spSite-145{background-position:-104px -2768px;width:36px;height:26px;} .__spSite-146{background-position:-71px -2794px;width:69px;height:50px;} .__spSite-147{background-position:-112px -2844px;width:28px;height:28px;} .__spSite-148{background-position:-91px -2872px;width:49px;height:49px;} .__spSite-149{background-position:-116px -2921px;width:24px;height:21px;} .__spSite-150{background-position:-84px -2942px;width:56px;height:50px;} .__spSite-151{background-position:-134px -2992px;width:6px;height:11px;} .__spSite-152{background-position:-119px -3003px;width:21px;height:21px;} .__spSite-153{background-position:-119px -3024px;width:21px;height:21px;} .__spSite-154{background-position:-123px -3045px;width:17px;height:17px;} .__spSite-155{background-position:-20px -3062px;width:120px;height:17px;} .__spSite-156{background-position:-123px -3079px;width:17px;height:17px;} .__spSite-157{background-position:-117px -3096px;width:23px;height:18px;} .__spSite-158{background-position:-94px -3114px;width:46px;height:36px;} .__spSite-159{background-position:-124px -3150px;width:16px;height:10px;} .__spSite-160{background-position:-122px -3160px;width:18px;height:18px;} .__spSite-161{background-position:-122px -3178px;width:18px;height:11px;} .__spSite-162{background-position:-112px -3189px;width:28px;height:28px;} .__spSite-163{background-position:-112px -3217px;width:28px;height:28px;} .__spSite-164{background-position:-128px -3245px;width:12px;height:11px;} .__spSite-165{background-position:-128px -3256px;width:12px;height:11px;} .__spSite-166{background-position:-112px -3267px;width:28px;height:30px;} .__spSite-167{background-position:-124px -3297px;width:16px;height:16px;} .__spSite-168{background-position:-124px -3313px;width:16px;height:16px;} .__spSite-169{background-position:-124px -3329px;width:16px;height:16px;} .__spSite-170{background-position:-124px -3345px;width:16px;height:16px;} .__spSite-171{background-position:-124px -3361px;width:16px;height:16px;} .__spSite-172{background-position:-123px -3377px;width:17px;height:17px;} .__spSite-173{background-position:-135px -3394px;width:5px;height:7px;} .__spSite-174{background-position:-132px -3401px;width:8px;height:14px;} .__spSite-175{background-position:-128px -3415px;width:12px;height:22px;} .__spSite-176{background-position:-123px -3437px;width:17px;height:32px;} .__spSite-177{background-position:-126px -3469px;width:14px;height:14px;} .__spSite-178{background-position:-118px -3483px;width:22px;height:22px;} .__spSite-179{background-position:-108px -3505px;width:32px;height:32px;} .__spSite-180{background-position:-133px -3537px;width:7px;height:14px;} .__spSite-181{background-position:-128px -3551px;width:12px;height:22px;} .__spSite-182{background-position:-123px -3573px;width:17px;height:32px;} .__spSite-183{background-position:-126px -3605px;width:14px;height:14px;} .__spSite-184{background-position:-118px -3619px;width:22px;height:22px;} .__spSite-185{background-position:-108px -3641px;width:32px;height:32px;} .__spSite-186{background-position:-126px -3673px;width:14px;height:14px;} .__spSite-187{background-position:-118px -3687px;width:22px;height:22px;} .__spSite-188{background-position:-108px -3709px;width:32px;height:32px;} .__spSite-189{background-position:-132px -3741px;width:8px;height:14px;} .__spSite-190{background-position:-128px -3755px;width:12px;height:22px;} .__spSite-191{background-position:-122px -3777px;width:18px;height:32px;} .__spSite-192{background-position:-119px -3809px;width:21px;height:21px;} .__spSite-193{background-position:-127px -3830px;width:13px;height:10px;} .__spSite-194{background-position:-127px -3840px;width:13px;height:10px;} .__spSite-195{background-position:-127px -3850px;width:13px;height:10px;} .__spSite-196{background-position:-127px -3860px;width:13px;height:10px;} .__spSite-197{background-position:-127px -3870px;width:13px;height:10px;} .__spSite-198{background-position:-127px -3880px;width:13px;height:10px;} .__spSite-199{background-position:-108px -3890px;width:32px;height:32px;} .__spSite-200{background-position:-108px -3922px;width:32px;height:32px;} .__spSite-201{background-position:-124px -3954px;width:16px;height:10px;} .__spSite-202{background-position:-80px -3964px;width:60px;height:60px;} .__spSite-203{background-position:-127px -4024px;width:13px;height:13px;} .__spSite-204{background-position:-128px -4037px;width:12px;height:16px;} .__spSite-205{background-position:-127px -4053px;width:13px;height:7px;} .__spSite-206{background-position:-128px -4060px;width:12px;height:9px;} .__spSite-207{background-position:-132px -4069px;width:8px;height:8px;} .__spSite-208{background-position:-130px -4077px;width:10px;height:10px;} .__spSite-209{background-position:-119px -4087px;width:21px;height:14px;} .__spSite-210{background-position:-126px -4101px;width:14px;height:11px;} .__spSite-211{background-position:-126px -4112px;width:14px;height:11px;} .__spSite-212{background-position:-124px -4123px;width:16px;height:15px;} .__spSite-213{background-position:-126px -4138px;width:14px;height:11px;} .__spSite-214{background-position:-127px -4149px;width:13px;height:12px;} .__spSite-215{background-position:-127px -4161px;width:13px;height:12px;} .__spSite-216{background-position:-122px -4173px;width:18px;height:18px;} .__spSite-217{background-position:-123px -4191px;width:17px;height:15px;} .__spSite-218{background-position:-126px -4206px;width:14px;height:11px;} .__spSite-219{background-position:-126px -4217px;width:14px;height:11px;} .__spSite-220{background-position:-90px -4228px;width:50px;height:50px;} .__spSite-221{background-position:-122px -4278px;width:18px;height:21px;} .__spSite-222{background-position:-122px -4299px;width:18px;height:21px;} .__spSite-223{background-position:-127px -4320px;width:13px;height:7px;} .__spSite-224{background-position:-128px -4327px;width:12px;height:9px;} .__spSite-225{background-position:-126px -4336px;width:14px;height:14px;} .__spSite-226{background-position:-121px -4350px;width:19px;height:19px;} .__spSite-227{background-position:-125px -4369px;width:15px;height:15px;} .__spSite-228{background-position:-120px -4384px;width:20px;height:18px;} .__spSite-229{background-position:-131px -4402px;width:9px;height:5px;} .__spSite-230{background-position:-124px -4407px;width:16px;height:16px;} .__spSite-231{background-position:-124px -4423px;width:16px;height:15px;} .__spSite-232{background-position:-123px -4438px;width:17px;height:11px;} .__spSite-233{background-position:-125px -4449px;width:15px;height:16px;} .__spSite-234{background-position:-123px -4465px;width:17px;height:12px;} .__spSite-235{background-position:-120px -4477px;width:20px;height:18px;} .__spSite-236{background-position:-121px -4495px;width:19px;height:21px;} .__spSite-237{background-position:-121px -4516px;width:19px;height:21px;} .__spSite-238{background-position:-121px -4537px;width:19px;height:19px;} .__spSite-239{background-position:-121px -4556px;width:19px;height:19px;} .__spSite-240{background-position:-90px -4575px;width:50px;height:20px;} .__spSite-241{background-position:-90px -4595px;width:50px;height:20px;} .__spSite-242{background-position:-94px -4615px;width:46px;height:20px;} .__spSite-243{background-position:-92px -4635px;width:48px;height:20px;} .__spSite-244{background-position:-121px -4655px;width:19px;height:29px;} .__spSite-245{background-position:-96px -4684px;width:44px;height:44px;} .__spSite-246{background-position:-126px -4728px;width:14px;height:16px;} .__spSite-247{background-position:-112px -4744px;width:28px;height:32px;} .__spSite-248{background-position:-60px -4776px;width:80px;height:67px;} .__spSite-249{background-position:-121px -4843px;width:19px;height:32px;} .__spSite-250{background-position:-121px -4875px;width:19px;height:32px;} .__spSite-251{background-position:-80px -4907px;width:60px;height:60px;} .__spSite-252{background-position:-90px -4967px;width:50px;height:50px;} .__spSite-253{background-position:-114px -5017px;width:26px;height:26px;} .__spSite-254{background-position:-114px -5043px;width:26px;height:26px;} .__spSite-255{background-position:-114px -5069px;width:26px;height:26px;} .__spSite-256{background-position:-114px -5095px;width:26px;height:26px;} .__spSite-257{background-position:-114px -5121px;width:26px;height:26px;} .__spSite-258{background-position:-114px -5147px;width:26px;height:26px;} .__spSite-259{background-position:-114px -5173px;width:26px;height:26px;} .__spSite-260{background-position:-114px -5199px;width:26px;height:26px;} .__spSite-261{background-position:-114px -5225px;width:26px;height:26px;} .__spSite-262{background-position:-114px -5251px;width:26px;height:26px;} .__spSite-263{background-position:-114px -5277px;width:26px;height:26px;} .__spSite-264{background-position:-114px -5303px;width:26px;height:26px;} .__spSite-265{background-position:-114px -5329px;width:26px;height:26px;} .__spSite-266{background-position:-114px -5355px;width:26px;height:26px;} .__spSite-267{background-position:-114px -5381px;width:26px;height:26px;} .__spSite-268{background-position:-114px -5407px;width:26px;height:26px;} .__spSite-269{background-position:-114px -5433px;width:26px;height:26px;} .Box{border:1px solid #cdd2d2;box-shadow:0 1px #dcdfdf;background:#f2f2f2;border-radius:2px;}.Box>.Title{position:relative;display:block;padding:10px 15px;border-bottom:1px solid #cdd2d2;color:#555e5e;font-size:12px;font-weight:bold;text-decoration:none;}.Box>.Title>small{display:inline-block;margin-left:3px;color:#879292;} .Box>.Navigation{position:relative;border-bottom:1px solid #cdd2d2;margin-bottom:-1px;overflow:hidden;height:34px;}.Box>.Navigation .List{float:left;padding-left:10px;}.Box>.Navigation .List>.Item{display:inline-block;height:32px;margin:0 10px;vertical-align:top;}.Box>.Navigation .List>.Item>.Link{display:inline-block;color:#555e5e;font-size:12px;line-height:36px;text-decoration:none;} .Box>.Navigation .List>.Item>.Link:hover{color:#242929;} .Box>.Navigation .List>.Item.active{border-bottom:2px solid #1f8ecd;}.Box>.Navigation .List>.Item.active>.Link{color:#1f8ecd;font-weight:bold;} .Box>.Navigation .List>.Item.Action{margin-right:0;}.Box>.Navigation .List>.Item.Action>.Button{border:1px solid transparent;background:none;color:#879292;font-size:13px;padding:5px 10px;border-radius:3px;outline:none;}.Box>.Navigation .List>.Item.Action>.Button>i{margin-left:5px;} .Box>.Navigation .List>.Item.Action>.Button>i.On{display:none;} .Box>.Navigation .List>.Item.Action>.Button>i.Off{display:inline-block;} .Box>.Navigation .List>.Item.Action>.Button.active{border:1px solid #1a78ae;background:#1f8ecd;color:#f2f2f2;}.Box>.Navigation .List>.Item.Action>.Button.active>i.On{display:inline-block;} .Box>.Navigation .List>.Item.Action>.Button.active>i.Off{display:none;} .Box>.Navigation .Rotation{float:right;padding-right:10px;}.Box>.Navigation .Rotation>label{font-size:0;height:32px;line-height:32px;cursor:pointer;}.Box>.Navigation .Rotation>label>input{vertical-align:middle;} .Box>.Navigation .Rotation>label>span{font-size:12px;vertical-align:middle;} .Box>.Title>.Actions,.Box>.Navigation>.Actions{position:absolute;right:0;top:0;}.Box>.Title>.Actions>.Action,.Box>.Navigation>.Actions>.Action{display:inline-block;vertical-align:middle;} .Box>.Title>.Actions>.Button,.Box>.Navigation>.Actions>.Button{margin:-1px -1px 0 0;padding-bottom:8px;} .Box>.Title>.Actions>.Input,.Box>.Navigation>.Actions>.Input{margin:4px 4px 0 0;padding:4px 5px 3px 5px;} .Box>.Tab>.TabList{display:table;width:100%;table-layout:fixed;}.Box>.Tab>.TabList>.Item{display:table-cell;border-left:1px solid #cdd2d2;border-bottom:1px solid #cdd2d2;background-color:#f2f2f2;vertical-align:middle;cursor:pointer;color:#879292;text-align:center;}.Box>.Tab>.TabList>.Item:hover{color:#555e5e;} .Box>.Tab>.TabList>.Item.active{border-bottom-color:#ededed;background-color:#ededed;color:#555e5e;font-weight:bold;} .Box>.Tab>.TabList>.Item:first-child{border-left:none;} .Box>.Tab>.TabList>.Item a{display:block;color:inherit;padding-top:7px;font-size:12px;line-height:15px;padding-bottom:6px;text-decoration:none;box-sizing:border-box;} .Box>.Title+.Content,.Box>.Navigation+.Content,.Box>.Tab+.Content{background:#ededed;} .Box>a.Title:hover{color:#879292;} .Box.scroll-to-fixed-fixed{box-shadow:0 2px 0 rgba(0, 0, 0, 0.1);border-bottom:1px;} .Modal{position:relative;border-radius:4px;overflow:hidden;}.Modal .Title{display:block;padding-top:24px;padding-bottom:24px;background-color:#ededed;color:#555e5e;font-size:15px;border-bottom:1px solid #e1e5e5;} .Modal a.Title{text-decoration:none;} .Modal .Content{padding:22px;background-color:#f2f2f2;} .Modal .Footer>.Button{display:block;width:100%;padding-top:18px;padding-bottom:18px;color:#f2f2f2;border:none;background-color:#1f8ecd;font-size:14px;font-weight:bold;} .Modal .Footer>.Button>i{margin-right:5px;} .LoginTool{width:310px;}.LoginTool .Title{display:block;padding-top:24px;padding-bottom:24px;background-color:#ededed;color:#555e5e;font-size:15px;border-bottom:1px solid #e1e5e5;} .LoginTool a.Title{text-decoration:none;} .LoginTool .Menu{display:table;width:100%;table-layout:fixed;}.LoginTool .Menu>.Item{display:table-cell;border-bottom:1px solid #e1e5e5;border-left:1px solid #e1e5e5;background-color:#ededed;text-align:center;}.LoginTool .Menu>.Item>.Link{display:block;height:63px;color:#879292;font-size:15px;font-weight:bold;line-height:63px;text-decoration:none;} .LoginTool .Menu>.Item.active{background-color:#f2f2f2;border-bottom-color:#f2f2f2;}.LoginTool .Menu>.Item.active>.Link{color:#555e5e;} .LoginTool .Content>.InputWrap{position:relative;margin-bottom:15px;}.LoginTool .Content>.InputWrap>.Label{display:block;font-size:13px;color:#555e5e;text-align:left;margin-bottom:5px;} .LoginTool .Content>.InputWrap>.Input{display:block;width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d8dbdb;padding:11px 0 12px 10px;background-color:#ededed;color:#a3a4a8;font-size:13px;}.LoginTool .Content>.InputWrap>.Input:hover,.LoginTool .Content>.InputWrap>.Input:focus{outline:none;border-color:#1f8ecd;} .LoginTool .Content>.InputWrap>.InnerButtonWrap{position:absolute;top:0;right:0;}.LoginTool .Content>.InputWrap>.InnerButtonWrap>.Button{padding:0;margin:0;border:none;background:none;}.LoginTool .Content>.InputWrap>.InnerButtonWrap>.Button>i{margin:11px 10px;} .LoginTool .Content>.InputWrap.InputNameWrap{border-top:1px solid #cdd2d2;margin-top:20px;padding-top:15px;} .LoginTool .Content>.RadioInputWrap{text-align:left;}.LoginTool .Content>.RadioInputWrap>.Label{cursor:pointer;}.LoginTool .Content>.RadioInputWrap>.Label>.Input{width:14px;height:14px;border:1px solid #cdd2d2;vertical-align:middle;} .LoginTool .Content>.RadioInputWrap>.Label>.Text{color:#555e5e;font-size:13px;line-height:16px;vertical-align:middle;}.LoginTool .Content>.RadioInputWrap>.Label>.Text>a{color:#059fe0;text-decoration:none;} .LoginTool .Content>.RadioInputWrap>.Label>.Text>a:hover{text-decoration:underline;} .LoginTool .Content>.Message{margin-top:20px;color:#879292;font-size:11px;text-align:center;line-height:20px;}.LoginTool .Content>.Message>a{color:#879292;text-decoration:none;font-weight:bold;} .LoginTool .Content>.ButtonWrap{margin-top:20px;}.LoginTool .Content>.ButtonWrap>.Button{width:100%;font-size:14px;font-weight:bold;padding:17px;} .LoginTool .Footer>.Button{display:block;width:100%;padding-top:18px;padding-bottom:18px;color:#f2f2f2;border:none;background-color:#1f8ecd;font-size:14px;font-weight:bold;}.LoginTool .Footer>.Button.Facebook{background-color:#295fc3;font-size:12px;} .LoginTool .Footer>.Button>i{margin-right:5px;} .LoginTool .description{margin-top:20px;font-size:13px;line-height:16px;text-align:left;color:#9b9b9b;} .RegionTool{width:530px;}.RegionTool .Content{padding:20px 20px 30px 20px;}.RegionTool .Content>.Section{position:relative;width:100%;color:#555e5e;}.RegionTool .Content>.Section>h2{font-size:13px;color:#555e5e;margin-bottom:10px;text-align:left;font-weight:normal;} .RegionTool .Content>.Section>.Table{width:100%;table-layout:fixed;}.RegionTool .Content>.Section>.Table>.Body>.Row>.Cell{height:38px;background-color:#ededed;border:1px solid #d8dbdb;} .RegionTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link{display:table;width:100%;table-layout:fixed;text-decoration:none;color:#242929;} .RegionTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link>.Value{display:table-cell;height:38px;vertical-align:middle;font-size:13px;text-align:center;} .RegionTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link:hover{text-decoration:underline;} .RegionTool .Content>.Section>.Table>.Body>.Row>.Cell.active{background-color:#07a7f8;border:1px solid #1c8cc4;} .RegionTool .Content>.Section>.Table>.Body>.Row>.Cell.active>.Link{color:#f2f2f2;} .RegionTool .Content>.Section>.Extra{position:absolute;top:20px;right:0;font-size:13px;}.RegionTool .Content>.Section>.Extra>a{text-decoration:none;color:#555e5e;} .RegionTool .Content>.Section>.Extra>a:hover{text-decoration:underline;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Icon{display:table-cell;width:30px;padding-left:8px;padding-right:8px;vertical-align:middle;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Value{text-align:left;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status{display:table-cell;width:30px;vertical-align:middle;}.RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status.LOLServer{background:url("../css3/sprite/images/icon-serverStatus-off.png") center no-repeat;}.RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status.LOLServer.active{background:url("../css3/sprite/images/icon-serverStatus-on.png") center no-repeat;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status.Renew{background:url("../css3/sprite/images/icon-serverStatus-off.png") center no-repeat;}.RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status.Renew.active{background:url("../css3/sprite/images/icon-serverStatus-refresh.png") center no-repeat;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell>.Link>.Status.disabled{background:none;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell.active>.Link>.Status.LOLServer.active{background:url("../css3/sprite/images/icon-serverStatusWhite-on.png") center no-repeat;} .RegionTool .Content>.Section.Region>.Table>.Body>.Row>.Cell.active>.Link>.Status.Renew.active{background:url("../css3/sprite/images/icon-serverStatusWhite-refresh.png") center no-repeat;} .RegionTool .Content>.Section+.Section{padding-top:20px;} .FamilySiteTool{width:530px;}.FamilySiteTool .Content{padding:20px 20px 30px 20px;}.FamilySiteTool .Content>.Section{position:relative;width:100%;color:#555e5e;}.FamilySiteTool .Content>.Section>h2{font-size:13px;color:#555e5e;margin-bottom:10px;text-align:left;font-weight:normal;} .FamilySiteTool .Content>.Section>.Table{width:100%;table-layout:fixed;}.FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell{height:38px;background-color:#ededed;border:1px solid #d8dbdb;} .FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link{display:table;width:100%;table-layout:fixed;text-decoration:none;color:#242929;} .FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link>.Value{display:table-cell;height:38px;vertical-align:middle;font-size:13px;text-align:center;} .FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell>.Link:hover{text-decoration:underline;} .FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell.active{background-color:#07a7f8;border:1px solid #1c8cc4;} .FamilySiteTool .Content>.Section>.Table>.Body>.Row>.Cell.active>.Link{color:#f2f2f2;} .FamilySiteTool .Content>.Section>.Extra{position:absolute;top:20px;right:0;font-size:13px;}.FamilySiteTool .Content>.Section>.Extra>a{text-decoration:none;color:#555e5e;} .FamilySiteTool .Content>.Section>.Extra>a:hover{text-decoration:underline;} .FamilySiteTool .Content>.Section.FamilySite>.Table>.Body>.Row>.Cell>.Link>.Icon{display:table-cell;width:30px;padding-left:8px;padding-right:8px;vertical-align:middle;}.FamilySiteTool .Content>.Section.FamilySite>.Table>.Body>.Row>.Cell>.Link>.Icon>img{width:26px;border-radius:4px;} .FamilySiteTool .Content>.Section.FamilySite>.Table>.Body>.Row>.Cell>.Link>.Value{text-align:left;} .AccountTool{position:relative;width:240px;}.AccountTool>.Caret{position:absolute;bottom:-10px;left:0;width:100%;height:10px;overflow:hidden;} .AccountTool>.Content>.Summoner{display:block;font-size:14px;color:#454c4c;font-weight:bold;padding-top:20px;padding-bottom:20px;text-decoration:none;line-height:16px;}.AccountTool>.Content>.Summoner span{display:block;margin-top:6px;line-height:14px;font-size:12px;color:#879292;}.AccountTool>.Content>.Summoner span i{margin-left:3px;margin-top:-1px;} .AccountTool>.Content>.Summoner:hover span{text-decoration:underline;} .AccountTool>.Content>.Summoner.Plus{border-top-left-radius:4px;border-top-right-radius:4px;margin:-1px -1px 0 -1px;border:1px solid #cdd2d2;border-bottom:none;}.AccountTool>.Content>.Summoner.Plus .Off{display:inline-block;} .AccountTool>.Content>.Summoner.Plus .On{display:none;} .AccountTool>.Content>.Summoner.Plus.Active{border-color:#1e2632;color:#fff;background:url('../images/plus/img-patternbox@2x.png') #1e2632;background-size:100%;}.AccountTool>.Content>.Summoner.Plus.Active .Off{display:none;} .AccountTool>.Content>.Summoner.Plus.Active .On{display:inline-block;} .AccountTool>.Content>.List{border-top:1px solid #cdd2d2;}.AccountTool>.Content>.List>.Item{border-top:1px solid #cdd2d2;} .AccountTool>.Content>.List>.Item>a{display:block;color:#454c4c;background-color:#f2f2f2;font-size:13px;line-height:40px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .AccountTool>.Content>.List>.Item>i{margin-right:8px;} .AccountTool>.Content>.List>.Item>a img{vertical-align:middle;} .AccountTool>.Content>.List>.Item>a:hover{color:#1f8ecd;} .AccountTool>.Content>.List>.Item:first-child{border-top-style:none;} .AccountTool>.Content>.List>.Item.Logout>a{background:#eaeaea;} .AccountTool>.Content>.List>.Item.Plus>a img{width:119px;vertical-align:middle;margin-top:-2px;} .ManageArticle{min-width:300px;}.ManageArticle>.Content{text-align:left;font-size:12px;}.ManageArticle>.Content b{margin-top:20px;} .ManageArticle>.Content .Group{margin-top:20px;}.ManageArticle>.Content .Group .Button.SemiRound{padding:5px 7px 4px 7px;} .ManageArticle>.Content .Group>.Control{margin-top:10px;}.ManageArticle>.Content .Group>.Control>.Slot{margin-bottom:5px;}.ManageArticle>.Content .Group>.Control>.Slot>form>button{display:inline-block;vertical-align:middle;} .ManageArticle>.Content .Group>.Control>.Slot>form>.Thumbnail{display:inline-block;width:50px;height:25px;font-size:11px;vertical-align:middle;text-align:center;background-color:#fff;color:#000;border:1px solid #ddd;overflow:hidden;}.ManageArticle>.Content .Group>.Control>.Slot>form>.Thumbnail>a{display:block;width:100%;height:100%;}.ManageArticle>.Content .Group>.Control>.Slot>form>.Thumbnail>a>img{display:block;width:100%;height:100%;} .ManageArticle>.Content .Group>.Control>.Slot>form>a{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} .ManageArticle>.Content .Group:first-child{margin-top:0;} .modal{background-color:#fafafa;border:solid 1px #e9eff4;text-align:left;}.modal--setting{width:784px;} .modal-header{background:#fff;border-bottom:1px solid #e9eff4;} .modal-footer{background-color:#f3faf9;border-top:solid 1px #e9eff4;}.modal--setting .modal-footer{text-align:center;padding:18px 0;font-size:0;} .modal__title{padding:20px 0;line-height:19px;font-size:15px;font-weight:bold;text-align:center;color:#222;} .setting{border-top:1px solid #e9eff4;padding:0 30px;}.setting:first-child{border-top:none;} .setting__message{margin:24px 0;line-height:15px;font-size:12px;color:#222;}.setting__message img{vertical-align:middle;margin-top:-2px;} .setting-list{margin-top:-8px;margin-left:-20px;padding-bottom:18px;}.setting-list:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .setting--locale .setting-list{margin-left:-25px;} .setting-list__item{float:left;width:25%;padding-left:20px;box-sizing:border-box;margin-top:8px;}.setting-list__item a{position:relative;display:block;line-height:26px;font-size:12px;text-align:left;color:#777;text-decoration:none;}.setting-list__item a:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .setting-list__item a:before{position:absolute;top:50%;right:0;margin-top:-8px;content:"";width:16px;height:16px;background:url("../images/site/btn-check-off.png");} .setting-list__item img{vertical-align:middle;margin-right:8px;float:left;} .setting-list__item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;} .setting-list__item--active a{color:#4a90e2;font-weight:bold;}.setting-list__item--active a:before{background:url("../images/site/btn-check-on.png");} .setting--locale .setting-list__item{width:16.66%;padding-left:25px;} .setting__button{height:28px;border-radius:2px;background-color:#4a90e2;border:solid 1px #2767b2;padding:0 9px;color:#fff;line-height:15px;font-size:12px;vertical-align:middle;}.modal-footer .setting__button{margin-left:30px;} .setting-status{display:inline-block;vertical-align:middle;margin-left:20px;}.setting-status img{vertical-align:middle;} .setting-status:first-child{margin-left:0;} .setting-status__label{display:inline-block;vertical-align:middle;line-height:16px;font-size:12px;color:#222;} .setting-status__value{margin-left:14px;display:inline-block;vertical-align:middle;line-height:16px;font-size:12px;font-weight:bold;color:#4a90e2;} .GlobalHeaderNotificationWrap{max-width:1300px;margin:1px auto 0;text-align:center;color:#fff;}.GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar{border-radius:2px;overflow:hidden;padding:11px 14px 10px 14px;background:rgba(0, 0, 0, 0.5);text-align:left;font-size:13px;line-height:15px;}.ie8 .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar{background:#000;} .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar.blue{background:url(../images/site/bg_notice_blue.png) repeat-x;} .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar.red{background:url(../images/site/bg_notice_red.png);} .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar.green{background:url(../images/site/bg_notice_green.png) repeat-x;} .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar.orange{background:#fabd52;border:1px solid #dfaa4b;color:#000;} .GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar>a{display:block;color:inherit;text-decoration:none;}.GlobalHeaderNotificationWrap>.GlobalHeaderNotificationBar>a:hover{text-decoration:underline;} .IndexHeaderNotificationWrap{margin-top:1px;}.IndexHeaderNotificationWrap>.IndexHeaderNotificationBar{padding:11px 14px 10px 14px;font-size:13px;background:rgba(0, 0, 0, 0.5);color:#f2f2f2;line-height:15px;border-radius:2px;overflow:hidden;}.ie8 .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar{background:#000;} .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar.blue{border:1px solid #1a78ae;background:url(../images/site/bg_notice_blue.png) repeat-x;} .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar.red{border:1px solid #c6443e;background:url(../images/site/bg_notice_red.png) repeat-x;} .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar.green{border:1px solid #288b8b;background:url(../images/site/bg_notice_green.png) repeat-x;} .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar.orange{border:1px solid #d3962b;background:url(../images/site/bg_notice_orange.png) repeat-x;} .IndexHeaderNotificationWrap>.IndexHeaderNotificationBar>a{display:block;color:inherit;text-decoration:none;}.IndexHeaderNotificationWrap>.IndexHeaderNotificationBar>a:hover{text-decoration:underline;} .SmallNotificationWrap{max-width:1300px;text-align:center;color:#fff;}.SmallNotificationWrap>.SmallNotificationBar{border-radius:2px;overflow:hidden;padding:5px 7px 4px 7px;background:rgba(0, 0, 0, 0.5);text-align:center;font-size:11px;line-height:15px;}.ie8 .SmallNotificationWrap>.SmallNotificationBar{background:#000;} .SmallNotificationWrap>.SmallNotificationBar.blue{background:url(../images/site/bg_notice_blue.png) repeat-x;} .SmallNotificationWrap>.SmallNotificationBar.red{background:url(../images/site/bg_notice_red.png);} .SmallNotificationWrap>.SmallNotificationBar.green{background:url(../images/site/bg_notice_green.png) repeat-x;} .SmallNotificationWrap>.SmallNotificationBar.orange{background:#fabd52;border:1px solid #dfaa4b;color:#000;} .SmallNotificationWrap>.SmallNotificationBar.gray{background:#EEE;border:1px solid #ddd;color:#777;} .SmallNotificationWrap>.SmallNotificationBar>a{display:block;color:inherit;text-decoration:none;}.SmallNotificationWrap>.SmallNotificationBar>a:hover{text-decoration:underline;} .WinRatioGraph>.Graph{position:relative;display:inline-block;width:98px;height:20px;vertical-align:middle;}.WinRatioGraph>.Graph>.Fill{position:absolute;left:0;top:0;height:100%;border-radius:3px;}.WinRatioGraph>.Graph>.Fill.Left{z-index:2;background:#3d95e5;border:1px solid #3480c6;} .WinRatioGraph>.Graph>.Fill.Right{width:100%;z-index:1;background:#ee5a52;border:1px solid #c6443e;} .WinRatioGraph>.Graph>.Text{position:absolute;top:0;height:100%;font-size:11px;z-index:3;color:#f2f2f2;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.WinRatioGraph>.Graph>.Text.Left{left:6px;text-align:left;} .WinRatioGraph>.Graph>.Text.Right{right:5px;text-align:right;} .WinRatioGraph>.Graph>.Bar{position:absolute;top:0;height:100%;border-left:1px solid #1a78ae;border-right:1px solid #c6443e;z-index:2;} .WinRatioGraph>.WinRatio{color:#879292;font-size:12px;vertical-align:middle;margin-left:6px;} .winratio-graph{position:relative;display:inline-block;width:150px;height:20px;vertical-align:middle;} .winratio-graph__fill{position:absolute;left:0;top:0;height:100%;border-radius:4px;}.winratio-graph__fill--left{background:#3d95e5;border-top-right-radius:0;border-bottom-right-radius:0;z-index:1;} .winratio-graph__fill--right{width:100%;background:#ee5a52;} .winratio-graph__text{position:absolute;top:3px;height:100%;line-height:15px;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.winratio-graph__text--left{left:9px;text-align:left;z-index:1;} .winratio-graph__text--right{right:8px;text-align:right;} .winratio__text{vertical-align:middle;margin-left:10px;line-height:16px;font-family:Helvetica,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic,Arial,Tahoma;font-size:14px;color:#4a4a4a;} .tpd-tooltip{position:absolute;} .tpd-tooltip,.tpd-tooltip [class^="tpd-"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .tpd-content-wrapper{position:absolute;top:0;left:0;float:left;width:100%;height:100%;overflow:hidden;} .tpd-content-spacer,.tpd-content-relative,.tpd-content-relative-padder{float:left;position:relative;} .tpd-content-relative{width:100%;} .tpd-content{float:left;clear:both;position:relative;padding:10px;font-size:11px;line-height:16px;color:#f2f2f2;} .tpd-has-inner-close .tpd-content-relative .tpd-content{padding-right:0 !important;} .tpd-tooltip .tpd-content-no-padding{padding:0 !important;} .tpd-title-wrapper{float:left;position:relative;overflow:hidden;} .tpd-title-spacer{float:left;} .tpd-title-relative,.tpd-title-relative-padder{float:left;position:relative;} .tpd-title-relative{width:100%;} .tpd-title{float:left;position:relative;font-size:11px;line-height:16px;padding:10px;font-weight:bold;text-transform:uppercase;color:#f2f2f2;} .tpd-has-title-close .tpd-title{padding-right:0 !important;} .tpd-close{position:absolute;top:0;right:0;width:28px;height:28px;cursor:pointer;overflow:hidden;color:#f2f2f2;} .tpd-close-icon{float:left;font-family:Arial, Baskerville, monospace;font-weight:normal;font-style:normal;text-decoration:none;width:28px;height:28px;font-size:28px;line-height:28px;text-align:center;} .tpd-skin{position:absolute;top:0;left:0;} .tpd-frames{position:absolute;top:0;left:0;} .tpd-frames .tpd-frame{float:left;width:100%;height:100%;clear:both;display:none;} .tpd-visible-frame-top .tpd-frame-top{display:block;} .tpd-visible-frame-bottom .tpd-frame-bottom{display:block;} .tpd-visible-frame-left .tpd-frame-left{display:block;} .tpd-visible-frame-right .tpd-frame-right{display:block;} .tpd-backgrounds{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;} .tpd-background-shadow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:none;} .tpd-no-shadow .tpd-skin .tpd-background-shadow{box-shadow:none !important;} .tpd-background-box{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;} .tpd-no-stem .tpd-background-box,.tpd-no-stem .tpd-shift-stem{display:none;} .tpd-no-stem .tpd-background-box-top{display:block;} .tpd-background-box-shift,.tpd-background-box-shift-further{position:relative;float:left;width:100%;height:100%;} .tpd-background{border-radius:10px;float:left;clear:both;background:none;-webkit-background-clip:padding-box;background-clip:padding-box;border-style:solid;border-width:1px;border-color:#1a1d1d;border-color:rgba(255, 255, 255, 0.1);} .tpd-background-loading{display:none;} .tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background{border-radius:0;} .tpd-background-title{float:left;clear:both;width:100%;background-color:#1a1d1d;} .tpd-background-content{float:left;clear:both;width:100%;background-color:#1a1d1d;} .tpd-background-border-hack{position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;} .tpd-background-box-top{top:0;} .tpd-background-box-bottom{bottom:0;} .tpd-background-box-left{left:0;} .tpd-background-box-right{right:0;} .tpd-iframeshim{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;zoom:1;filter:alpha(opacity=0);opacity:0;} .tpd-shift-stem{position:absolute;top:0;left:0;overflow:hidden;} .tpd-shift-stem-side{position:absolute;} .tpd-frame-top .tpd-shift-stem-side,.tpd-frame-bottom .tpd-shift-stem-side{width:100%;} .tpd-frame-left .tpd-shift-stem-side,.tpd-frame-right .tpd-shift-stem-side{height:100%;} .tpd-stem{position:absolute;top:0;left:0;overflow:hidden;width:16px;height:8px;margin-left:3px;margin-top:2px;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;} .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset{margin:0 !important;} .tpd-stem-spacer{position:absolute;top:0;left:0;width:100%;height:100%;} .tpd-stem-reset .tpd-stem-spacer{margin-top:0;} .tpd-stem-point{width:100px;position:absolute;top:0;left:50%;} .tpd-stem-downscale,.tpd-stem-transform{float:left;width:100%;height:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;position:relative;} .tpd-stem-side{width:50%;height:100%;float:left;position:relative;overflow:hidden;} .tpd-stem-side-inversed{-webkit-transform:scale(-1, 1);transform:scale(-1, 1);} .tpd-stem-triangle{width:0;height:0;border-bottom-style:solid;border-left-color:transparent;border-left-style:solid;position:absolute;top:0;left:0;} .tpd-stem-border{width:20px;height:100%;position:absolute;top:0;left:50%;background-color:#f2f2f2;border-right-color:#f2f2f2;border-right-style:solid;border-right-width:0;} .tpd-stem-border-corner{position:absolute;top:0;left:50%;height:100%;border-right-style:solid;border-right-width:0;} .tpd-stem *{z-index:0;zoom:1;} .tpd-stem-border-center-offset,.tpd-stem-border-center-offset-inverse{float:left;position:relative;width:100%;height:100%;overflow:hidden;} .tpd-stem-notransform{float:left;width:100%;height:100%;position:relative;} .tpd-stem-notransform .tpd-stem-border{height:100%;position:relative;float:left;top:0;left:0;margin:0;} .tpd-stem-notransform .tpd-stem-border-center{position:absolute;} .tpd-stem-notransform .tpd-stem-border-corner{background:#f2f2f2;border:0;top:auto;left:auto;} .tpd-stem-notransform .tpd-stem-border-center,.tpd-stem-notransform .tpd-stem-triangle{height:0;border:0;left:50%;} .tpd-stem-transform-left{-webkit-transform:rotate(-90deg) scale(-1, 1);transform:rotate(-90deg) scale(-1, 1);} .tpd-stem-transform-right{-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg) translate(0, -100%);} .tpd-stem-transform-bottom{-webkit-transform:scale(1, -1) translate(0, -100%);transform:scale(1, -1) translate(0, -100%);} .tpd-spinner{position:absolute;top:50%;left:50%;width:46px;height:36px;} .tpd-spinner-spin{position:relative;float:left;margin:8px 0 0 13px;text-indent:-9999em;border-top:2px solid rgba(255, 255, 255, 0.2);border-right:2px solid rgba(255, 255, 255, 0.2);border-bottom:2px solid rgba(255, 255, 255, 0.2);border-left:2px solid #f2f2f2;-webkit-animation:tpd-spinner-animation 1.1s infinite linear;animation:tpd-spinner-animation 1.1s infinite linear;box-sizing:border-box !important;} .tpd-spinner-spin,.tpd-spinner-spin:after{border-radius:50%;width:20px;height:20px;} @-webkit-keyframes tpd-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes tpd-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.tpd-is-loading .tpd-content-wrapper,.tpd-is-loading .tpd-title-wrapper{display:none;} .tpd-is-loading .tpd-background{display:none;} .tpd-is-loading .tpd-background-loading{display:block;} .tpd-tooltip-measuring{top:0;left:0;position:absolute;max-width:100%;width:100%;} .tpd-tooltip-measuring .tpd-skin,.tpd-tooltip-measuring .tpd-spinner{display:none;} .tpd-tooltip-measuring .tpd-content-wrapper,.tpd-tooltip-measuring .tpd-title-wrapper{display:block;} .tpd-tooltip a,.tpd-tooltip a:hover{color:#6e7979;text-decoration:underline;} .tpd-tooltip a:hover{color:#5b6464;} .tpd-size-x-small .tpd-content,.tpd-size-x-small .tpd-title{padding:7px 8px;font-size:10px;line-height:15px;} .tpd-size-x-small .tpd-background{border-radius:5px;} .tpd-size-x-small .tpd-stem{width:12px;height:6px;margin-left:4px;margin-top:2px;} .tpd-size-x-small.tpd-no-radius .tpd-stem{margin-left:7px;} .tpd-size-x-small .tpd-close{margin-bottom:1px;} .tpd-size-x-small .tpd-spinner{width:35px;height:29px;} .tpd-size-x-small .tpd-spinner-spin{margin:6px 0 0 9px;} .tpd-size-x-small .tpd-spinner-spin,.tpd-size-x-small .tpd-spinner-spin:after{width:17px;height:17px;} .tpd-size-small .tpd-content,.tpd-size-small .tpd-title{padding:8px;font-size:10px;line-height:16px;} .tpd-size-small .tpd-background{border-radius:6px;} .tpd-size-small .tpd-stem{width:14px;height:7px;margin-left:5px;margin-top:2px;} .tpd-size-small.tpd-no-radius .tpd-stem{margin-left:8px;} .tpd-size-small .tpd-close{margin:2px 1px;} .tpd-size-small .tpd-spinner{width:42px;height:32px;} .tpd-size-small .tpd-spinner-spin{margin:7px 0 0 13px;} .tpd-size-small .tpd-spinner-spin,.tpd-size-small .tpd-spinner-spin:after{width:18px;height:18px;} .tpd-size-medium .tpd-content,.tpd-size-medium .tpd-title{padding:10px;font-size:11px;line-height:16px;} .tpd-size-medium .tpd-background{border-radius:8px;} .tpd-size-medium .tpd-stem{width:16px;height:8px;margin-left:6px;margin-top:2px;} .tpd-size-medium.tpd-no-radius .tpd-stem{margin-left:10px;} .tpd-size-medium .tpd-close{margin:4px 2px;} .tpd-size-medium .tpd-spinner{width:50px;height:36px;} .tpd-size-medium .tpd-spinner-spin{margin:8px 0 0 15px;} .tpd-size-medium .tpd-spinner-spin,.tpd-size-medium .tpd-spinner-spin:after{width:20px;height:20px;} .tpd-size-large .tpd-content,.tpd-size-large .tpd-title{padding:10px;font-size:13px;line-height:18px;} .tpd-size-large .tpd-background{border-radius:8px;} .tpd-size-large .tpd-stem{width:18px;height:9px;margin-left:7px;margin-top:2px;} .tpd-size-large.tpd-no-radius .tpd-stem{margin-left:10px;} .tpd-size-large .tpd-close{margin:5px 2px 5px 2px;} .tpd-size-large .tpd-spinner{width:54px;height:38px;} .tpd-size-large .tpd-spinner-spin{margin:9px 0 0 17px;} .tpd-size-large .tpd-spinner-spin,.tpd-size-large .tpd-spinner-spin:after{width:20px;height:20px;} .tpd-skin-dark .tpd-content,.tpd-skin-dark .tpd-title,.tpd-skin-dark .tpd-close{color:#f2f2f2;} .tpd-skin-dark .tpd-background-content,.tpd-skin-dark .tpd-background-title{background-color:#1a1d1d;} .tpd-skin-dark .tpd-background{border-width:1px;border-color:#1a1d1d;border-color:rgba(255, 255, 255, 0.1);} .tpd-skin-dark .tpd-title-wrapper{border-bottom:1px solid #313636;} .tpd-skin-dark .tpd-spinner-spin{border-color:rgba(255, 255, 255, 0.2);border-left-color:#f2f2f2;} .tpd-skin-dark a{color:#bcc3c3;} .tpd-skin-dark a:hover{color:#b0b7b7;} .tpd-skin-dark .tpd-content font{font-size:inherit;} .tpd-skin-opgg .tpd-content,.tpd-skin-opgg .tpd-title,.tpd-skin-opgg .tpd-close{color:#fff;} .tpd-skin-opgg .tpd-background-content{background-color:#1d2f51;} .tpd-skin-opgg .tpd-background{border:1px solid #cdd2d2;} .tpd-skin-opgg .tpd-background-title{background-color:#cdd2d2;} .tpd-skin-opgg .tpd-title-wrapper{border-bottom:1px solid #cdd2d2;} .tpd-skin-opgg .tpd-background-shadow{box-shadow:0 0 2px rgba(0, 0, 0, 0.15);} .tpd-skin-opgg .tpd-spinner-spin{border-color:rgba(255, 255, 255, 0.2);border-left-color:#fff;} .tpd-skin-opgg a{color:#ddd;} .tpd-skin-opgg a:hover{color:#c6c6c6;} .jcf-reset-appearance{display:block !important;} .jcf-select{position:relative;}.jcf-select select{z-index:1;left:0;top:0;cursor:pointer;font-size:14px;} .jcf-select-SelectMatchChampions{display:inline-block;border:none;height:21px;cursor:pointer;vertical-align:middle;}.jcf-select-SelectMatchChampions .jcf-select-text{display:block;padding-right:12px;color:#879292;font-size:13px;line-height:21px;text-overflow:ellipsis;white-space:nowrap;cursor:default;overflow:hidden;} .jcf-select-SelectMatchChampions .jcf-select-opener{position:absolute;right:0;top:0;background:url("../images/site/bg-selectChampionArrow.png") no-repeat;width:5px;height:21px;background-position:center;} .jcf-select-SelectMatchChampions .jcf-select-drop{position:absolute;margin-top:0;z-index:9999;top:100%;left:-1px;right:-1px;} .jcf-select-SelectMatchChampions .jcf-drop-flipped{bottom:100%;top:auto;} .jcf-select-SelectMatchChampions.jcf-compact-multiple{max-width:220px;}.jcf-select-SelectMatchChampions.jcf-compact-multiple .jcf-select-opener:before{display:inline-block;padding-top:2px;content:'...';} .jcf-select-SelectMatchChampions:hover>.jcf-select-text{color:#555e5e;} .jcf-select-SelectMatchTypes{display:inline-block;border:none;height:30px;line-height:36px;cursor:pointer;}.jcf-select-SelectMatchTypes .jcf-select-text{display:inline;padding-right:12px;color:#879292;font-size:12px;line-height:36px;text-overflow:ellipsis;white-space:nowrap;cursor:default;overflow:hidden;} .jcf-select-SelectMatchTypes .jcf-select-opener{position:absolute;right:0;top:0;background:url("../images/site/bg-selectChampionArrow.png") no-repeat;width:5px;height:30px;background-position:center;} .jcf-select-SelectMatchTypes .jcf-select-drop{position:absolute;margin-top:0;z-index:9999;top:100%;left:-1px;right:-1px;} .jcf-select-SelectMatchTypes .jcf-drop-flipped{bottom:100%;top:auto;} .jcf-select-SelectMatchTypes.jcf-compact-multiple{max-width:220px;}.jcf-select-SelectMatchTypes.jcf-compact-multiple .jcf-select-opener:before{display:inline-block;padding-top:2px;content:'...';} .jcf-select-SelectMatchTypes:hover>.jcf-select-text{color:#555e5e;} .jcf-select-RForumArticleCategory{display:inline-block;vertical-align:top;position:relative;min-width:118px;padding:10px 0;cursor:pointer;background:#ededed;border:1px solid #d8dbdb;border-radius:4px;}.jcf-select-RForumArticleCategory .jcf-select-text{display:block;width:110px;padding-left:12px;color:#879292;font-size:13px;line-height:21px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:default;overflow:hidden;} .jcf-select-RForumArticleCategory .jcf-select-opener{position:absolute;right:12px;top:18px;background:url("../images/site/bg-smallSelectArrow.png") no-repeat;width:9px;height:5px;} .jcf-select-RForumArticleCategory .jcf-select-drop{position:absolute;margin-top:0;z-index:9999;top:100%;left:-1px;right:-1px;} .jcf-select-RForumArticleCategory .jcf-drop-flipped{bottom:100%;top:auto;} .jcf-select-RForumArticleCategory.jcf-compact-multiple{max-width:220px;}.jcf-select-RForumArticleCategory.jcf-compact-multiple .jcf-select-opener:before{display:inline-block;padding-top:2px;content:'...';} .jcf-select-ChampionTrendFilter{margin-top:10px;display:inline-block;background:#1f8ecd;border:1px solid #1a78ae;border-radius:3px;}.jcf-select-ChampionTrendFilter .jcf-select-opener{position:absolute;right:6px;top:13px;background:url("../css3/sprite/images/icon-RegionArrow.png") no-repeat;width:9px;height:5px;} .jcf-select-ChampionTrendFilter .jcf-select-text{display:block;color:#f2f2f2;font-size:14px;padding:8px 20px 8px 8px;} .jcf-select-ChampionTrendFilter:hover{background:#1a78ae;} .jcf-select-GeneralInput{display:inline-block;vertical-align:top;position:relative;min-width:118px;padding:5px 0;cursor:pointer;background:#fff;border:1px solid #d8dbdb;border-radius:4px;}.jcf-select-GeneralInput .jcf-select-text{display:block;width:110px;padding-left:8px;color:#879292;font-size:12px;line-height:21px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:default;overflow:hidden;} .jcf-select-GeneralInput .jcf-select-opener{position:absolute;right:12px;top:13px;background:url("../images/site/bg-smallSelectArrow.png") no-repeat;width:9px;height:5px;} .jcf-select-GeneralInput .jcf-select-drop{position:absolute;margin-top:0;z-index:9999;top:100%;left:-1px;right:-1px;} .jcf-select-GeneralInput .jcf-drop-flipped{bottom:100%;top:auto;} .jcf-select-GeneralInput.jcf-compact-multiple{max-width:220px;}.jcf-select-GeneralInput.jcf-compact-multiple .jcf-select-opener:before{display:inline-block;padding-top:2px;content:'...';} .jcf-radio{vertical-align:middle;display:inline-block;position:relative;overflow:hidden;cursor:default;width:17px;height:17px;margin:0 8px 0 0;}.jcf-radio input[type="radio"]{position:absolute;height:100%;width:100%;border:0;margin:0;left:0;top:0;} .jcf-radio span{position:absolute;top:0;left:0;right:0;bottom:0;background:url("../images/site/bg-radio-off.png") no-repeat;} .jcf-radio.jcf-checked span{background:url("../images/site/bg-radio-on.png") no-repeat;} .jcf-checkbox{vertical-align:middle;display:inline-block;position:relative;overflow:hidden;cursor:pointer;width:18px;height:18px;margin:0 4px 0 0;}.jcf-checkbox input[type="checkbox"]{position:absolute;height:100%;width:100%;border:0;margin:0;left:0;top:0;cursor:pointer;} .jcf-checkbox span{position:absolute;top:0;left:0;right:0;bottom:0;background:url("../images/site/bg-checkbox-off.png") no-repeat;} .jcf-checkbox.jcf-checked span{background:url("../images/site/bg-checkbox-on.png") no-repeat;} .life-owner.Size-160x600{width:160px;height:600px;border:none;} .life-owner.Size-120x600{width:120px;height:600px;border:none;} .life-owner.Size-300x600{width:300px;height:600px;border:none;} .life-owner.LifeOwnerSummonerCenter{width:970px;height:90px;margin:25px auto 15px auto;text-align:center;border:0;} .life-owner.LifeOwnerSummonerTopCenter{width:970px;margin:20px auto 0 auto;text-align:center;border:0;} .life-owner.LifeOwnerIndex{width:728px;height:90px;margin:10px auto;text-align:center;} .life-owner.LifeOwnerMiddleOfRecentGame{margin:15px -38px 15px 0;border:none;} .life-owner.LifeOwnerMobileMiddleOfRecentGame{height:100px;border:none;} .life-owner.LifeOwnerOtherMenuTopCenter{width:970px;margin:20px auto 0 auto;text-align:center;} .life-owner.LifeOwnerOtherMenuMiddleCenter{width:970px;margin:15px auto 0;text-align:center;}.l-wrap--index .life-owner.LifeOwnerOtherMenuMiddleCenter{margin-top:30px;} .life-owner.BigLifeOwner{width:970px;margin:40px auto;} .life-owner.champion-statistics.size-300x250{margin-top:8px;} .LifeOwnerSummonerLeftSide{margin-top:10px;} .AtLifeOwner{position:relative;width:400px;height:300px;background:url(../images/lifeowner/atlo4.png) no-repeat;z-index:99999;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);}[lang="ko_KR"] .AtLifeOwner{background:url(../images/lifeowner/atlo4_ko.png) no-repeat;} [lang="ja"] .AtLifeOwner{background:url(../images/lifeowner/atlo4_ja.png) no-repeat;} .AtLifeOwner .Close{display:block;position:absolute;right:5px;top:0;color:#fff;text-decoration:none;}.AtLifeOwner .Close:hover{color:#f00;} .tablesorter>.Header>.Row>.HeaderCell{background-image:url("../images/site/bg-tableSorter.png");background-repeat:no-repeat;background-position:90% center;cursor:pointer;outline:none;} .tablesorter>.Header>.Row>.sorted>.tablesorter-header-inner{color:#3d95e5;} .tablesorter>.Header>.Row>.tablesorter-headerAsc{background-image:url("../images/site/bg-tableSorter-asc.png");} .tablesorter>.Header>.Row>.tablesorter-headerDesc{background-image:url("../images/site/bg-tableSorter-desc.png");} .tablesorter>.Header>.Row>.HeaderCell.sorter-false{background-image:none;} .tablesorter th{background-image:url("../images/site/bg-tableSorter.png");background-repeat:no-repeat;background-position:90% center;cursor:pointer;outline:none;}.tablesorter th.sorted>.tablesorter-header-inner{color:#3d95e5;} .tablesorter th.tablesorter-headerAsc{background-image:url("../images/site/bg-tableSorter-asc.png");} .tablesorter th.tablesorter-headerDesc{background-image:url("../images/site/bg-tableSorter-desc.png");} .tablesorter th.sorter-false{background-image:none;cursor:default;} .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-close{position:absolute;right:-50px;top:0;width:38px;height:38px;font-size:12px;background:url("../images/site/btn-modalClose.png") no-repeat center;background-size:100%;cursor:pointer;z-index:100;} .fancybox-skin{position:relative;background:#ededed;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer,.fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-nav:hover span{visibility:visible;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;} .fancybox-lock{overflow:hidden !important;width:auto;} .fancybox-lock body{overflow:hidden !important;} .fancybox-lock-test{overflow-y:hidden !important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0, 0, 0, 0.8);} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-opened .fancybox-title{visibility:visible;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, 0.7);} .fancybox-inner img{max-width:100%;} .selectize-control{position:relative;} .selectize-dropdown,.selectize-input,.selectize-input input{color:#555e5e;font-size:11px;line-height:11px;text-align:left;} .selectize-dropdown{background:#ededed;border:1px solid #1f8ecd;border-top:0 none;border-radius:0 0 3px 3px;margin:-1px 0 0 0;position:absolute;z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header{padding:5px 8px;} .selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none;} .selectize-dropdown .active{background:#1a78ae;color:#fff;} .selectize-dropdown-content{max-height:100px;overflow-y:auto;overflow-x:hidden;} .selectize-input{display:inline-block;position:relative;border:1px solid #cdd2d2;border-radius:3px;box-shadow:none;padding:6px 9px;width:100%;z-index:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.selectize-input>*{display:inline-block;vertical-align:baseline;} .selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;-webkit-user-select:auto !important;-webkit-box-shadow:none !important;box-shadow:none !important;} .selectize-input>input:focus{outline:none;} .selectize-input:after{clear:left;content:' ';display:block;} .selectize-input.disabled{cursor:default !important;} .selectize-input.focus{border-color:#1a78ae;} .selectize-control.single .selectize-input{cursor:pointer;}.selectize-control.single .selectize-input.input-active{cursor:text;} .selectize-control.single .selectize-input:after{position:absolute;top:50%;right:15px;width:0;display:block;height:0;margin-top:-3px;border-style:solid;border-width:5px 5px 0 5px;border-color:#555e5e transparent transparent transparent;content:' ';} .selectize-control.single .selectize-input.dropdown-active:after{border-width:0 5px 5px 5px;border-color:transparent transparent #555e5e transparent;margin-top:-4px;} .selectize-control.BoxTitle{margin-top:-1px;margin-right:-1px;} .selectize-control .selectize-item-champion>img{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:3px;} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left;} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height;} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto;} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;} .swiper-pagination.swiper-pagination-hidden{opacity:0;} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%;} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;} .swiper-pagination-white .swiper-pagination-bullet{background:#ffffff;} .swiper-pagination-bullet-active{opacity:1;background:#007aff;} .swiper-pagination-white .swiper-pagination-bullet-active{background:#ffffff;} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000000;} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-o-transform:translate(0, -50%);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;} .swiper-pagination-progress{background:rgba(0, 0, 0, 0.25);position:absolute;} .swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;} .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;} .swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0;} .swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0;} .swiper-pagination-progress.swiper-pagination-white{background:rgba(255, 255, 255, 0.5);} .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#ffffff;} .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000000;} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px;} .swiper-container-cube,.swiper-container-flip{overflow:visible;} .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;} .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;} .swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible;} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain;} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1);} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0;} .swiper-scrollbar-cursor-drag{cursor:move;} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite;} .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg);}} .mastery-page__type__body{position:relative;float:left;padding:0 28px;border-left:1px solid #333;}.mastery-page__type:first-child .mastery-page__type__body{border-left:0 none;} .mastery-page-item{box-sizing:border-box;position:absolute;width:28px;height:28px;border:1px solid #000;opacity:0.5;}.mastery-page-item .rank{position:absolute;z-index:1;bottom:-3px;left:14px;padding:1px 2px;border:solid 1px #666;background-color:#353d3d;font-size:11px;line-height:11px;color:#afafaf;} .mastery-page-item img{display:block;width:100%;} .mastery-page-item.mastery-page-item--arrow{border:none;opacity:1;}.mastery-page-item.mastery-page-item--arrow img{width:auto;} .mastery-page-item--on{opacity:1;}.ferocity .mastery-page-item--on{border-color:#ff4e4b;} .cunning .mastery-page-item--on{border-color:#8f88ff;} .resolve .mastery-page-item--on{border-color:#00df6c;} .mastery-page-item--round{border-radius:100%;}.mastery-page-item--round img{border-radius:100%;} .mastery-page-item--0{left:0px;top:0px;} .mastery-page-item--1{left:38px;top:0px;} .mastery-page-item--2{left:76px;top:0px;} .mastery-page-item--3{left:0px;top:38px;} .mastery-page-item--4{left:38px;top:38px;} .mastery-page-item--5{left:76px;top:38px;} .mastery-page-item--6{left:0px;top:76px;} .mastery-page-item--7{left:38px;top:76px;} .mastery-page-item--8{left:76px;top:76px;} .mastery-page-item--9{left:0px;top:114px;} .mastery-page-item--10{left:38px;top:114px;} .mastery-page-item--11{left:76px;top:114px;} .mastery-page-item--12{left:0px;top:152px;} .mastery-page-item--13{left:38px;top:152px;} .mastery-page-item--14{left:76px;top:152px;} .mastery-page-item--15{left:0px;top:190px;} .mastery-page-item--16{left:38px;top:190px;} .mastery-page-item--17{left:76px;top:190px;} .mastery-page-item-container{position:relative;width:104px;height:218px;margin:0 auto;} .mastery-page{padding-bottom:4px;width:482px;}.mastery-page:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .mastery-page-type{float:left;width:158px;} .mastery-page-type__header{line-height:19px;text-align:center;font-size:12px;color:#fff;}.mastery-page-type__header strong{font-size:16px;vertical-align:middle;} .mastery-page-type__content{border-left:1px solid #333;}.mastery-page-type:first-child .mastery-page-type__content{border-left:0 none;} .mastery-page-item--arrow img{margin-top:9px;margin-left:-5px;} .mastery-page--big .mastery-page__type__body{padding:0 42px;} .mastery-page--big .mastery-page-item{width:42px;height:42px;} .mastery-page--big .mastery-page-item-container{width:156px;height:327px;} .mastery-page.mastery-page--big{width:723px;} .mastery-page--big .mastery-page-type{width:237px;} .mastery-page--big .mastery-page-type__header{line-height:28px;font-size:18px;}.mastery-page--big .mastery-page-type__header strong{font-size:20px;} .mastery-page--big .mastery-page-item--arrow img{margin:16px auto;} .mastery-page--big .mastery-page-item--0{left:0px;top:0px;} .mastery-page--big .mastery-page-item--1{left:57px;top:0px;} .mastery-page--big .mastery-page-item--2{left:114px;top:0px;} .mastery-page--big .mastery-page-item--3{left:0px;top:57px;} .mastery-page--big .mastery-page-item--4{left:57px;top:57px;} .mastery-page--big .mastery-page-item--5{left:114px;top:57px;} .mastery-page--big .mastery-page-item--6{left:0px;top:114px;} .mastery-page--big .mastery-page-item--7{left:57px;top:114px;} .mastery-page--big .mastery-page-item--8{left:114px;top:114px;} .mastery-page--big .mastery-page-item--9{left:0px;top:171px;} .mastery-page--big .mastery-page-item--10{left:57px;top:171px;} .mastery-page--big .mastery-page-item--11{left:114px;top:171px;} .mastery-page--big .mastery-page-item--12{left:0px;top:228px;} .mastery-page--big .mastery-page-item--13{left:57px;top:228px;} .mastery-page--big .mastery-page-item--14{left:114px;top:228px;} .mastery-page--big .mastery-page-item--15{left:0px;top:285px;} .mastery-page--big .mastery-page-item--16{left:57px;top:285px;} .mastery-page--big .mastery-page-item--17{left:114px;top:285px;} .mastery-page--small .mastery-page__type__body{padding:0 21px;} .mastery-page--small .mastery-page-item{width:24px;height:24px;border-width:2px;} .mastery-page--small .mastery-page-item-container{width:87px;height:180px;} .mastery-page.mastery-page--small{width:362px;} .mastery-page--small .mastery-page-type{width:120px;} .mastery-page--small .mastery-page-type__header{line-height:19px;font-size:12px;}.mastery-page--small .mastery-page-type__header strong{font-size:16px;} .mastery-page--small .mastery-page-item--arrow img{margin-top:6px;margin-left:-8px;} .mastery-page--small .mastery-page-item--0{left:0px;top:0px;} .mastery-page--small .mastery-page-item--1{left:31px;top:0px;} .mastery-page--small .mastery-page-item--2{left:62px;top:0px;} .mastery-page--small .mastery-page-item--3{left:0px;top:31px;} .mastery-page--small .mastery-page-item--4{left:31px;top:31px;} .mastery-page--small .mastery-page-item--5{left:62px;top:31px;} .mastery-page--small .mastery-page-item--6{left:0px;top:62px;} .mastery-page--small .mastery-page-item--7{left:31px;top:62px;} .mastery-page--small .mastery-page-item--8{left:62px;top:62px;} .mastery-page--small .mastery-page-item--9{left:0px;top:93px;} .mastery-page--small .mastery-page-item--10{left:31px;top:93px;} .mastery-page--small .mastery-page-item--11{left:62px;top:93px;} .mastery-page--small .mastery-page-item--12{left:0px;top:124px;} .mastery-page--small .mastery-page-item--13{left:31px;top:124px;} .mastery-page--small .mastery-page-item--14{left:62px;top:124px;} .mastery-page--small .mastery-page-item--15{left:0px;top:155px;} .mastery-page--small .mastery-page-item--16{left:31px;top:155px;} .mastery-page--small .mastery-page-item--17{left:62px;top:155px;} .mastery-page--medium .mastery-page__type__body{padding:0 30px;} .mastery-page--medium .mastery-page-item{width:32px;height:32px;border-width:2px;} .mastery-page--medium .mastery-page-item-container{width:117px;height:243px;} .mastery-page.mastery-page--medium{width:543px;} .mastery-page--medium .mastery-page-type{width:180px;} .mastery-page--medium .mastery-page-type__header{line-height:28px;font-size:18px;}.mastery-page--medium .mastery-page-type__header strong{font-size:24px;} .mastery-page--medium .mastery-page-item--arrow img{margin-top:9px;margin-left:-2px;} .mastery-page--medium .mastery-page-item--0{left:0px;top:0px;} .mastery-page--medium .mastery-page-item--1{left:42px;top:0px;} .mastery-page--medium .mastery-page-item--2{left:84px;top:0px;} .mastery-page--medium .mastery-page-item--3{left:0px;top:42px;} .mastery-page--medium .mastery-page-item--4{left:42px;top:42px;} .mastery-page--medium .mastery-page-item--5{left:84px;top:42px;} .mastery-page--medium .mastery-page-item--6{left:0px;top:84px;} .mastery-page--medium .mastery-page-item--7{left:42px;top:84px;} .mastery-page--medium .mastery-page-item--8{left:84px;top:84px;} .mastery-page--medium .mastery-page-item--9{left:0px;top:126px;} .mastery-page--medium .mastery-page-item--10{left:42px;top:126px;} .mastery-page--medium .mastery-page-item--11{left:84px;top:126px;} .mastery-page--medium .mastery-page-item--12{left:0px;top:168px;} .mastery-page--medium .mastery-page-item--13{left:42px;top:168px;} .mastery-page--medium .mastery-page-item--14{left:84px;top:168px;} .mastery-page--medium .mastery-page-item--15{left:0px;top:210px;} .mastery-page--medium .mastery-page-item--16{left:42px;top:210px;} .mastery-page--medium .mastery-page-item--17{left:84px;top:210px;} .rune-page{position:relative;width:445px;height:445px;background-image:url("../images/img-runesbg.png");background-size:100%;} .rune-page-item{position:absolute;}.rune-page-item img{display:block;width:100%;} .rune-page-item--1{top:38.43%;left:3.60%;width:14.38%;} .rune-page-item--2{top:42.25%;left:13.26%;width:14.38%;} .rune-page-item--3{top:51.01%;left:4.72%;width:14.38%;} .rune-page-item--4{top:52.81%;left:15.06%;width:14.38%;} .rune-page-item--5{top:62.47%;left:9.21%;width:14.38%;} .rune-page-item--6{top:61.80%;left:20.22%;width:14.38%;} .rune-page-item--7{top:71.91%;left:16.85%;width:14.38%;} .rune-page-item--8{top:68.76%;left:28.09%;width:14.38%;} .rune-page-item--9{top:78.65%;left:26.97%;width:14.38%;} .rune-page-item--10{top:10.56%;left:19.55%;width:14.38%;} .rune-page-item--11{top:16.85%;left:27.87%;width:14.38%;} .rune-page-item--12{top:4.94%;left:31.24%;width:14.38%;} .rune-page-item--13{top:13.26%;left:37.98%;width:14.38%;} .rune-page-item--14{top:3.15%;left:43.15%;width:14.38%;} .rune-page-item--15{top:13.26%;left:48.31%;width:14.38%;} .rune-page-item--16{top:4.94%;left:55.06%;width:14.38%;} .rune-page-item--17{top:16.85%;left:58.43%;width:14.38%;} .rune-page-item--18{top:10.56%;left:66.74%;width:14.38%;} .rune-page-item--19{top:42.25%;left:73.03%;width:14.38%;} .rune-page-item--20{top:38.43%;left:82.70%;width:14.38%;} .rune-page-item--21{top:52.81%;left:71.24%;width:14.38%;} .rune-page-item--22{top:51.01%;left:81.80%;width:14.38%;} .rune-page-item--23{top:61.80%;left:66.07%;width:14.38%;} .rune-page-item--24{top:62.70%;left:77.30%;width:14.38%;} .rune-page-item--25{top:71.91%;left:69.44%;width:14.38%;} .rune-page-item--26{top:68.76%;left:57.98%;width:14.38%;} .rune-page-item--27{top:78.65%;left:59.33%;width:14.38%;} .rune-page-item--28{top:16.85%;left:4.04%;width:28.76%;} .rune-page-item--29{top:16.85%;left:67.87%;width:28.76%;} .rune-page-item--30{top:73.26%;left:35.73%;width:28.76%;} .rune-page--mobile{width:100vw;height:100vw;} .perk-page__title-container{display:flex;justify-content:center;}.perk-page__title-container .perk-page__title{display:inline-block;vertical-align:bottom;width:50%;max-width:170px;line-height:15px;font-size:12px;text-align:center;color:#4a4a4a;margin:10px 0;} .perk-page__title-container--popup{background:#ededed;margin-top:-20px;} .perk-page-wrap{font-size:0;text-align:center;display:flex;justify-content:space-between;align-items:flex-end;padding:10px;}.perk-page-wrap:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .perk-page-wrap.perk-page-wrap--build{justify-content:center;padding-top:12px;} .perk-page-wrap--popup{justify-content:center;} .perk-page-wrap .perk-page{display:inline-block;vertical-align:bottom;max-width:170px;box-sizing:border-box;} .SpectateSummoner .perk-page-wrap{background:#ededed;margin-bottom:10px;} .champion-overview__data .perk-page-wrap,.champion-stats__table .perk-page-wrap{text-align:left;} .champion-stats__table .perk-page-wrap{margin-top:12px;margin-bottom:12px;} .MatchBuild .RuneBuild .perk-page-wrap{padding-bottom:10px;} .perk-page:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .perk-page__row{display:table;width:100%;table-layout:fixed;} .perk-page__item{display:table-cell;padding:4px 0;text-align:center;} .perk-page__image{display:block;width:32px;height:32px;border-radius:50%;background:#ededed;margin:0 auto;overflow:hidden;}.perk-page__image img{display:block;width:100%;height:100%;opacity:0.5;} .perk-page__image--small{width:24px;height:24px;} .perk-page__item--keystone .perk-page__image{background:#ddd;} .perk-page__item--mark{width:100%;} .perk-page__item--active .perk-page__image img{opacity:1;} .perk-page__item--active.perk-page__item--keystone .perk-page__image{background:#000;} .page-divider{width:1px;height:200px;background-color:#ddd;margin:0 8px;} .page-spacer{margin:0 8px;} .fragment-page{display:flex;align-items:flex-end;margin:0px 8px 4px 4px;}.fragment-page>.fragment__summary{display:flex;flex-direction:column;align-items:center;} .fragment-page>.fragment__detail{margin-left:24px;}.fragment-page>.fragment__detail>.fragment__row{display:flex;margin-top:16px;}.fragment-page>.fragment__detail>.fragment__row>.fragment{margin-left:12px;}.fragment-page>.fragment__detail>.fragment__row>.fragment:first-child{margin-left:0;} .fragment-page .active{opacity:1;} .fragment{width:24px;height:24px;border-radius:24px;background-color:#e5e5e5;}.fragment *{width:24px;height:24px;background-color:#e5e5e5;} .fragment__line{width:1px;height:16px;background-color:#e5e5e5;} .working-message{padding-top:16px;padding-bottom:16px;text-align:center;}.working-message img{width:40px;height:40px;} .working-message p{margin-top:8px;margin-bottom:0;font-size:12px;line-height:1.5;text-align:center;color:#808080;} .recomm-build__item__content .working-message{border:1px solid #cdd2d2;border-right:none;border-left:none;background:#f1f1f1;} .mobile-menu .working-message{padding-top:40px;} .l-container .summonerLayout-mastery .working-message,.l-container .summonerLayout-rune .working-message{margin-top:20px;border-radius:2px;background-color:#ededed;border:solid 1px #cdd2d2;}.l-container .summonerLayout-mastery .working-message p,.l-container .summonerLayout-rune .working-message p{margin-top:16px;font-size:14px;line-height:1.43;} .DimmedBlock .working-message{width:320px;border:solid 1px #cdd2d2;background-color:#ededed;} .mobile-message{position:absolute;left:0;top:0;width:100%;height:100%;background:#f7f7f7;} .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;} .bx-wrapper img{max-width:100%;display:block;} .bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;} .bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #ffffff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;} .bx-wrapper .bx-prev{left:10px;background:url(../images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next{right:10px;background:url(../images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover{background-position:0 0;} .bx-wrapper .bx-next:hover{background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{display:none;} .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;display:block;font-size:.85em;padding:10px;} .line-banner{padding:8px 16px;background:#5383e8;font-size:12px;color:#fff;}.line-banner a{color:#fff;} .index-notification{text-align:center;margin:0 auto;width:740px;box-sizing:border-box;padding:24px 20px;border-radius:4px;border:solid 1px #e9eff4;background-color:#ffffff;}.index-notification__content{margin:16px 0;} .index-notification__title{line-height:17px;font-size:14px;font-weight:bold;color:#000000;} .index-notification p{font-size:12px;line-height:1.5;color:#7e7e7e;}.index-notification p span.accent{color:#5383e8;} .index-notification p.description{font-size:12px;font-weight:bold;line-height:1.5;text-align:center;color:#7e7e7e;} .index-notification button{padding:0 16px;box-sizing:border-box;height:28px;border-radius:4px;background-color:#5383e8;border:none;font-size:12px;font-weight:bold;line-height:1.5;text-align:center;color:#ffffff;} html{background:#eaeaea;} .LogoWrap>a{text-decoration:none;} .LogoWrap>a>span.Title{font-size:25px;vertical-align:middle;} .LogoWrap>a>.Image{max-height:54px;vertical-align:middle;} .icon-event-white{display:inline-block;width:28px;height:11px;vertical-align:middle;background:url(../images/site/menu_event_white.png) no-repeat;} .icon-event-yellow{display:inline-block;width:28px;height:11px;vertical-align:middle;background:url(../images/site/menu_event_yellow.png) no-repeat;} .icon-new{display:inline-block;width:15px;height:11px;vertical-align:middle;background:url(../images/site/menu_new.gif) no-repeat;} .icon-new-yellow{display:inline-block;width:15px;height:11px;vertical-align:middle;background:url(../images/site/menu_new_yellow.gif) no-repeat;} .icon-beta{display:inline-block;width:28px;height:12px;vertical-align:middle;background:url(../images/site/menu_beta.png) no-repeat;} .icon-new-blue{display:inline-block;width:15px;height:11px;vertical-align:middle;background:url(../images/site/menu_new_blue.gif) no-repeat;} .PageHeaderWrap{padding-top:28px;width:970px;margin:0 auto;}.PageHeaderWrap>.Menu{position:relative;margin:0 0 17px;border-bottom:1px solid #d7dada;}.PageHeaderWrap>.Menu>.MenuList{width:970px;margin:0 auto;padding:0;}.PageHeaderWrap>.Menu>.MenuList>.Item{display:inline-block;margin:0 30px -1px 0;padding:0;border-bottom:1px solid transparent;vertical-align:middle;}.PageHeaderWrap>.Menu>.MenuList>.Item:hover>.SubMenuList{display:block;} .PageHeaderWrap>.Menu>.MenuList>.Item .Link{display:block;color:#555e5e;font-size:28px;line-height:32px;text-decoration:none;letter-spacing:-1px;padding-bottom:17px;}.PageHeaderWrap>.Menu>.MenuList>.Item .Link>.Logo{display:inline-block;width:40px;height:37px;vertical-align:middle;} .PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList{display:none;position:absolute;top:38px;padding:13px 10px;border:1px solid #dcdcdc;border-radius:9px;background-color:#fff;z-index:1;}.PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item{display:inline-block;margin-right:6px;font-size:15px;}.PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item.active{font-weight:bold;} .PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item:last-of-type{margin:0;} .PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item>.Link{padding:6px;color:#666;text-decoration:none;}.PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item>.Link:hover{color:#333;} .PageHeaderWrap>.Menu>.MenuList>.Item>.SubMenuList>.Item>.Link>.Logo{display:inline-block;width:25px;height:23px;vertical-align:middle;} .PageHeaderWrap>.Menu>.MenuList>.Item.active{border-color:#000;}.PageHeaderWrap>.Menu>.MenuList>.Item.active>.Link{font-weight:bold;} .PageHeaderWrap>.Menu>.MenuList>.SubItem{display:inline-block;margin:0 30px -1px 0;padding:0;border-bottom:1px solid transparent;vertical-align:middle;}.PageHeaderWrap>.Menu>.MenuList>.SubItem.active{border-color:#333;}.PageHeaderWrap>.Menu>.MenuList>.SubItem.active>.Link{font-weight:bold;letter-spacing:inherit;} .PageHeaderWrap>.Menu>.MenuList>.SubItem>.Link{display:block;color:#666;font-size:21px;line-height:39px;text-decoration:none;letter-spacing:-1px;padding-bottom:14px;} .PageHeaderWrap>.Menu>.Actions{position:absolute;right:0;bottom:11px;}.PageHeaderWrap>.Menu>.Actions>.SearchItem{display:inline-block;}.PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText{position:relative;display:inline-block;width:168px;padding-right:25px;vertical-align:middle;}.PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input{width:100%;padding:10px 13px 9px;border:1px solid #cdd2d2;color:#555e5e;font-size:14px;line-height:17px;outline:none;background:#fff;}.PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input::-webkit-input-placeholder{color:#9b9b9b;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input:-moz-placeholder{color:#9b9b9b;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input::-moz-placeholder{color:#9b9b9b;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input:-ms-input-placeholder{color:#9b9b9b;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input:hover,.PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.Input:focus{border-color:#1f8ecd;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.InnerButtonWrap{position:absolute;top:0;right:3px;font-size:0;}.PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.InputText>.InnerButtonWrap .Button{border:none;background:none;padding:10px;} .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.Button{padding-top:9px;padding-bottom:9px;margin-left:6px;font-size:13px;vertical-align:middle;outline:none;}.ie8 .PageHeaderWrap>.Menu>.Actions>.SearchItem>.FormItem>.Button{padding-top:0;padding-bottom:0;line-height:34px;} .PageHeaderWrap>.Menu>.Actions>.Action{display:inline-block;font-size:12px;}.PageHeaderWrap>.Menu>.Actions>.Action>.Button{display:inline-block;margin-left:6px;padding:8px 10px;color:#555e5e;font-size:12px;}.ie8 .PageHeaderWrap>.Menu>.Actions>.Action>.Button{padding-top:0;padding-bottom:0;line-height:32px;} .ie8 .PageHeaderWrap>.Menu>.Actions>.Action{display:inline;} .PageHeaderWrap>.PageDescription{margin-bottom:25px;}.PageHeaderWrap>.PageDescription>.Text{color:#4a4a4a;font-size:14px;} .PageHeaderWrap>.PageDescription>.Small{color:#9b9b9b;font-size:12px;} .PageHeaderWrap>.PageDescription>.Text+.Small{float:right;} .ArticleWrap{margin:0 auto;padding:10px;width:970px;}.ArticleWrap>.RealContent{display:inline-block;width:580px;height:350px;margin-right:10px;vertical-align:top;} .ArticleWrap>.SideContent{display:inline-block;width:350px;height:350px;vertical-align:top;} .HeaderTools>dl{font-size:13px;margin:0;}.HeaderTools>dl>dd{display:inline-block;padding:0;margin:0;height:52px;line-height:52px;margin-left:20px;vertical-align:middle;}.HeaderTools>dl>dd:first-child{margin-left:0;} .HeaderTools>dl>dd.DropDown{position:relative;}.HeaderTools>dl>dd.DropDown>.DropDownItem{display:none;position:absolute;top:45px;right:0;border-radius:4px;background-color:#f2f2f2;border:1px solid #ced4d4;box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.2);min-width:180px;z-index:10;} .HeaderTools>dl>dd.DropDown>.Button{position:relative;min-width:40px;} .HeaderTools>dl>dd.DropDown>.Button:hover{text-decoration:underline;} .HeaderTools>dl>dd.DropDown.active>.Button{text-decoration:underline;} .HeaderTools>dl>dd.DropDown.active>.Button:after{content:"\00a0";position:absolute;left:3px;top:36px;width:20px;height:10px;z-index:1;background:url("../images/site/bg-dropDownTriangle.png") no-repeat center;} .HeaderTools>dl>dd.DropDown.active>.DropDownItem{display:block;} .HeaderTools>dl>dd.Region>a{color:inherit;text-decoration:none;padding-right:12px;background:url("../css3/sprite/images/icon-RegionArrow.png") right no-repeat;outline:none;} .HeaderTools>dl>dd.Region>a>i{margin-right:3px;} .HeaderTools>dl>dd.Login>.Button{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f2f2;} .HeaderTools>dl>dd.Like{min-width:93px;overflow:hidden;text-align:right;}.HeaderTools>dl>dd.Like>.Twitch{margin-top:5px;height:20px;line-height:100%;} .HeaderTools>dl>dd.Like>.Google{margin-top:5px;height:20px;line-height:100%;} .HeaderTools>dl>dd.Like>.Twitter{margin-top:3px;height:20px;line-height:100%;} .IndexLayoutWrap{position:relative;min-width:1200px;min-height:100%;background:#1f8ecd;overflow:hidden;}.IndexLayoutWrap>.HeaderWrap{background:#09659a;height:52px;}.IndexLayoutWrap>.HeaderWrap>.Header{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 10px;color:#f2f2f2;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu{display:inline-block;position:relative;height:52px;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu{display:inline-block;position:relative;height:52px;vertical-align:top;margin-right:30px;transition:all 0.15s ease-in-out;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>h2{display:inline-block;height:100%;font-size:13px;font-weight:normal;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>h2>a{display:inline-block;height:100%;line-height:50px;text-decoration:none;color:inherit;text-shadow:0 0 1px #000;outline:none;} .IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>.DropDown{display:none;position:absolute;top:51px;padding:4px 0;font-size:0;background-color:#09659a;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:2px;border-bottom-right-radius:2px;border:1px solid #047bbc;border-top:none;z-index:1;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>.DropDown>.Item>a{display:block;padding:10px;min-width:120px;font-size:13px;color:#a3ddff;text-shadow:0 0 1px #000;text-decoration:none;border-left:2px solid transparent;}.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>.DropDown>.Item>a:hover{color:#f2f2f2;border-left-color:#f2f2f2;} .IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu>.DropDown>.Item.active>a{color:#f2f2f2;border-left-color:#f2f2f2;} .IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu.dropdown>h2>a{padding-right:12px;background:url("../css3/sprite/images/icon-RegionArrow.png") right no-repeat;} .IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu.dropdown:hover>.DropDown{display:block;} .IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu.normal:focus,.IndexLayoutWrap>.HeaderWrap>.Header>ul.Menu>li.Menu.normal:hover{height:48px;border-bottom:4px solid #f2f2f2;} .IndexLayoutWrap>.HeaderWrap>.Header>.HeaderTools{float:right;display:inline-block;}.IndexLayoutWrap>.HeaderWrap>.Header>.HeaderTools>dl>dd.Region>a,.IndexLayoutWrap>.HeaderWrap>.Header>.HeaderTools>dl>dd.Login>a{text-shadow:0 1px 1px #555e5e;} .IndexLayoutWrap>.IndexHeaderNotificationWrap{max-width:100%;width:1200px;margin-right:auto;margin-left:auto;} .IndexLayoutWrap>.ContentWrap{padding-top:100px;background-color:#1f8ecd;}.IndexLayoutWrap>.ContentWrap>.Content>.Logo{margin-bottom:30px;text-align:center;}.IndexLayoutWrap>.ContentWrap>.Content>.Logo h1{display:block;} .IndexLayoutWrap>.ContentWrap>.Content>.Logo .Image{width:430px;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput{position:relative;display:block;width:522px;margin:0 auto;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>input.Summoner{display:block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:58px;padding:19px 70px 17px 30px;font-size:18px;line-height:1;color:#555e5e;background-color:#dbf0fc;border:none;outline:none;border-radius:4px;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);-webkit-appearance:none;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>input.Summoner::-webkit-input-placeholder{color:#555e5e;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>input.Summoner:-moz-placeholder{color:#555e5e;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>input.Summoner::-moz-placeholder{color:#555e5e;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>input.Summoner:-ms-input-placeholder{color:#555e5e;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.Button{position:absolute;right:0;top:0;border:none;background:none;padding:19px 15px 20px;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.Region{position:absolute;right:48px;top:0;border:none;width:48px;background:none;padding:16px 0;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete{position:absolute;top:56px;left:0;width:520px;background:#dbf0fc;background:rgba(219, 240, 252, 0.95);border:1px solid #bcd0db;z-index:10;box-shadow:0 4px 4px rgba(0, 0, 0, 0.15);}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.Tab{font-size:0;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.Tab>.Item{display:inline-block;width:50%;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.Tab>.Item>.Text{display:block;height:36px;line-height:36px;text-decoration:none;background:#c7e6f9;color:#1f8ecd;font-size:14px;padding-left:10px;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.Tab>.Item>.Text>i{margin-right:10px;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap{font-size:0;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content{display:inline-block;width:50%;vertical-align:top;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item{position:relative;display:inline-block;width:50%;height:28px;line-height:28px;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item>.Link{display:inline-block;font-size:11px;color:#666;vertical-align:middle;text-decoration:none;margin-left:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item>.Link:hover{text-decoration:underline;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item>.Actions{position:absolute;top:0;right:0;}.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item>.Actions>.Action.Add{display:none;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList>.Item>.Actions>.Action.Delete{z-index:1;display:inline-block;padding:10px;width:8px;height:8px;vertical-align:middle;background:url("../css3/sprite/images/icon_close_2.png") no-repeat center;text-indent:-10000px;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.NotFound{padding:24px 10px;font-size:12px;color:#666;line-height:18px;text-align:center;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.SummonerList,.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content>.NotFound{border-left:1px solid #bcd0db;} .IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content:first-child>.SummonerList,.IndexLayoutWrap>.ContentWrap>.Content>.SearchInput>.IndexAutoComplete>.SummonerListWrap>.ContentWrap>.Content:first-child>.NotFound{border-right:1px solid #bcd0db;margin-right:-1px;border-left:none;} .IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners{width:522px;padding-left:20px;margin:0 auto;}.IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList{margin-top:20px;margin-left:15px;font-size:0;}.IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item{display:inline-block;}.IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item>.Link{display:inline-block;color:#f2f2f2;font-size:12px;text-decoration:none;vertical-align:middle;line-height:1.5;}.IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item>.Link:hover{text-decoration:underline;} .IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item>.Actions{display:none;} .IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item:before{display:inline-block;margin-left:10px;margin-right:10px;content:"\00a0";border-left:2px solid #f2f2f2;height:2px;vertical-align:middle;} .IndexLayoutWrap>.ContentWrap>.Content>.IndexFavoriteSummoners>.FavoriteSummonerList>.Item:first-child:before{display:none;} .IndexLayoutWrap>.ContentWrap>.Content .PageDescription{margin:10px 0 0 6px;color:#fff;font-size:13px;}.IndexLayoutWrap>.ContentWrap>.Content .PageDescription>.Text{vertical-align:middle;}.IndexLayoutWrap>.ContentWrap>.Content .PageDescription>.Text>i{margin-right:4px;vertical-align:middle;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets{position:relative;width:522px;margin:30px auto 0 auto;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .Banner{margin:10px 0;border:1px solid #444;border-radius:5px;overflow:hidden;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .Banner img{display:block;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget{margin:10px 0;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap{display:table;width:520px;margin-top:10px;margin-bottom:-11px;background:#ddd;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Thumbnail{display:table-cell;width:98px;padding-left:10px;vertical-align:middle;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Thumbnail>.ItemImage{position:relative;display:block;width:98px;height:66px;border-radius:3px;background-color:#000;overflow:hidden;text-align:center;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Thumbnail>.ItemImage>img{max-width:100%;max-height:100%;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Thumbnail>.ItemImage>.Overlay{position:absolute;top:0;left:0;width:100%;margin-top:16px;text-align:center;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info{position:relative;display:table-cell;padding:12px 0 9px 16px;vertical-align:middle;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Label{font-size:13px;color:#1f8ecd;font-weight:bold;margin-bottom:5px;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Title{width:370px;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Title>.ChampionImage{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Title>.Link{display:inline-block;max-width:341px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333;text-decoration:none;vertical-align:middle;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Title>.Link:hover{color:#1f8ecd;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Author{margin-top:2px;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Author>.Name{display:inline-block;margin-right:3px;color:#666;font-size:12px;vertical-align:middle;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Author>.Summoner{color:#999;font-size:12px;text-decoration:none;vertical-align:middle;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Author>.Summoner>.Medal{height:20px;vertical-align:middle;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .PopularChampionGuideWrap>.Info>.Author>.Summoner:hover{text-decoration:underline;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .RForumArticleWidget{width:522px;margin:10px auto 0 auto;}.IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .RForumArticleWidget>.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title{width:370px;} .IndexLayoutWrap>.ContentWrap>.Content .IndexSearchBottomWidgets .RForumIndexWidget .RForumArticleWidget>.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link{max-width:370px;display:inline-block;white-space:nowrap;margin-right:8px;overflow:hidden;text-overflow:ellipsis;} .IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks{background:#eaeaea;border-top:1px solid #047bbc;margin-top:120px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content{width:970px;margin:0 auto;padding-bottom:50px;padding-top:20px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item{padding-top:50px;padding-bottom:140px;position:relative;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.Thumb{position:absolute;left:0;} .IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService{color:#292f33;padding-left:600px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.ServiceTitle{font-size:22px;font-family:Lato;font-weight:normal;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.ServiceTitle>b{font-weight:bold;} .IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.DescService{line-height:20px;font-size:11px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.DescService>li{margin-top:20px;padding-left:0;font-size:13px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.DescService>li>ul>li{padding-left:0;font-size:13px;}.IndexLayoutWrap>.ContentWrap>.Content>.HowItWorks>.Content>.Item>.InfoService>.DescService>li>ul>li:before{content:"·";padding-right:5px;margin-left:5px;color:#444;} .IndexLayoutWrap>.ContentWrap>.Content>.AdditionalButton,.IndexLayoutWrap>.ContentWrap>.Content>.AdBanner{margin-top:20px;text-align:center;} .IndexLayoutWrap>.FooterWrap{position:absolute;left:0;bottom:0;width:100%;background-color:#0585cb;border-top:1px solid #047bbc;} .IndexLayoutWrap .Footer{margin:0 auto;width:1200px;padding:40px 0;text-align:center;font-size:13px;color:#f2f2f2;}.IndexLayoutWrap .Footer>.FooterLinks{display:inline-block;vertical-align:middle;text-align:center;}.IndexLayoutWrap .Footer>.FooterLinks>.Item{display:inline-block;}.IndexLayoutWrap .Footer>.FooterLinks>.Item:before{display:inline-block;margin-left:6px;margin-right:6px;content:"";border-left:1px solid #047bbc;height:8px;vertical-align:middle;} .IndexLayoutWrap .Footer>.FooterLinks>.Item:first-child:before{display:none;} .IndexLayoutWrap .Footer>.FooterLinks>.Item>.Link{color:inherit;font-weight:bold;text-decoration:none;}.IndexLayoutWrap .Footer>.FooterLinks>.Item>.Link:hover{text-decoration:underline;} .IndexLayoutWrap .Footer>.FooterLinks>.Item>.Link>i{margin-left:3px;} .IndexLayoutWrap .Footer>.FooterSNS{display:inline-block;vertical-align:middle;font-size:0;}.IndexLayoutWrap .Footer>.FooterSNS:before{display:inline-block;margin-left:6px;margin-right:6px;content:"";border-left:1px solid #047bbc;height:8px;vertical-align:middle;} .IndexLayoutWrap .Footer>.FooterSNS:first-child:before{display:none;} .IndexLayoutWrap .Footer>.FooterSNS>a{display:inline-block;margin-right:1px;vertical-align:middle;}.IndexLayoutWrap .Footer>.FooterSNS>a>img{display:block;width:16px;height:16px;padding:3px;} .IndexLayoutWrap .Footer>.FooterCopyRight{margin-top:12px;color:#7dadda;font-size:11px;} .IndexLayoutWrap .Footer>.FooterCompany{margin-top:10px;font-size:11px;color:#5aa2d6;} .IndexLayoutWrap .Footer.CurrentKorea{text-align:left;padding-top:30px;padding-bottom:30px;} .SectionLayoutWrap{display:table;height:550px;width:100%;margin:0 auto;}.SectionLayoutWrap>.ContentWrap{display:table-cell;vertical-align:middle;text-align:center;}.SectionLayoutWrap>.ContentWrap>.Image{margin-bottom:30px;} .SectionLayoutWrap>.ContentWrap>.SectionHeadLine{font-size:18px;color:#879292;} .SectionLayoutWrap>.ContentWrap>.Content{font-size:14px;color:#879292;} .SearchExtra>.Headers{display:table;width:100%;table-layout:fixed;}.SearchExtra>.Headers li{display:table-cell;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;height:30px;background:#dfdfdf;cursor:pointer;text-align:left;padding-left:13px;color:#999;font-weight:bold;font-size:12px;border-left:1px solid #cdd2d2;border-bottom:1px solid #cdd2d2;}.SearchExtra>.Headers li i{display:inline-block;vertical-align:middle;width:16px;height:16px;background-repeat:no-repeat;background-position:center;margin-right:5px;margin-top:-3px;} .SearchExtra>.Headers li.Recent i{background-image:url("../css3/sprite/images/gnbicon-recent-n.png");} .SearchExtra>.Headers li.Favorite i{background-image:url("../css3/sprite/images/gnbicon-fav-n.png");} .SearchExtra>.Headers li:first-child{border-left:none;} .SearchExtra>.Headers li.active{border-bottom-color:#f2f2f2;background:#f2f2f2;color:#333;}.SearchExtra>.Headers li.active.Recent i{background-image:url("../css3/sprite/images/gnbicon-recent-p.png");} .SearchExtra>.Headers li.active.Favorite i{background-image:url("../css3/sprite/images/gnbicon-fav-p.png");} .SearchExtra .Content{max-height:274px;overflow-y:auto;}.SearchExtra .Content .SummonerList{padding:7px 0;}.SearchExtra .Content .SummonerList .Item{position:relative;}.SearchExtra .Content .SummonerList .Item a{padding:7px 14px;display:block;font-size:11px;line-height:12px;color:#666;text-decoration:none;}.SearchExtra .Content .SummonerList .Item a:hover{text-decoration:underline;} .SearchExtra .Content .SummonerList .Item .Actions{position:absolute;top:0;right:0;}.SearchExtra .Content .SummonerList .Item .Actions .Action{display:inline-block;padding:9px;width:8px;height:8px;vertical-align:middle;text-indent:-10000px;}.SearchExtra .Content .SummonerList .Item .Actions .Action.Add{background:url("../css3/sprite/images/gnbicon-fav-n.png") no-repeat center;} .SearchExtra .Content .SummonerList .Item .Actions .Action.Delete{background:url("../css3/sprite/images/gnbicon-close.png") no-repeat center;} .SearchExtra .Content .SummonerList .Item.favorited .Actions .Action.Add{background:url("../css3/sprite/images/gnbicon-fav-on.png") no-repeat center;} .SearchExtra .Content .NotFound{padding:24px 10px;font-size:12px;color:#666;line-height:18px;text-align:center;} .IndexContent{background:#eaeaea;margin-top:20px;padding-top:20px;padding-bottom:40px;}.IndexContent>.Content{width:1200px;margin:0 auto;font-size:0;}.IndexContent>.Content .IndexForumPopular,.IndexContent>.Content .IndexPatchNote{margin-bottom:40px;} .IndexContent>.Content .IndexForumPopular{display:block;margin:0 auto;width:737px;height:446px;}.IndexContent>.Content .IndexForumPopular .ForumArticleList{border:none;border-top:1px solid #d7dada;border-bottom:1px solid #d7dada;background:#f2f2f2;}.IndexContent>.Content .IndexForumPopular .ForumArticleList .ArticleListItem{border-top-color:#d7dada;} .IndexContent>.Content .IndexPatchNote{display:inline-block;width:408px;height:446px;margin-left:55px;vertical-align:top;} .IndexContent>.Content:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .IndexContent>.Content .IndexTitle{padding:10px 0;font-weight:bold;line-height:20px;font-size:18px;color:#454c4c;}.IndexContent>.Content .IndexTitle i{margin-right:5px;} .IndexContent>.Content .IndexTitle em{font-weight:normal;font-style:normal;} .IndexContent>.Content .IndexTitle a{text-decoration:none;color:inherit;} .IndexNews ul li{float:left;width:228px;margin-left:15px;}.IndexNews ul li>.Content{display:block;text-decoration:none;background-color:#f2f2f2;border:solid 1px #cdd2d2;box-sizing:border-box;color:#454c4c;}.IndexNews ul li>.Content:hover{text-decoration:underline;} .IndexNews ul li .Thumbnail{height:178px;background:#000;overflow:hidden;text-align:center;}.IndexNews ul li .Thumbnail img{max-width:100%;max-height:100%;} .IndexNews ul li .Title{display:block;height:40px;margin:10px;font-size:14px;line-height:20px;overflow:hidden;} .IndexNews ul li:first-child{margin-left:0;} .IndexNews ul:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .IndexPatchNote ul{border:solid 1px #cdd2d2;}.IndexPatchNote ul li{background-color:#f2f2f2;position:relative;border-top:1px solid #cdd2d2;}.IndexPatchNote ul li a{text-decoration:none;display:block;}.IndexPatchNote ul li a:hover .Title span{text-decoration:underline;} .IndexPatchNote ul li .Thumbnail{position:absolute;left:0;top:0;width:100%;}.IndexPatchNote ul li .Thumbnail img{max-width:100%;} .IndexPatchNote ul li .Title{padding:20px;line-height:20px;font-size:14px;color:#454c4c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.IndexPatchNote ul li .Title b{font-size:18px;color:#1f8ecd;margin-right:10px;} .IndexPatchNote ul li:first-child{border-top:none;}.IndexPatchNote ul li:first-child a{padding-top:219px;background:#000;} .IndexPatchNote ul li:first-child .Title{position:relative;background:rgba(0, 0, 0, 0.7);color:#fff;} .autocomplete-suggestions{box-sizing:border-box;overflow:auto;text-align:left;}.l-wrap--index .autocomplete-suggestions{position:relative !important;} .gnb-list-item .autocomplete-suggestions{border-radius:2px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);} .autocomplete-suggestion{overflow:hidden;}.gnb-list-item .autocomplete-suggestion{margin-top:10px;} .autocomplete-group{display:none;} .autocomplete-item{padding:7px 17px;overflow:hidden;width:100%;box-sizing:border-box;background:#fff;}.autocomplete-item--CHAMPION{background:#f9fafc;} .autocomplete-selected .autocomplete-item{background:#e8f5fe;cursor:pointer;} .autocomplete-item--thumb{float:left;width:36px;height:36px;margin-right:14px;border-radius:50%;}.autocomplete-item--CHAMPION .autocomplete-item--thumb{border-radius:0;} .autocomplete-item--content{float:left;margin-top:2px;} .autocomplete-item--name{margin-top:2px;font-family:sans-serif;font-size:14px;line-height:17px;color:#333;}.autocomplete-item--name b{color:#d53f3f;font-weight:normal;} .autocomplete-item--info{margin-top:2px;line-height:14px;font-size:12px;color:#666;} .autocomplete-item--separator{font-size:12px;color:#a3cfec;} .IndexFeature{padding:20px 0 40px;text-align:center;}.IndexFeature *{font-family:Helvetica,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic,Arial,Tahoma;} .IndexFeature h2{line-height:34px;font-size:24px;color:#4a4a4a;font-weight:normal;} .IndexFeature ul{margin-top:55px;}.IndexFeature ul:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .IndexFeature li{float:left;width:380px;margin-left:30px;}.IndexFeature li h3{line-height:24px;font-size:20px;color:#444;} .IndexFeature li img{margin-top:15px;width:380px;} .IndexFeature li p{margin-top:20px;line-height:18px;font-size:14px;color:#6c6c6c;text-align:left;} .IndexFeature li:first-child{margin-left:0;} .IndexFeature button{margin-top:45px;border-radius:5px;border:1px solid #cdd2d2;background:#fafafa;height:48px;padding:0 50px;line-height:16px;font-size:14px;color:#666;}.IndexFeature button:hover{border-color:#b5bcbc;} .IndexProducts{padding:60px 0 80px;text-align:center;}.IndexProducts h2{line-height:28px;font-size:18px;color:#333;font-weight:normal;} .IndexProducts button{margin-top:16px;height:48px;padding:0 50px;border:none;background:#1f8ecd;color:#fff;line-height:16px;font-size:14px;}.IndexProducts button:hover{background:#1a78ae;} .IndexProducts>ul{margin-top:60px;}.IndexProducts>ul:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .IndexProducts li{float:left;width:380px;margin-left:30px;position:relative;}.IndexProducts li:first-child{margin-left:0;} .IndexProducts li>a{display:block;} .IndexProducts li .Label{position:absolute;display:block;width:100%;top:0;left:0;padding:18px 0;text-align:center;line-height:17px;font-size:14px;color:#fff;} .IndexProducts li .HoverText{display:none;margin-top:9px;line-height:22px;font-size:18px;}.IndexProducts li .HoverText i{margin-left:10px;} .IndexProducts li .Background{width:100%;} .IndexProducts li .Logo{position:absolute;top:94px;right:0;left:0;height:70px;margin:0 auto;} .IndexProducts li:hover .HoverText{display:block;} .IndexProducts li.OverLog .Label{background:#f39215;} .IndexProducts li.BestGG .Label{background:#1e2632;} .IndexProducts li.OPGG .Label{background:#1f8ecd;} .IndexProducts li.OPGG .Logo{height:30px;top:114px;} .IndexProducts .App{margin-top:20px;}.IndexProducts .App:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .IndexProducts .App a{float:left;width:180px;margin-left:20px;}.IndexProducts .App a:first-child{margin-left:0;} .IndexProducts .App img{width:100%;} #sovrn_beacon{width:1px;height:1px;font-size:0;line-height:0;position:absolute;top:0;left:-1000%;overflow:hidden;} .DimmedBlock{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:10001;}.ie8 .DimmedBlock{background-image:url(../images/pattern/opacity.7.png);} .DimmedBlock .DimmedBlockInner{position:relative;display:inline-block;max-height:100%;}.DimmedBlock .DimmedBlockInner>.Close{position:absolute;right:-50px;top:0;width:38px;height:38px;font-size:12px;background:url("../images/site/btn-modalClose.png") no-repeat center;background-size:100%;cursor:pointer;z-index:100;} .DimmedBlock>.CenterTableWrapper{overflow-y:scroll;} .Loading{width:32px;height:34px;margin:0 auto;font-size:11px;color:#f2f2f2;background:url(../images/loader.black.gif) no-repeat center;}.Loading.black{background-image:url(../images/loader.white.gif);} .Loading.Progress{width:160px;height:17px;background-image:url(../images/progress.white.gif);} .Loading.SlowSmall{width:23px;height:23px;background:url(../images/loader.small.gif);} .Loading.Loader14{width:14px;height:14px;background:url(../images/loader.black.14.gif) no-repeat center;}.Loading.Loader14.black{background-image:url(../images/loader.white.14.gif);} .Button.Blue .Loading.Loader14{background-image:url(../images/loader.button.blue.14.gif);} .Button.Red .Loading.Loader14{background-image:url(../images/loader.button.red.14.gif);} .ErrorMessage{display:block;padding:126px 0 60px;text-align:center;background:url("../css3/sprite/images/bg-noData.png") 50% 50px no-repeat;font-size:16px;color:#555e5e;}.ErrorMessage>a{color:inherit;} .hs-beacon{position:relative;z-index:10001;} .notification{position:relative;margin-left:15px;display:none;}.notification>.bell{border:0;padding:0;background:url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:center;width:32px;height:32px;vertical-align:middle;border-radius:2px;position:relative;}.notification>.bell:hover{background:#2588c2 url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:center;} .notification>.bell--down{background:url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:5px 11px;}.notification>.bell--down:hover{background:#2588c2 url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:5px 11px;} .notification>.bell--center{background:url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:center;}.notification>.bell--center:hover{background:#2588c2 url(../icon/bell_white.png) no-repeat;background-size:15px 16px;background-position:center;} .notification>.bell .badge{position:absolute;background:#fa4040;height:18px;width:18px;text-align:center;line-height:18px;font-size:11px;border-radius:50%;color:white;display:block;top:2px;right:2px;}.notification>.bell .badge.show{display:block;} .notification>.bell .badge.hide{display:none;} .notification>.bell .badge--small{position:absolute;background:#fa4040;text-align:center;line-height:18px;border-radius:50%;color:white;top:7px;right:7px;width:6px;height:6px;font-size:0;display:none;} .notification>.dropdown{background-color:#fff;width:340px;min-height:0;position:absolute;top:53px;right:-19px;border-radius:2px;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.15);z-index:10;display:none;}.notification>.dropdown>.title{line-height:31px;border-bottom:1px solid #ebeef2;font-size:12px;color:#333333;padding:0 21px;} .notification>.dropdown .loader-view{background:url("/images/site/forum/img-poro@2x.png") no-repeat;background-position:center;width:100%;height:168px;display:none;}.notification>.dropdown .loader-view.show{display:table;} .notification>.dropdown .loader-view .loader-wrap{display:table-cell;vertical-align:middle;text-align:center;}.notification>.dropdown .loader-view .loader-wrap .loader{position:relative;display:inline-block;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:75px;height:75px;animation:spin 2s linear infinite;} .notification>.dropdown:after{content:'';top:-13px;right:23px;margin-left:-8px;border-top:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:13px solid #fff;position:absolute;} .notification>.dropdown.active{display:block;} @keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}.notification>.dropdown .list{width:100%;max-height:504px;overflow-y:auto;}.notification>.dropdown .list .item{line-height:62px;border-bottom:1px solid #ebeef2;background-color:#fff;padding:0 10px;position:relative;}.notification>.dropdown .list .item--dm{background-color:#edf9ff !important;}.notification>.dropdown .list .item--dm.read{background-color:#edf9ff !important;} .notification>.dropdown .list .item .thumbnail{width:16px;height:16px;position:relative;display:inline-block;vertical-align:middle;overflow:hidden;line-height:1;padding:0 10px;}.notification>.dropdown .list .item .thumbnail img{width:16px;height:16px;} .notification>.dropdown .list .item.link{background-color:#fff;}.notification>.dropdown .list .item.link.read{background-color:#fff;}.notification>.dropdown .list .item.link.read:hover{background-color:#f7f7f7;} .notification>.dropdown .list .item.link.read .content .title{color:#d8d8d8;}.notification>.dropdown .list .item.link.read .content .title .count{color:#d8d8d8;} .notification>.dropdown .list .item.link a{display:block;} .notification>.dropdown .list .item.link .thumbnail{width:60px;height:40px;padding:0;}.notification>.dropdown .list .item.link .thumbnail img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;height:100%;width:auto;} .notification>.dropdown .list .item.link .content{width:220px;margin-left:10px;padding:9px 0;} .notification>.dropdown .list .item.read{background-color:#fff;} .notification>.dropdown .list .item:hover{background-color:#f7f7f7;}.notification>.dropdown .list .item:hover .close{display:block;} .notification>.dropdown .list .empty{line-height:168px;text-align:center;display:none;}.notification>.dropdown .list .empty--show{display:block;} .notification>.dropdown .list .empty__wrapper{display:inline-block;vertical-align:middle;line-height:1;} .notification>.dropdown .list .empty img{width:80px;height:67px;} .notification>.dropdown .list .empty .comment{font-size:12px;font-weight:bold;line-height:1.25;color:#4a4a4a;margin-top:6px;} .notification>.dropdown .list.hide{display:none;} .notification>.dropdown .list .content{display:inline-block;vertical-align:middle;width:250px;line-height:1;}.notification>.dropdown .list .content .title{font-size:12px;color:#333;font-weight:bold;line-height:1.4;max-height:64px;overflow:hidden;}.notification>.dropdown .list .content .title .count{color:#2f96d0;} .notification>.dropdown .list .content .title a{text-decoration:none;} .notification>.dropdown .list .content .perfix{font-size:10px;color:#00b1ff;line-height:14px;padding:0 2px;background-color:#edf6fb;} .notification>.dropdown .list .content .sub ul{margin-top:6px;font-size:0;}.notification>.dropdown .list .content .sub ul>li{display:inline-block;vertical-align:middle;}.notification>.dropdown .list .content .sub ul>li:before{display:inline-block;margin-left:5px;margin-right:5px;content:"";border-left:1px solid #ccdbe6;height:2px;vertical-align:middle;} .notification>.dropdown .list .content .sub ul>li:first-child:before{display:none;} .notification>.dropdown .list .content .sub ul>li span{vertical-align:middle;line-height:14px;font-size:12px;color:#a2a2a2;max-width:200px;overflow:hidden;display:inline-block;text-overflow:ellipsis;} .notification>.dropdown .list .close{border:none;width:20px;height:20px;position:absolute;top:22px;right:7px;padding:0;background:url('../icon/x@2x.png');background-size:8px 8px;background-repeat:no-repeat;background-position:center;display:none;} .notification>.dropdown .list .delete{width:14px;vertical-align:middle;}.notification>.dropdown .list .delete>a{display:none;text-decoration:none;} .l-wrap .gnb html,.l-wrap .gnb body,.l-wrap .gnb div,.l-wrap .gnb span,.l-wrap .gnb applet,.l-wrap .gnb object,.l-wrap .gnb iframe,.l-wrap .gnb h1,.l-wrap .gnb h2,.l-wrap .gnb h3,.l-wrap .gnb h4,.l-wrap .gnb h5,.l-wrap .gnb h6,.l-wrap .gnb p,.l-wrap .gnb blockquote,.l-wrap .gnb pre,.l-wrap .gnb a,.l-wrap .gnb abbr,.l-wrap .gnb acronym,.l-wrap .gnb address,.l-wrap .gnb big,.l-wrap .gnb cite,.l-wrap .gnb code,.l-wrap .gnb del,.l-wrap .gnb dfn,.l-wrap .gnb em,.l-wrap .gnb img,.l-wrap .gnb ins,.l-wrap .gnb kbd,.l-wrap .gnb q,.l-wrap .gnb s,.l-wrap .gnb samp,.l-wrap .gnb small,.l-wrap .gnb strike,.l-wrap .gnb strong,.l-wrap .gnb sub,.l-wrap .gnb sup,.l-wrap .gnb tt,.l-wrap .gnb var,.l-wrap .gnb b,.l-wrap .gnb u,.l-wrap .gnb i,.l-wrap .gnb center,.l-wrap .gnb dl,.l-wrap .gnb dt,.l-wrap .gnb dd,.l-wrap .gnb ol,.l-wrap .gnb ul,.l-wrap .gnb li,.l-wrap .gnb fieldset,.l-wrap .gnb form,.l-wrap .gnb label,.l-wrap .gnb legend,.l-wrap .gnb table,.l-wrap .gnb caption,.l-wrap .gnb tbody,.l-wrap .gnb tfoot,.l-wrap .gnb thead,.l-wrap .gnb tr,.l-wrap .gnb th,.l-wrap .gnb td,.l-wrap .gnb main,.l-wrap .gnb article,.l-wrap .gnb aside,.l-wrap .gnb canvas,.l-wrap .gnb details,.l-wrap .gnb embed,.l-wrap .gnb figure,.l-wrap .gnb figcaption,.l-wrap .gnb footer,.l-wrap .gnb header,.l-wrap .gnb hgroup,.l-wrap .gnb menu,.l-wrap .gnb nav,.l-wrap .gnb output,.l-wrap .gnb ruby,.l-wrap .gnb section,.l-wrap .gnb summary,.l-wrap .gnb time,.l-wrap .gnb mark,.l-wrap .gnb audio,.l-wrap .gnb video{margin:0;padding:0;border:0;word-break:keep-all;} .l-wrap .gnb ol,.l-wrap .gnb ul,.l-wrap .gnb dl{list-style:none;} .l-wrap .gnb hr{width:100%;height:1px;margin:0;padding:0;border:none;background-color:#000000;} .l-wrap .gnb em{font-style:normal;} .l-wrap .gnb mark{background-color:transparent;font-style:normal;} .l-wrap .gnb button{outline:none;border:none;margin:0;padding:0;border-radius:0;background-color:transparent;cursor:pointer;} .l-wrap .gnb button:hover{cursor:pointer;} .l-wrap .gnb object{width:100%;vertical-align:top;pointer-events:none;} .l-wrap .gnb *{font-family:Roboto,Noto sans kr,"Apple SD Gothic Neo",Malgun Gothic,sans-serif !important;} .l-wrap .gnb html{font-size:13px;line-height:1.45;letter-spacing:0px;-webkit-font-smoothing:antialiased;} .l-wrap .gnb body{background-color:#1c1c1f;color:#000000;font-weight:400;} .l-wrap .gnb :lang(ko){font-family:Roboto,Noto sans kr,"Apple SD Gothic Neo",Malgun Gothic,sans-serif;} .l-wrap .gnb :lang(en){font-family:Roboto,Noto sans kr,"Apple SD Gothic Neo",Malgun Gothic,sans-serif;} .l-wrap .gnb a{color:inherit;text-decoration:none;} .l-wrap .gnb a:hover{text-decoration:none;} .l-wrap .gnb img{max-width:100%;border:none;vertical-align:top;} .l-wrap .gnb table{border-spacing:0;border-collapse:collapse;} .l-wrap .gnb caption{font:0/0 a;} .l-wrap .gnb th{font-weight:400;text-align:left;} .l-wrap .gnb input[type="number"]::-webkit-inner-spin-button,.l-wrap .gnb input[type="number"]::-webkit-outer-spin-button{height:auto;-webkit-appearance:none;margin:0;} .l-wrap .gnb input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} .l-wrap .gnb input[type="search"]::-webkit-search-cancel-button,.l-wrap .gnb input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} .l-wrap .gnb input[type="text"],.l-wrap .gnb input[type="password"],.l-wrap .gnb input[type="search"],.l-wrap .gnb input[type="tel"],.l-wrap .gnb input[type="date"],.l-wrap .gnb input[type="number"],.l-wrap .gnb input[type="email"]{box-sizing:border-box;width:100%;margin:0;padding:0;border:none;} .l-wrap .gnb .opgg-header{position:relative;position:sticky;top:0;background-color:#000000;z-index:100;} .l-wrap .gnb .opgg-header__gnb{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;box-sizing:border-box;height:40px;padding-left:98px;background-color:#232f46;} .l-wrap .gnb .opgg-header__logo{position:absolute;left:0;top:0;width:98px;background-color:#5383e8;} .l-wrap .gnb .opgg-header__logo-anchor{display:block;padding:12px 0 12px;color:#ffffff;font-size:16px;text-align:center;line-height:0;width:100%;height:16px;} .l-wrap .gnb .opgg-header__logo-anchor img{height:100%;} .l-wrap .gnb .opgg-header__navi{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:flex;align-items:center;position:relative;} .l-wrap .gnb .navi-desktop{font-size:0;height:40px;overflow:hidden;} .l-wrap .gnb .navi-expand{position:absolute;width:384px;background-color:#28344e;top:40px;right:0;padding:12px 15px 15px;}.l-wrap .gnb .navi-expand:after{display:block;clear:both;content:"";} .l-wrap .gnb .navi-expand--hide{display:none;} .l-wrap .gnb .navi-expand--show{display:block;} .l-wrap .gnb .navi-expand__wrapper{display:inline-block;position:absolute;top:0;right:0;height:40px;line-height:40px;}@media screen and (min-width:1151px){.l-wrap .gnb .navi-expand__wrapper{display:none;}} .l-wrap .gnb .navi-expand__button{width:24px;height:24px;background-image:url("../images/gnb/svg/icon-more.svg");background-size:24px;}.l-wrap .gnb .navi-expand__button:hover{border-radius:4px;background-color:#2f436e;} .l-wrap .gnb .navi-expand .navi__item{float:left;height:auto;line-height:1;width:20%;height:86px;text-align:center;padding:0;margin:0;}.l-wrap .gnb .navi-expand .navi__item:hover{background-color:unset;}.l-wrap .gnb .navi-expand .navi__item:hover .icon-wrapper{border:1px solid #5383e8;} .l-wrap .gnb .navi-expand .navi__item:nth-child(n + 6){margin-top:15px;} .l-wrap .gnb .navi-expand .navi__item .icon{width:32px;height:32px;}.l-wrap .gnb .navi-expand .navi__item .icon-wrapper{display:inline-block;width:48px;height:48px;line-height:48px;border-radius:10px;background-color:#2f436e;border:1px solid #2f436e;} .l-wrap .gnb .navi-expand .navi__item span{display:block;margin-top:6px;margin-left:0;line-height:1.3;position:unset;} .l-wrap .gnb .navi-expand .navi__item--new span{position:relative;padding-left:0;}.l-wrap .gnb .navi-expand .navi__item--new span:after{position:absolute;left:auto;right:14px;top:-55px;content:"N";font-weight:bold;color:#28344e;background-color:#ffb900;border-radius:50%;line-height:17px;font-size:11px;width:16px;height:16px;text-align:center;} .l-wrap .gnb .navi-expand .navi__item--beta span{position:relative;padding-left:0;}.l-wrap .gnb .navi-expand .navi__item--beta span:after{position:absolute;left:auto;right:14px;top:-55px;content:"B";font-weight:bold;padding:0;color:#28344e;background-color:#ffb900;border-radius:50%;line-height:17px;font-size:11px;width:16px;height:16px;text-align:center;} .l-wrap .gnb .navi__item{display:inline-block;height:32px;line-height:32px;vertical-align:middle;margin:4px;padding:0 8px;color:#c3cbd1;}.l-wrap .gnb .navi__item .icon{width:24px;height:24px;vertical-align:middle;}.l-wrap .gnb .navi__item .icon-wrapper{display:inline-block;} .l-wrap .gnb .navi__item span{font-size:12px;margin-left:8px;vertical-align:middle;} .l-wrap .gnb .navi__item:hover{border-radius:4px;background-color:#2f436e;} .l-wrap .gnb .navi__item--new span{position:relative;padding-left:20px;}.l-wrap .gnb .navi__item--new span:after{position:absolute;left:0;top:-2px;content:"N";font-weight:bold;color:#28344e;background-color:#ffb900;border-radius:50%;line-height:17px;font-size:11px;width:16px;height:16px;text-align:center;} .l-wrap .gnb .navi__item--beta span{position:relative;padding-left:40px;}.l-wrap .gnb .navi__item--beta span:after{position:absolute;left:0;top:-2px;content:"Beta";padding:0 6px;color:#28344e;background-color:#ffb900;border-radius:8px;line-height:17px;font-size:11px;height:16px;text-align:center;} .l-wrap .gnb .navi__item--default{height:40px;line-height:40px;padding:0 12px 0 4px;margin:0;color:#fff;background-color:#5383e8;}.l-wrap .gnb .navi__item--default:hover{background-color:#5383e8;border-radius:0;} .l-wrap .gnb .opgg-header__navi-open{position:relative;height:32px;padding:0 24px 0 44px;margin:4px 0 4px 4px;color:#c5cbd0;font-size:12px;white-space:nowrap;}.l-wrap .gnb .opgg-header__navi-open:hover{background:#2f436e;border-radius:4px;} .l-wrap .gnb .opgg-header__navi-open::after{content:"";position:absolute;right:7px;top:50%;margin-top:-2px;border-top:4px solid #ffffff;border-left:4px solid transparent;border-right:4px solid transparent;} .l-wrap .gnb .opgg-header__navi-thumb{position:absolute;left:12px;top:50%;display:inline-block;width:24px;height:24px;margin-top:-12px;} .l-wrap .gnb .opgg-header__navi-box{display:none;position:absolute;top:100%;box-sizing:border-box;padding:12px;border-radius:0 0 4px 4px;box-shadow:0 8px 12px 0 rgba(0, 0, 0, 0.2);background-color:#28344e;z-index:100;max-width:384px;} .l-wrap .gnb .opgg-header__navi-noti{flex:1;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:20px;color:#ffffff;}.l-wrap .gnb .opgg-header__navi-noti-icon{width:24px;height:24px;padding:8px 0;} .l-wrap .gnb .opgg-header__navi-noti-text{margin-left:8px;} .l-wrap .gnb .opgg-header__navi-noti a{margin-left:24px;color:#ffb900;text-decoration:underline;} .l-wrap .gnb .opgg-header__image_banner{flex:1;align-items:center;margin-left:50px;}.l-wrap .gnb .opgg-header__image_banner-icon-btn{width:320px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;} .l-wrap .gnb .opgg-header__image_banner-icon-img{width:300px;height:30px;object-fit:contain;} .l-wrap .gnb .opgg-header__image_banner-image{width:300px;height:250px;object-fit:contain;padding:10px;} .l-wrap .gnb .opgg-header__image_banner-box{display:none;top:100%;position:absolute;width:320px;height:270px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 8px 12px 0 rgba(0, 0, 0, 0.2);background-color:#232f46;} .l-wrap .gnb .opgg-header__navi-box--is-open{display:block;} .l-wrap .gnb .opgg-header__navi-list{position:relative;margin-top:-16px;display:flex;flex-wrap:wrap;} .l-wrap .gnb .opgg-header__navi-list::after{content:"";display:block;clear:both;} .l-wrap .gnb .opgg-header__navi-title{display:none;position:absolute;left:0;top:0;color:#ffffff;font-size:12px;font-weight:700;} .l-wrap .gnb .opgg-header__navi-item{float:left;margin:16px 4px 0;}.l-wrap .gnb .opgg-header__navi-item:hover .opgg-header__navi-poster{border:1px solid #5383e8;} .l-wrap .gnb .opgg-header__navi-item:hover .opgg-header__navi-name{font-weight:bold;} .l-wrap .gnb .opgg-header__navi-poster{position:relative;display:block;width:32px;height:32px;padding:8px;background-position:50% 50%;background-repeat:no-repeat;background-size:32px;border-radius:10px;background-color:#2f436e;border:1px solid #2f436e;margin:0 auto;} .l-wrap .gnb .opgg-header__navi-poster--game-ac{background-image:url("../images/gnb/img/img-navi-autochess@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--game-lol{background-image:url("../images/gnb/img/img-navi-lol@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--game-pubg{background-image:url("../images/gnb/img/img-navi-pubg@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--game-ow{background-image:url("../images/gnb/img/img-navi-overwatch@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--game-r6{background-image:url("../images/gnb/img/img-navi-r-6@2x.png");}.l-wrap .gnb .opgg-header__navi-poster--game-r6:after{position:absolute;right:0;top:0;content:"N";font-weight:bold;color:#28344e;background-color:#ffb900;border-radius:50%;line-height:17px;font-size:11px;width:16px;height:16px;text-align:center;} .l-wrap .gnb .opgg-header__navi-poster--game-fn{background-image:url("../images/gnb/img/img-navi-fortnite@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--talk{background-image:url("../images/gnb/img/img-navi-talk@2x.png");} .l-wrap .gnb .opgg-header__navi-poster--esports-opgaming{background-color:red;} .l-wrap .gnb .opgg-header__navi-poster--esports-bestgg{background-color:blue;} .l-wrap .gnb .opgg-header__navi-name{display:block;margin-top:8px;color:#c5cbd0;font-size:11px;text-align:center;max-width:64px;width:64px;} .l-wrap .gnb .opgg-header__navi-close{display:none;position:absolute;right:16px;top:16px;width:24px;height:24px;color:#98a0a7;font-size:14px;text-align:center;} .l-wrap .gnb .opgg-header__alert{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto;overflow:hidden;} .l-wrap .gnb .opgg-header__util{display:flex;align-items:center;} .l-wrap .gnb .opgg-header__util::after{content:"";display:block;clear:both;} .l-wrap .gnb .opgg-header__util-open{position:relative;height:32px;padding:0 24px 0 44px;color:#c5cbd0;font-size:12px;white-space:nowrap;} .l-wrap .gnb .opgg-header__util-open::after{content:"";position:absolute;right:7px;top:50%;margin-top:-2px;border-top:4px solid #ffffff;border-left:4px solid transparent;border-right:4px solid transparent;} .l-wrap .gnb .opgg-header__util-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:center;position:relative;} .l-wrap .gnb .opgg-header__util-box::after{content:"";display:block;clear:both;} .l-wrap .gnb .opgg-header__util-box--is-open{right:0;transition:right 0.2s ease-out 0s;} .l-wrap .gnb .opgg-header__util-item{position:relative;padding-left:0 8px;} .l-wrap .gnb .opgg-header__util-item--type-login{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;} .l-wrap .gnb .opgg-header__util-item--type-language{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;} .l-wrap .gnb .opgg-header__util-item--type-theme{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;} .l-wrap .gnb .opgg-header__info{display:none;position:relative;height:67px;background-color:#5383e8;color:#ffffff;font-size:16px;font-weight:700;text-align:center;line-height:67px;} .l-wrap .gnb .opgg-header__info>img{margin-top:24px;display:inline-block;} .l-wrap .gnb .opgg-header__snb{position:relative;padding-right:450px;} .l-wrap .gnb .opgg-header__snb-inner{max-width:1280px;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;} .l-wrap .gnb .opgg-header__snb-list{display:table;box-sizing:border-box;padding-left:86px;} .l-wrap .gnb .opgg-header__snb-item{position:relative;display:table-cell;height:48px;padding:0 12px;color:#c1d5ff;font-size:15px;vertical-align:middle;white-space:nowrap;} .l-wrap .gnb .opgg-header__snb-item::after{content:"";position:absolute;left:12px;right:12px;bottom:0;display:block;height:3px;background-color:#ffffff;opacity:0;transition:opacity 0.2s linear 0s;} .l-wrap .gnb .opgg-header__snb-item:hover::after{opacity:0.7;} .l-wrap .gnb .opgg-header__snb-item--is-active,.l-wrap .gnb .opgg-header__snb-item--is-active:hover{color:#ffffff;font-weight:700;} .l-wrap .gnb .opgg-header__snb-item--is-active::after,.l-wrap .gnb .opgg-header__snb-item--is-active:hover::after{opacity:1;} .l-wrap .gnb .opgg-header__snb-option{position:absolute;right:50%;top:0;margin-right:-640px;} @media (max-width:1380px){.l-wrap .gnb .opgg-header__snb-option{right:100px;margin-right:0;}}.l-wrap .gnb .opgg-header__notice{position:static;box-sizing:border-box;width:100%;padding:13px 16px 10px;background-color:#ffc844;color:#1e2022;font-size:14px;text-align:center;line-height:1.43;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .l-wrap .gnb .opgg-header--gamg-fn{background-color:#5a5ed2;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option{width:340px;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playersearch__box{padding:8px 0;border:none;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playersearch__input-box{padding-right:65px;border-radius:2px;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playersearch__input-text{height:32px;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playersearch__btn{padding:0 12px;font-size:16px;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playerresult{left:0;right:0;margin-top:-4px;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playerresult__item{float:none;width:100%;padding:8px 70px 8px 0;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playerresult__item:nth-child(odd){clear:none;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playerresult__item:nth-child(even){clear:none;} .l-wrap .gnb .opgg-header--gamg-fn .opgg-header__snb-option .c-playerresult .c-tab__separator-item{font-size:12px;} .l-wrap .gnb .c-playersearch{margin-left:auto;margin-right:auto;position:relative;display:block;width:100%;max-width:768px;} .l-wrap .gnb .c-playersearch__box{position:relative;border:4px solid rgba(255, 255, 255, 0.18);border-radius:4px;} .l-wrap .gnb .c-playersearch__input-box{position:relative;display:block;padding-right:90px;background-color:#ffffff;} .l-wrap .gnb .c-playersearch__input-text{border-radius:4px;height:50px;color:#777777;font-size:15px;} .l-wrap .gnb .c-playersearch__input-text[type="text"]{padding:0 20px;} .l-wrap .gnb .c-playersearch__input-text:-moz-placeholder{color:#868686;font-family:"svgFontfortnite","Open Sans","맑은 고딕","Malgun Gothic",sans-serif;} .l-wrap .gnb .c-playersearch__input-text::-moz-placeholder{color:#868686;font-family:"svgFontfortnite","Open Sans","맑은 고딕","Malgun Gothic",sans-serif;} .l-wrap .gnb .c-playersearch__input-text:-ms-input-placeholder{color:#868686;font-family:"svgFontfortnite","Open Sans","맑은 고딕","Malgun Gothic",sans-serif;} .l-wrap .gnb .c-playersearch__input-text::-webkit-input-placeholder{color:#868686;font-family:"svgFontfortnite","Open Sans","맑은 고딕","Malgun Gothic",sans-serif;} .l-wrap .gnb .c-playersearch__btn{position:absolute;right:0;top:0;height:100%;padding:5px 20px;color:#5a5ed2;font-size:1.53846rem;line-height:0;} .l-wrap .gnb .c-playerresult{position:absolute;left:24px;right:24px;display:none;max-width:512px;margin-top:-12px;border-radius:4px;border:1px solid #e2e2e2;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.19);background-color:#ffffff;overflow:hidden;z-index:10;} @media (max-width:767.98px){.l-wrap .gnb .c-playerresult{margin-top:24px;left:0;right:0;}}.l-wrap .gnb .c-playerresult--is-expend{display:block;} .l-wrap .gnb .c-playerresult__contents{background-color:#ffffff;} .l-wrap .gnb .c-playerresult__list{padding:12px 5px 15px 11px;} .l-wrap .gnb .c-playerresult__list::after{content:"";display:block;clear:both;} .l-wrap .gnb .c-playerresult__item{float:left;position:relative;box-sizing:border-box;width:50%;padding:6px 70px 6px 19px;} .l-wrap .gnb .c-playerresult__item:nth-child(odd){clear:left;} .l-wrap .gnb .c-playerresult__item:nth-child(even){clear:right;} .l-wrap .gnb .c-playerresult__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#31313c;font-size:0.92308rem;font-weight:700;} .l-wrap .gnb .c-playerresult__bookmark,.l-wrap .gnb .c-playerresult__remove{position:absolute;right:0;top:50%;font-size:1.23077rem;line-height:0;transform:translateY(-50%);} .l-wrap .gnb .c-playerresult__bookmark{right:46px;} .l-wrap .gnb .c-playerresult__bookmark .on{display:none;} .l-wrap .gnb .c-playerresult__bookmark .off{display:block;} .l-wrap .gnb .c-playerresult__bookmark.c-icons__bookmark--is-save .on{display:block;} .l-wrap .gnb .c-playerresult__bookmark.c-icons__bookmark--is-save .off{display:none;} .l-wrap .gnb .c-playerresult__remove{right:20px;color:#e4e4e4;} .l-wrap .gnb .c-playerresult__nodata{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:144px;color:#777777;font-size:1rem;} .l-wrap .gnb .opgg-language{display:flex;align-items:center;padding:0 8px;} .l-wrap .gnb .opgg-language__open{position:relative;height:40px;padding:0 24px 0 12px;color:#c5cbd0;font-size:12px;} .l-wrap .gnb .opgg-language__open::after{content:"";position:absolute;right:7px;top:50%;margin-top:-2px;border-top:4px solid #ffffff;border-left:4px solid transparent;border-right:4px solid transparent;} .l-wrap .gnb .opgg-language__open-icon{position:absolute;left:5px;top:50%;margin-top:-12px;color:#ffffff;font-size:24px;line-height:0;} .l-wrap .gnb .opgg-language__open-short{color:#c3cbd1;} .l-wrap .gnb .opgg-language__open-title{display:none;} .l-wrap .gnb .opgg-language__box{display:none;position:absolute;top:calc(96%);right:0;z-index:100;} .l-wrap .gnb .opgg-language__box-title{display:none;padding:14px 16px;border-bottom:1px solid #eaeaea;color:#1e2022;font-size:14px;font-weight:700;} .l-wrap .gnb .opgg-language__box--is-open{display:block;} .l-wrap .gnb .opgg-language__list{box-sizing:border-box;width:136px;min-width:136px;max-height:244px;overflow:auto;padding:4px 0;border-radius:2px;background-color:#ffffff;box-shadow:0 8px 12px 0 rgba(0, 0, 0, 0.2);} .l-wrap .gnb .opgg-language__list::after{content:"";display:block;clear:both;} .l-wrap .gnb .opgg-language__item{display:block;box-sizing:border-box;padding:8px 5px 8px 16px;font-size:14px;line-height:20px;color:#44515c;} .l-wrap .gnb .opgg-language__item:hover{background-color:#ebeef1;} .l-wrap .gnb .opgg-language__item--is-active{background-color:#ebeef1;} .l-wrap .gnb .opgg-language__close{display:none;position:absolute;right:16px;top:16px;} .l-wrap .gnb .layer-dim{position:fixed;left:0;top:0;display:none;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:99;} .l-wrap .gnb .c-tab__separator{width:100%;} .l-wrap .gnb .c-tab__separator::after{content:"";display:block;clear:both;} .l-wrap .gnb .c-tab__separator-item{float:left;position:relative;box-sizing:border-box;padding:11px 5px;border-left-width:1px;border-left-style:solid;border-left-color:#ffffff;background-color:#e3e3e3;color:#777777;font-size:1.07692rem;text-align:center;} @media (max-width:767.98px){.l-wrap .gnb .c-tab__separator-item{font-size:0.92308rem;}}.l-wrap .gnb .c-tab__separator-item:first-child{border-left:none;} .l-wrap .gnb .c-tab__separator-item--is-active{background-color:#ffffff;color:#31313c;} .l-wrap .gnb .c-tab__separator-item:first-child:nth-last-child(2),.l-wrap .gnb .c-tab__separator-item:nth-child(2):last-child{width:50%;} .l-wrap .gnb .c-tab__separator-item:first-child:nth-last-child(3),.l-wrap .gnb .c-tab__separator-item:nth-child(2):nth-last-child(2),.l-wrap .gnb .c-tab__separator-item:nth-child(3):last-child{width:33.3333%;} .l-wrap .gnb .c-tab__separator-item:nth-child(3):last-child{width:33.34;} .l-wrap .gnb .c-tab__separator-item:first-child:nth-last-child(4),.l-wrap .gnb .c-tab__separator-item:nth-child(2):nth-last-child(3),.l-wrap .gnb .c-tab__separator-item:nth-child(3):nth-last-child(2),.l-wrap .gnb .c-tab__separator-item:nth-child(4):last-child{width:25%;} .l-wrap .gnb .c-tab__separator-item:first-child:nth-last-child(5),.l-wrap .gnb .c-tab__separator-item:nth-child(2):nth-last-child(4),.l-wrap .gnb .c-tab__separator-item:nth-child(3):nth-last-child(3),.l-wrap .gnb .c-tab__separator-item:nth-child(4):nth-last-child(2),.l-wrap .gnb .c-tab__separator-item:nth-child(5):last-child{width:20%;} .l-wrap .gnb .gnb-list{display:flex;align-self:stretch;margin-right:16px;}.header .l-wrap .gnb .gnb-list{position:absolute;right:0;top:12px;}.l-wrap--index .header .l-wrap .gnb .gnb-list{top:25px;} .l-wrap .gnb .gnb-list-item{display:inline-block;vertical-align:middle;} .l-wrap .gnb .gnb-btn-setting{border:none;background:none;padding:0;} .l-wrap .gnb .gnb-list-item__search{position:relative;height:32px;background:#fff;border-radius:2px;width:260px;}.l-wrap .gnb .gnb-list-item__search input{width:100%;border:none;background:none;padding:9px 42px 8px 14px;font-size:12px;line-height:15px;color:#727272;outline:none;box-sizing:border-box;} .l-wrap .gnb .gnb-list-item__search button{position:absolute;top:0;right:0;height:32px;width:54px;text-align:center;background:none;border:none;line-height:32px;} .l-wrap .gnb .gnb-list-item__setting{margin-left:10px;} .l-wrap .gnb .gnb-btn-setting__server{font-family:Helvetica,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;display:inline-block;vertical-align:middle;padding:2px 7px 3px;background-color:#fff;line-height:13px;font-size:11px;letter-spacing:-0.4px;color:#0bacfc;margin-right:9px;} .l-wrap .gnb .gnb-btn-setting__lang{font-family:Helvetica,AppleSDGothic,"Apple SD Gothic Neo",AppleGothic,Dotum,Arial,Tahoma;vertical-align:middle;line-height:17px;font-size:14px;font-weight:500;letter-spacing:-0.5px;color:#fff;} .l-wrap .gnb .gnb-btn-setting__icon{margin-left:15px;vertical-align:middle;} .l-wrap .gnb .gnb-list-item__login{height:100%;display:flex;align-items:center;}.l-wrap .gnb .gnb-list-item__login.before-line:before{display:inline-block;content:"";width:1px;height:16px;background-color:#44515c;margin:0 8px;} .l-wrap .gnb .gnb-btn-login{display:inline-block;padding:0 16px;border:none;border-radius:4px;line-height:26px;font-size:12px;letter-spacing:-0.5px;color:#fff;background:#5383e8;text-decoration:none;margin:7px 0;} .l-wrap .gnb .gnb-list-item-dropdown{position:relative;padding:0 8px;} .l-wrap .gnb .gnb-btn{height:32px;} .l-wrap .gnb .gnb-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.15);width:176px;text-align:left;z-index:10001;}.gnb-list-item-dropdown .l-wrap .gnb .gnb-dropdown{display:none;} .gnb-list-item-dropdown.gnb-list-item-dropdown--acitve .l-wrap .gnb .gnb-dropdown{display:block;} .l-wrap .gnb .gnb-dropdown-list-item{border-top:1px solid #edf4ff;}.l-wrap .gnb .gnb-dropdown-list-item:first-child{border-top:none;} .l-wrap .gnb .gnb-dropdown-list-item a{text-decoration:none;} .l-wrap .gnb .gnb-btn-dropdown{background:none;border:none;padding:0 8px;outline:none;height:100%;}.gnb-list-item-dropdown.gnb-list-item-dropdown--acitve .l-wrap .gnb .gnb-btn-dropdown:after{content:"\00a0";position:absolute;left:50%;top:100%;margin-left:-10px;width:20px;height:10px;z-index:11;background:url("../images/site/bg-dropDownTriangle.png") no-repeat center;} .l-wrap .gnb .gnb-btn-dropdown-text{line-height:15px;font-size:12px;color:#fff;} .l-wrap .gnb .gnb-btn-dropdown-icon{display:inline-block;border-radius:2px;background:transparent;text-align:center;vertical-align:middle;padding:0;} .l-wrap .gnb .gnb-dropdown-list-item__profile img{height:16px;margin-right:8px;vertical-align:middle;} .l-wrap .gnb .gnb-dropdown-list-item__profile i{margin-right:8px;} .l-wrap .gnb .gnb-dropdown-list-item__profile a,.l-wrap .gnb .gnb-dropdown-list-item__setting a{display:block;padding:13px 20px 12px;line-height:15px;font-size:12px;letter-spacing:-0.5px;color:#333;} .l-wrap .gnb .gnb-dropdown-list-item__logout a{display:block;padding:13px 20px 12px;line-height:15px;font-size:12px;letter-spacing:-0.5px;background-color:#edf4ff;color:#333;text-decoration:none;} .l-wrap .gnb .gnb-dropdown-list-item__summoner{padding:20px;font-size:12px;letter-spacing:-0.5px;} .l-wrap .gnb .gnb-dropdown-summoner__icon{float:left;width:32px;height:32px;background-color:#5dbfff;} .l-wrap .gnb .gnb-dropdown-summoner__name{margin-top:2px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:42px;} .l-wrap .gnb .gnb-dropdown-summoner__extra{margin-left:42px;color:#a4a4a4;}.l-wrap .gnb .gnb-dropdown-summoner__extra--red{color:#c87474;} .l-wrap .gnb .gnb-dropdown-summoner__link{margin-top:10px;display:block;border-radius:2px;border:solid 1px #dfdfdf;padding-top:5px;padding-bottom:4px;text-align:center;text-decoration:none;}.l-wrap .gnb .gnb-dropdown-summoner__link--reg{color:#0aabfc;} .l-wrap .gnb .gnb-dropdown-summoner__link--plus{color:#2daf7f;} .l-wrap .gnb .image-banner{display:none;height:90px;background-color:#1d1a1a;text-align:center;font-size:0;}.l-wrap .gnb .image-banner--show{display:block;} .l-wrap .gnb .image-banner__img{display:inline-block;width:970px;height:90px;vertical-align:middle;overflow:hidden;} .l-wrap .gnb .image-banner__close{margin-left:10px;position:relative;width:24px;height:24px;vertical-align:middle;} .l-wrap .gnb .image-banner__link{position:relative;display:inline-block;width:100%;height:100%;} .l-wrap .gnb .image-banner__icon{width:100%;position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;} .InlineMiddle{display:inline-block;vertical-align:middle;line-height:normal;} ._timeCount{font-size:0;cursor:help;} ._timeCountAssigned{font-size:inherit;cursor:help;} .SummonerRegisterForm{text-align:center;}.SummonerRegisterForm>.TierRank>.Medal{width:144px;margin:19px 42px -20px;} .SummonerRegisterForm>.TierRank>.Tier{margin-top:18px;color:#555e5e;font-size:18px;} .SummonerRegisterForm>.SummonerName{display:block;margin-top:14px;color:#242929;font-size:26px;font-weight:bold;text-decoration:none;} .SummonerRegisterForm>.Deauthorize{display:inline-block;margin-top:14px;font-size:13px;color:#1f8ecd;} .SummonerSettingList>.SummonerSettingItem{padding:14px 20px;border-bottom:1px solid #cdd2d2;}.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemLabel{float:left;width:210px;color:#555e5e;font-size:13px;font-weight:normal;} .SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemEdit{display:inline-block;float:right;text-align:right;}.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemEdit>.Action{color:#1f8ecd;font-size:13px;text-decoration:underline;} .SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemContent{display:block;width:380px;margin-left:230px;color:#555e5e;font-size:13px;font-weight:bold;}.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemContent>.Description{margin:10px 0 0;color:#fa4040;font-size:12px;font-weight:normal;} .SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemContent>.Strong{font-size:15px;font-weight:bold;} .SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemContent>.Link{color:#1f8ecd;text-decoration:none;} .SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap{display:none;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content{position:relative;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorLabel{left:0;position:absolute;width:210px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorLabel>.String{color:#555e5e;font-size:13px;font-weight:normal;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields{margin-left:230px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputText{margin-bottom:14px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputText>.Text{display:inline-block;width:264px;height:13px;padding:11px 0 11px 14px;border:1px solid #d8dbdb;border-radius:3px;background-color:#f2f2f2;color:#a3a4a8;font-size:13px;vertical-align:middle;outline:none;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputText>.AppendActions{display:inline-block;margin-left:10px;vertical-align:middle;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputText>.AppendActions>.Action{color:#1f8ecd;font-size:12px;text-decoration:underline;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputCheckBox{margin-bottom:10px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputCheckBox>.CheckBoxWrap{margin-top:6px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputCheckBox>.CheckBoxWrap>.Label{color:#555e5e;font-size:13px;font-weight:bold;cursor:pointer;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputCheckBox>.CheckBoxWrap:first-child{margin-top:0;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemDescription{margin:10px 0 16px;color:#555e5e;font-size:13px;line-height:20px;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemDescription>.Button{height:21px;font-size:13px;padding:4px 4px 5px 4px;vertical-align:middle;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemActionButtons>.Button{margin-right:4px;height:28px;padding:7px 10px;font-size:13px;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.LogTableWrap{width:300px;height:280px;margin-bottom:10px;border:1px solid #cdd2d2;border-radius:3px;background-color:#f2f2f2;overflow-y:auto;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.LogTableWrap>.LogTable{width:100%;table-layout:fixed;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.LogTableWrap>.LogTable>.Content>.Row>.Cell{height:30px;vertical-align:middle;border-bottom:1px solid #cdd2d2;}.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.LogTableWrap>.LogTable>.Content>.Row>.Cell.IP{padding-left:20px;font-size:13px;color:#555e5e;} .SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.LogTableWrap>.LogTable>.Content>.Row>.Cell.Date{padding-right:20px;font-size:12px;color:#879292;text-align:right;} .SummonerSettingList>.SummonerSettingItem.editing{padding-top:10px;padding-bottom:10px;}.SummonerSettingList>.SummonerSettingItem.editing>.SummonerSettingItemSummary{display:none;} .SummonerSettingList>.SummonerSettingItem.editing>.ContentWrap{display:block;} .SummonerRegister>.Box{width:660px;margin:0 auto;}.SummonerRegister>.Box>.Title{color:#555e5e;font-size:14px;padding-left:20px;}.SummonerRegister>.Box>.Title.Action{padding-left:16px;} .SummonerRegister>.Box>.Title img{vertical-align:middle;} .SummonerRegister>.Box>.ContentWrap{display:table;width:100%;table-layout:fixed;height:303px;background-color:#ededed;}.SummonerRegister>.Box>.ContentWrap>.Content{display:table-cell;vertical-align:middle;text-align:center;}.SummonerRegister>.Box>.ContentWrap>.Content>.SubTitle{color:#242929;font-size:23px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Form{width:318px;margin:20px auto 0;}.SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input{position:relative;}.SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input>.SummonerName,.SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input>.RunePageName{width:255px;height:14px;padding:14px 45px 14px 16px;border:1px solid #d8dbdb;border-radius:3px;background-color:#f2f2f2;line-height:14px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input>.SummonerName{color:#a3a5aa;font-size:13px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input>.RunePageName{width:100%;padding-left:0;padding-right:0;color:#1f8ecd;font-size:14px;text-align:center;font-weight:bold;} .SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Input>.Region{position:absolute;top:0;right:16px;color:#a3a4a8;font-size:13px;line-height:44px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Buttons{margin-top:10px;}.SummonerRegister>.Box>.ContentWrap>.Content>.Form>.Buttons>.Button{width:100%;padding:15px 0;height:44px;font-size:14px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Description{width:450px;margin:20px auto 0;color:#555e5e;font-size:13px;text-align:left;line-height:18px;} .SummonerRegister>.Box>.ContentWrap>.Content>.Warning{width:450px;margin:20px auto 0;color:#fa4040;font-size:13px;text-align:left;line-height:18px;} .SummonerRegister>.Box>.ContentWrap>.Content>img{width:94px;height:80px;} .SummonerRegister>.Box>.ContentWrap>.Content>.notice{margin-top:24px;font-size:14px;line-height:1.57;text-align:center;color:#555555;}.SummonerRegister>.Box>.ContentWrap>.Content>.notice strong{color:#c6443e;font-weight:normal;} .SummonerRegister>.Box>.ContentWrap>.Content>.notice mark{font-weight:bold;color:#1f8ecd;background-color:#d4eeff;} .SummonerRegister>.HowTo{width:660px;margin:10px auto;}.SummonerRegister>.HowTo .Title{display:block;margin-bottom:10px;font-size:18px;} .SummonerRegister>.HowTo ol{margin-left:10px;font-size:14px;line-height:1.71;}.SummonerRegister>.HowTo ol>li{list-style:decimal;list-style-position:inside;} .SummonerRegister>.HowTo ol img{display:block;margin:14px -10px;} .SummonerRegister>.HowTo .highlight{color:#128dd0;} .SummonerRegister--modal>.Box>.ContentWrap{height:480px;}.SummonerRegister--modal>.Box>.ContentWrap>.Content>.SubTitle{margin-top:60px;} .SummonerSetting>.Box>.ContentWrap>.Content{width:100%;display:table;table-layout:fixed;}.SummonerSetting>.Box>.ContentWrap>.Content>.SummonerRegisterWrap{display:table-cell;width:230px;height:310px;vertical-align:top;border-right:1px solid #cdd2d2;} .SummonerSetting>.Box>.ContentWrap>.Content>.SummonerSettingWrap{display:table-cell;vertical-align:top;background-color:#ededed;} .AccountSetting>.Box{width:660px;margin:0 auto;}.AccountSetting>.Box>.Title{color:#555e5e;font-size:14px;padding-left:20px;} .AccountSetting>.Box>.ContentWrap{background-color:#ededed;}.AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemLabel{width:120px;line-height:20px;padding:10px;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemEdit{line-height:20px;padding:10px;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem>.SummonerSettingItemSummary>.SummonerSettingItemContent{padding:10px 0;margin-left:140px;line-height:20px;font-weight:normal;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorLabel{width:120px;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields{margin-left:140px;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem.id-withdraw>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemDescription{font-weight:bold;} .AccountSetting>.Box>.ContentWrap>.Content>.SummonerSettingList>.SummonerSettingItem.id-withdraw>.ContentWrap>.Content>.Form>.SummonerSettingEditorFields>.ItemInputCheckBox>.CheckBoxWrap>.Label{font-weight:normal;} .MyPostList>.Box>.Title{color:#555e5e;font-size:14px;padding-left:20px;} .MyPostList>.Box>.ContentWrap>.Content>.Table{width:100%;table-layout:fixed;}.MyPostList>.Box>.ContentWrap>.Content>.Table>.Header>.Row>.HeaderCell{padding-top:13px;padding-bottom:13px;color:#555e5e;font-size:14px;font-weight:normal;vertical-align:middle;border-bottom:1px solid #cdd2d2;}.MyPostList>.Box>.ContentWrap>.Content>.Table>.Header>.Row>.HeaderCell.Title{text-align:left;padding-left:24px;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell{background-color:#ededed;border-bottom:1px solid #cdd2d2;height:24px;font-size:13px;color:#555e5e;text-align:center;}.MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell.Title{padding:10px 24px;color:#242929;font-size:12px;line-height:1.3;text-align:left;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell.Vote{color:#1f8ecd;font-weight:bold;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell.Comment{font-weight:bold;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell.Action>.Button{color:#555e5e;background-color:#e8eaea;border-color:#cdd2d2;font-size:13px;padding:5px 10px;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell>.Link{color:inherit;text-decoration:none;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Content>.Row>.Cell>.Link:hover{text-decoration:underline;} .MyPostList>.Box>.ContentWrap>.Content>.Table>.Footer>.Row>.Cell>button{display:block;width:100%;height:40px;background:none;border:none;color:#555e5e;font-size:13px;text-align:center;} .ResetPassword>.Box{width:660px;margin:0 auto;}.ResetPassword>.Box>.Content{padding:10px 20px;font-size:12px;line-height:1.8;}.ResetPassword>.Box>.Content>.password{display:inline-block;padding:10px;background-color:#f2f2f2;border:1px solid #cdd2d2;border-radius:4px;margin:0 auto;} .MemberSettingLayout>.ContentWrap>.Content{width:970px;margin:0 auto;padding-top:10px;} .RForumLayout>.ContentWrap>.Content{width:970px;margin:0 auto;padding-bottom:50px;font-size:0;}.RForumLayout>.ContentWrap>.Content>.NewsContent{display:inline-block;width:760px;vertical-align:top;} .RForumLayout>.ContentWrap>.Content>.RecentNewsContent{position:absolute;right:50%;top:94px;width:200px;margin-right:-485px;} .RForumArticleListItemWrap{display:block;margin:4px 0;}.RForumArticleListItemWrap>.RForumArticleListItem{display:table;width:100%;height:82px;}.RForumArticleListItemWrap>.RForumArticleListItem>.Rank{display:table-cell;width:50px;vertical-align:middle;text-align:center;} .RForumArticleListItemWrap>.RForumArticleListItem>.Image{display:table-cell;width:98px;padding-left:20px;vertical-align:middle;}.RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage{position:relative;display:block;width:98px;height:66px;border-radius:3px;background-color:#000;overflow:hidden;text-align:center;}.RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage>img{max-width:100%;max-height:100%;} .RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage>.Rank{position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.7);color:#1f8ecd;padding:5px 7px;font-size:11px;}.ie8 .RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage>.Rank{background-image:url(../images/pattern/opacity.7.png);} .RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage>.Duration{position:absolute;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.7);color:#cdd2d2;padding:5px 5px;font-size:11px;}.ie8 .RForumArticleListItemWrap>.RForumArticleListItem>.Image>.ItemImage>.Duration{background-image:url(../images/pattern/opacity.7.png);} .RForumArticleListItemWrap>.RForumArticleListItem>.Rank+.Image{padding-left:0;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info{position:relative;display:table-cell;padding-right:14px;padding-left:10px;vertical-align:middle;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title{margin-bottom:3px;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link{color:#242929;vertical-align:middle;text-decoration:none;white-space:nowrap;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>.NotAccepted{display:inline-block;padding:2px;margin-right:4px;background:#fa4040;color:#fff;font-size:11px;border-radius:2px;border:1px solid #f00;vertical-align:middle;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>.Category{display:inline-block;padding:2px;margin-right:4px;background:#ededed;color:#555e5e;font-size:11px;border-radius:2px;border:1px solid #cdd2d2;vertical-align:middle;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>.Text{display:inline-block;max-width:550px;font-size:16px;line-height:20px;word-break:break-all;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>.Icon{vertical-align:middle;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>.Icon,.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link>i{margin-left:4px;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link:hover{color:#1f8ecd;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link:visited{color:#879292;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Author{color:#879292;font-size:11px;line-height:14px;margin-bottom:3px;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions{font-size:0;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action{display:inline-block;margin-right:10px;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button{background:none;border:none;height:22px;padding:0;color:#555e5e;font-size:0;line-height:22px;text-decoration:none;white-space:nowrap;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button>i{margin:-1px 2px 0 0;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button>span{font-size:12px;vertical-align:middle;margin-left:5px;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Preview{display:inline-block;position:relative;border:none;background:#cdd2d2;width:20px;height:20px;border-radius:50%;font-size:11px;margin-right:5px;padding-left:2px;padding-top:1px;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Report{display:inline-block;color:#fa4040;margin-left:-4px;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Vote>.On{display:none;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Vote>.Off{display:inline-block;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Vote.active{color:#1f8ecd;}.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Vote.active>.On{display:inline-block;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button.Vote.active>.Off{display:none;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Action>.Button:disabled{color:#879292;} .RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Actions>.Author+.Actions{margin-left:10px;} .RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo{position:relative;display:table-cell;text-align:right;padding-right:14px;white-space:nowrap;vertical-align:middle;}.RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.WriteDate{display:inline-block;margin-left:14px;vertical-align:middle;}.RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.WriteDate>.Title{display:inline-block;margin-right:6px;color:#879292;font-size:12px;font-weight:bold;} .RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.WriteDate>.Text{color:#879292;font-size:12px;} .RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.Hit{display:inline-block;min-width:60px;margin-left:14px;vertical-align:middle;}.RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.Hit>.Text{display:block;color:#879292;font-size:16px;text-align:center;font-weight:bold;line-height:150%;} .RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.Hit>.Title{display:block;color:#879292;font-size:12px;text-align:center;} .RForumArticleListItemWrap>.RForumArticleListItem>.ExtraInfo>.AdditionalInformation{position:absolute;right:14px;bottom:15px;color:#fa4040;font-size:12px;} .RForumArticleListItemWrap>.RForumArticleListItem.isOurContent{background:#eee;}.RForumArticleListItemWrap>.RForumArticleListItem.isOurContent>.Rank{color:#1f8ecd;font-size:15px;font-weight:bold;} .RForumArticleListItemWrap>.RForumArticleListItem.Active>.Info>.Title>.Link{color:#1f8ecd;} .RForumArticleListItemWrap>.RForumArticleListItem.isNotAccepted{background:#fdd;} .RForumArticleListItemWrap>.RForumArticleListMedia{display:block;min-height:345px;}.RForumArticleListItemWrap>.RForumArticleListMedia>.RForumArticleEmbed{width:860px;height:480px;margin:10px auto;} .RForumArticleListItemWrap.Box>.RForumArticleListMedia{display:block;background:#eee;border-top:1px solid #cdd2d2;overflow:hidden;} .RForumArticleNotice{float:right;width:700px;color:#555e5e;font-size:11px;line-height:2;padding-top:15px;text-align:right;} .RForumArticleListPaging{display:table;width:100%;height:44px;table-layout:fixed;background-color:#eee;margin-top:10px;}.RForumArticleListPaging>.active{display:table-cell;color:#555e5e;vertical-align:middle;text-align:center;} .RForumArticleListPaging>.Prev{display:table-cell;width:50px;border-right:1px solid #cdd2d2;vertical-align:middle;text-align:center;} .RForumArticleListPaging>.Next{display:table-cell;width:50px;border-left:1px solid #cdd2d2;vertical-align:middle;text-align:center;} .RForumArticleListPaging>.Prev:hover,.RForumArticleListPaging>.Next:hover{background-color:#e1e5e5;} .RForumArticleWrite>.FormItem>.Subject>.Item{border-bottom:1px solid #e1e5e5;}.RForumArticleWrite>.FormItem>.Subject>.Item.Category{padding:6px 0 6px 6px;height:42px;}.RForumArticleWrite>.FormItem>.Subject>.Item.Category>.Select{display:inline-block;vertical-align:middle;margin-right:20px;} .RForumArticleWrite>.FormItem>.Subject>.Item.Category>.WriterName{color:#879292;font-size:14px;vertical-align:middle;margin-right:20px;} .RForumArticleWrite>.FormItem>.Subject>.Item.Category>.NoticeMessage{color:#fa4040;font-size:14px;vertical-align:middle;} .RForumArticleWrite>.FormItem>.Subject>.Item.Category>.SummonerName>a{text-decoration:none;} .RForumArticleWrite>.FormItem>.Subject>.Item.Category>.SummonerName>a>.Name{color:#879292;font-size:14px;vertical-align:middle;margin-right:20px;} .RForumArticleWrite>.FormItem>.Subject>.Item.Category>.SummonerName>a>.Medal{display:inline;width:24px;height:24px;margin-top:-3px;vertical-align:middle;} .RForumArticleWrite>.FormItem>.Subject>.Item.InputText{height:15px;padding:15px;}.RForumArticleWrite>.FormItem>.Subject>.Item.InputText>.Input{width:100%;margin:0;padding-left:5px;color:#879292;font-size:14px;border:none;outline:none;background:#f2f2f2;} .RForumArticleWrite>.FormItem>.Subject>.Item.InputText.Title>.Input{font-weight:bold;} .RForumArticleWrite>.FormItem>.EditorWrap{padding:12px;border-bottom:1px solid #e1e5e5;}.RForumArticleWrite>.FormItem>.EditorWrap#editorArea-TEXTAREA{margin-right:20px;}.RForumArticleWrite>.FormItem>.EditorWrap#editorArea-TEXTAREA textarea{width:100%;max-width:100%;height:70px;padding:10px;line-height:1.6;font-size:13px;border:0;text-align:justify;} .RForumArticleWrite>.FormItem>.Footer{padding-top:16px;padding-bottom:16px;height:46px;background-color:#eee;text-align:center;}.RForumArticleWrite>.FormItem>.Footer>.Submit{width:150px;height:46px;font-size:14px;font-weight:bold;} .RForumCommentWrite>.Form{position:relative;height:70px;}.RForumCommentWrite>.Form>.NameWarp{position:absolute;left:0;top:0;line-height:20px;}.RForumCommentWrite>.Form>.NameWarp>.Name{display:inline-block;width:86px;padding:16px 0;font-size:13px;color:#555e5e;vertical-align:middle;margin-left:10px;text-overflow:ellipsis;overflow:hidden;}.RForumCommentWrite>.Form>.NameWarp>.Name>.Action{display:block;font-size:12px;color:#879292;} .RForumCommentWrite>.Form>.NameWarp>.Name>.Action:hover{text-decoration:none;} .RForumCommentWrite>.Form>.ContentWrap{display:block;height:100%;margin:0 100px 0 110px;border:1px solid #d5d8d8;background-color:#f2f2f2;border-right:none;}.RForumCommentWrite>.Form>.ContentWrap>.Content{display:block;overflow-y:hidden;width:100%;height:70px;padding:6px 12px 0;border:none;font-size:13px;line-height:1.4;resize:none;box-sizing:border-box;} .RForumCommentWrite>.Form>.Submit{position:absolute;top:0;right:0;height:72px;border:1px solid #cdd2d2;background:#ededed;color:#555e5e;width:100px;font-size:13px;} .RForumCommentWrite.Guest>.Form>.NameWarp{color:#879292;font-size:13px;padding-top:7px;}.RForumCommentWrite.Guest>.Form>.NameWarp>.InputText{width:80px;display:block;border:1px solid #d5d8d8;margin-top:7px;padding:10px 0 10px 10px;outline:none;color:#879292;font-size:13px;} .RForumCommentWrite.Guest>.Form>.ContentWrap{margin-left:110px;} .RForumCommentListItem{position:relative;padding:16px 0 12px;border-bottom:1px solid #cdd2d2;}.RForumCommentListItem>.ContentWrap{padding-left:10px;}.RForumCommentListItem>.ContentWrap>.Header{margin-bottom:9px;font-size:12px;color:#879292;}.RForumCommentListItem>.ContentWrap>.Header>.Name{display:inline-block;font-size:13px;vertical-align:top;color:#555e5e;margin-right:6px;} .RForumCommentListItem>.ContentWrap>.Header>.Name.Guest{color:#879292;} .RForumCommentListItem>.ContentWrap>.Header>.MemberType{font-weight:bold;vertical-align:middle;color:#fa4040;}.RForumCommentListItem>.ContentWrap>.Header>.MemberType>.Icon{vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Header>.Summoner{color:#879292;text-decoration:none;} .RForumCommentListItem>.ContentWrap>.Header>.Summoner:hover{text-decoration:underline;} .RForumCommentListItem>.ContentWrap>.Header>.Summoner>img{height:20px;vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Header>.Date{color:#a3acac;font-size:12px;vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Content{color:#242929;font-size:14px;margin-bottom:8px;}.RForumCommentListItem>.ContentWrap>.Content>p{line-height:150%;margin:0;word-break:break-word;} .RForumCommentListItem>.ContentWrap>.Actions{position:absolute;top:15px;right:10px;}.RForumCommentListItem>.ContentWrap>.Actions>.Action{display:inline-block;}.RForumCommentListItem>.ContentWrap>.Actions>.Action:before{display:inline-block;margin-left:10px;margin-right:10px;content:"";border-left:1px solid #cdd2d2;height:10px;vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Actions>.Action:first-child:before{display:none;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link{color:#758181;font-size:12px;text-decoration:none;vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link:hover{text-decoration:underline;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote>i{margin-right:3px;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote>i.On{display:none;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote>i.Off{display:inline-block;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote>span{vertical-align:middle;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote.Active{color:#1f8ecd;}.RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote.Active>i.On{display:inline-block;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Vote.Active>i.Off{display:none;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Link.Delete{color:#fa4040;} .RForumCommentListItem>.ContentWrap>.Actions>.Action>.Button{padding:4px 4px 3px 4px;font-size:12px;line-height:14px;} .RForumCommentListItem>.ContentWrap>.Actions.Reply{position:static;text-align:left;} .RForumCommentListItem>.Footer{margin-top:12px;border:1px solid #cdd2d2;}.RForumCommentListItem>.Footer>.RForumCommentWrite{padding:15px;} .RForumCommentListItem.Writer>.ContentWrap>.Header>.Name{color:#fa4040;} .RForumCommentListItem.Child{position:relative;background-color:#ededed;padding-top:12px;padding-bottom:0;}.RForumCommentListItem.Child>.ReplyIcon{position:absolute;top:12px;left:12px;} .RForumCommentListItem.Child>.ContentWrap{padding-left:30px;}.RForumCommentListItem.Child>.ContentWrap>.Content{font-size:12px;} .RForumCommentListItem.Child>.Actions{top:12px;} .RForumCommentListWrap{font-size:0;}.RForumCommentListWrap>.RForumCommentListTitle{background-color:#eee;border-top:1px solid #c3c8c8;border-bottom:1px solid #c3c8c8;padding:12px 30px;font-size:14px;color:#555e5e;text-align:left;cursor:pointer;margin-bottom:-1px;}.RForumCommentListWrap>.RForumCommentListTitle>.Icon{float:right;} .RForumCommentListWrap>.RForumCommentListTitle>.Icon.On{display:none;margin:8px 0;} .RForumCommentListWrap>.RForumCommentListTitle>.Icon.Off{display:block;} .RForumCommentListWrap>.RForumCommentListTitle>.Range{color:#1f8ecd;} .RForumCommentListWrap>.RForumCommentListTitle.disabled{cursor:default;} .RForumCommentListWrap>.RForumCommentListTitle.active{background-color:#e1e5e5;} .RForumCommentListWrap>.RForumCommentListTitle.active>.Icon.On{display:block;} .RForumCommentListWrap>.RForumCommentListTitle.active>.Icon.Off{display:none;} .RForumCommentListWrap.Best>.RForumCommentList{margin-bottom:-1px;}.RForumCommentListWrap.Best>.RForumCommentList>.RForumCommentListItem{border-bottom:1px solid #d5d8d8;}.RForumCommentListWrap.Best>.RForumCommentList>.RForumCommentListItem>.ContentWrap>.Header{line-height:22px;margin-bottom:8px;}.RForumCommentListWrap.Best>.RForumCommentList>.RForumCommentListItem>.ContentWrap>.Header>.BestMark{display:inline-block;padding:0 6px;border:1px solid #1a78ae;background-color:#1f8ecd;color:#f2f2f2;font-size:13px;margin-right:10px;border-radius:2px;} .RForumComment{margin-top:10px;}.RForumComment>.tabWrap>.TitleWrap>.Title{height:18px;color:#555e5e;font-size:16px;line-height:18px;font-weight:normal;padding:16px 0;}.RForumComment>.tabWrap>.TitleWrap>.Title>.Count{color:#1f8ecd;font-size:18px;font-weight:bold;} .RForumComment>.tabWrap>.Footer>.RForumCommentWrite{margin-top:10px;} .RForumComment>.tabWrap>.OrderingSelectorList{margin:12px 0 0;padding:0;border-bottom:1px solid #cdd2d2;}.RForumComment>.tabWrap>.OrderingSelectorList>.OrderingSelectorItem{display:inline-block;margin-bottom:-1px;}.RForumComment>.tabWrap>.OrderingSelectorList>.OrderingSelectorItem>.Action{display:block;color:#879292;font-size:13px;text-decoration:none;padding:7px 10px 7px;} .RForumComment>.tabWrap>.OrderingSelectorList>.OrderingSelectorItem.active{position:relative;border-bottom:1px solid #1a78ae;}.RForumComment>.tabWrap>.OrderingSelectorList>.OrderingSelectorItem.active>.Action{color:#1f8ecd;} .RForumComment>.tabWrap>.tabItems>.tabItem>.ContentWrap{background-color:#eee;padding-bottom:30px;}.RForumComment>.tabWrap>.tabItems>.tabItem>.ContentWrap>.Content>.RForumCommentListWrap>.RForumCommentWrite{padding:20px 30px 0;} .RForumComment>.tabWrap>.tabItems>.tabItem>.ContentWrap>.Content>.RForumCommentListWrap.Best>.RForumCommentList>.RForumCommentListItem{padding-top:16px;padding-bottom:16px;} .RForumArticleWidget.RForumArticleList>.RForumArticleListItemWrap{margin-top:-1px;margin-bottom:-1px;}.RForumArticleWidget.RForumArticleList>.RForumArticleListItemWrap>.RForumArticleListItem>.Rank{display:none;width:70px;font-size:14px;} .RForumArticleWidget.RForumArticleList>.RForumArticleListItemWrap>.RForumArticleListItem>.Image{padding-left:10px;} .RForumArticleWidget.RForumArticleList>.RForumArticleListItemWrap>.RForumArticleListItem>.Info{padding:20px 0 16px 16px;}.RForumArticleWidget.RForumArticleList>.RForumArticleListItemWrap>.RForumArticleListItem>.Info>.Title>.Link:before{display:none;} .RForumChildCommentPaginate{text-align:center;font-size:12px;padding-top:8px;padding-bottom:8px;}.RForumChildCommentPaginate>a{display:inline-block;text-decoration:none;color:#888;} .RForumChildCommentPaginate>.Page{color:#555;padding:4px 8px 2px 7px;border:1px solid transparent;}.RForumChildCommentPaginate>.Page:hover{border-color:#cdd2d2;} .RForumChildCommentPaginate>.Page.active{border-color:#00a0d2;color:#1a78ae;font-weight:bold;} .RForumChildCommentPaginate>.Pre{margin-right:14px;} .RForumChildCommentPaginate>.Next{margin-left:14px;} .NewsContent>.HeaderWarp{display:table;width:100%;table-layout:fixed;background:#fafafa;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);border-bottom:1px solid #cdd2d2;}.NewsContent>.HeaderWarp>.Header{display:table-cell;vertical-align:top;padding-top:20px;padding-left:20px;padding-bottom:20px;}.NewsContent>.HeaderWarp>.Header>.Author{font-size:12px;line-height:12px;color:#333;} .NewsContent>.HeaderWarp>.Header>.Title{margin-top:13px;font-size:24px;color:#333;font-weight:normal;line-height:30px;word-break:break-all;} .NewsContent>.HeaderWarp>.Header>.Util{margin-top:13px;}.NewsContent>.HeaderWarp>.Header>.Util>.Item{display:inline-block;vertical-align:middle;font-size:12px;color:#666;}.NewsContent>.HeaderWarp>.Header>.Util>.Item:before{display:inline-block;margin-left:10px;margin-right:10px;content:"";border-left:1px solid #666666;height:12px;vertical-align:middle;} .NewsContent>.HeaderWarp>.Header>.Util>.Item:first-child:before{display:none;} .NewsContent>.HeaderWarp>.Header>.Util>.Item .Button{color:#666;border:none;background:none;}.NewsContent>.HeaderWarp>.Header>.Util>.Item .Button:hover,.NewsContent>.HeaderWarp>.Header>.Util>.Item .Button:focus{color:#1f8ecd;} .NewsContent>.HeaderWarp>.Action{display:table-cell;width:95px;padding-left:20px;padding-right:20px;text-align:right;vertical-align:middle;font-size:0;}.NewsContent>.HeaderWarp>.Action>.Item{display:inline-block;margin-top:5px;}.NewsContent>.HeaderWarp>.Action>.Item>.Button{width:95px;padding:9px 13px 9px 15px;font-size:15px;color:#666;border:1px solid #cdd2d2;background:#fafafa;border-radius:3px;}.NewsContent>.HeaderWarp>.Action>.Item>.Button>i{margin-right:5px;} .NewsContent>.HeaderWarp>.Action>.Item>.Button.Toggle>.On{display:none;} .NewsContent>.HeaderWarp>.Action>.Item>.Button.Toggle>.Off{display:inline-block;} .NewsContent>.HeaderWarp>.Action>.Item>.Button.Toggle.active{border-color:#1f8ecd;color:#1f8ecd;}.NewsContent>.HeaderWarp>.Action>.Item>.Button.Toggle.active>.On{display:inline-block;} .NewsContent>.HeaderWarp>.Action>.Item>.Button.Toggle.active>.Off{display:none;} .NewsContent>.HeaderWarp>.Action>.Item:first-child{margin-top:0;} .NewsContent>.RForumArticleListMedia{display:block;min-height:345px;}.NewsContent>.RForumArticleListMedia>.RForumArticleEmbed{width:970px;height:480px;} .NewsContent>.Content{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);background:#fafafa;padding:15px;}.NewsContent>.Content .ArticleEmbedImage{margin:10px;text-align:center;} .NewsContent>.Content .ArticleContentParagraph{overflow:hidden;font-size:15px;line-height:1.6;color:#111;text-align:justify;}.NewsContent>.Content .ArticleContentParagraph img{height:auto;max-width:100%;width:auto;margin:0 auto;} .NewsContent>.Content .ArticleContentParagraph div,.NewsContent>.Content .ArticleContentParagraph p,.NewsContent>.Content .ArticleContentParagraph span{font-family:sans-serif,Arial,Verdana,"Trebuchet MS";} .NewsContent>.Content .ArticleContentParagraph iframe{max-width:100%;} .NewsContent>.Content .ArticleContentParagraph a{color:#1f8ecd;text-decoration:none;} .NewsContent>.Content .ArticleContentParagraph a:hover,.NewsContent>.Content .ArticleContentParagraph a:active{text-decoration:underline;} .NewsContent>.Content .ArticleContentParagraph blockquote{font-style:italic;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px;} .NewsContent>.Content .ArticleContentParagraph li ul,.NewsContent>.Content .ArticleContentParagraph li ol{margin:0 1.5em;} .NewsContent>.Content .ArticleContentParagraph ul,.NewsContent>.Content .ArticleContentParagraph ol{margin:0 1.5em 1.5em 1.5em;} .NewsContent>.Content .ArticleContentParagraph ul li{list-style:disc;} .NewsContent>.Content .ArticleContentParagraph ul ul li{list-style:circle;} .NewsContent>.Content .ArticleContentParagraph ol{list-style:decimal;}.NewsContent>.Content .ArticleContentParagraph ol li{list-style:decimal;} .NewsContent>.Content .ArticleContentParagraph .AlignLeft{text-align:justify;} .NewsContent>.Content .ArticleContentParagraph .AlignCenter{text-align:center;} .NewsContent>.Content .ArticleContentParagraph .AlignRight{text-align:right;} .NewsContent>.Content .ArticleContentParagraph .AlignJustify{text-align:justify;} .NewsContent>.Content .ArticleContentParagraph .ExternalNewsHeader{display:none;} .NewsContent>.Footer{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);background:#fafafa;padding-top:20px;padding-bottom:20px;border-top:1px solid #cdd2d2;text-align:center;}.NewsContent>.Footer>.ExternalNewsHeader{color:#999;font-size:11px;line-height:18px;margin-bottom:20px;}.NewsContent>.Footer>.ExternalNewsHeader a{color:#1f8ecd;text-decoration:none;} .NewsContent>.Footer>.ExternalNewsHeader a:hover,.NewsContent>.Footer>.ExternalNewsHeader a:active{text-decoration:underline;} .NewsContent>.Footer>.Button>.Item{display:inline-block;vertical-align:middle;}.NewsContent>.Footer>.Button>.Item.Vote>.VoteButton{height:40px;padding:0 15px 0 17px;font-size:15px;color:#879292;border:1px solid #cdd2d2;background:#fafafa;border-radius:3px;}.NewsContent>.Footer>.Button>.Item.Vote>.VoteButton>i{margin-right:10px;} .NewsContent>.Footer>.Button>.Item.Vote>.VoteButton>.On{display:none;} .NewsContent>.Footer>.Button>.Item.Vote>.VoteButton>.Off{display:inline-block;} .NewsContent>.Footer>.Button>.Item.Vote>.VoteButton.active{border-color:#1f8ecd;background:#fafafa;color:#1f8ecd;}.NewsContent>.Footer>.Button>.Item.Vote>.VoteButton.active>i.On{display:inline-block;} .NewsContent>.Footer>.Button>.Item.Vote>.VoteButton.active>i.Off{display:none;} .NewsContent>.Footer>.Button>.Item.Vote>.VoteScore{color:#555e5e;font-size:15px;} .NewsContent>.Footer>.Button>.Item.Scrap{position:absolute;right:0;bottom:0;}.NewsContent>.Footer>.Button>.Item.Scrap>.Button{margin-right:10px;padding:6px 8px;font-size:13px;vertical-align:middle;} .NewsContent>.Footer>.Button>.Item.Share{margin-left:10px;}.NewsContent>.Footer>.Button>.Item.Share>button{width:40px;height:40px;border:1px solid #cdd2d2;background:#fafafa;border-radius:3px;}.NewsContent>.Footer>.Button>.Item.Share>button.Active{background:#909090;border-color:#909090;} .RecentNewsContent{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}.RecentNewsContent>.Title{background:#fafafa;color:#666;padding:12px 10px;font-size:16px;line-height:18px;font-weight:normal;border-bottom:1px solid #cdd2d2;} .RecentNewsContent .NewsList{font-size:0;background-color:#f2f2f2;}.RecentNewsContent .NewsList>.Item{border-top:1px solid #cdd2d2;margin:0 10px;padding:10px 0;}.RecentNewsContent .NewsList>.Item>.Link{display:block;line-height:18px;text-decoration:none;max-height:54px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;}.RecentNewsContent .NewsList>.Item>.Link>.Category{padding-right:5px;font-size:12px;color:#1f8ecd;vertical-align:middle;} .RecentNewsContent .NewsList>.Item>.Link>.Text{color:#333;font-size:12px;vertical-align:middle;} .RecentNewsContent .NewsList>.Item>.Link:hover>.Text{text-decoration:underline;} .RecentNewsContent .NewsList>.Item>.Link:visited>.Text{color:#999;} .RecentNewsContent .NewsList>.Item:first-child{border-top:none;} .DetailRecentNews>.Title{font-size:19px;color:#555;margin-top:20px;margin-bottom:20px;} .DetailRecentNews>.Content{font-size:0;margin-left:-10px;}.DetailRecentNews>.Content>.Item{display:inline-block;margin-left:10px;width:316px;height:186px;}.DetailRecentNews>.Content>.Item>.Link{display:block;position:relative;width:100%;height:100%;background:#000;overflow:hidden;}.DetailRecentNews>.Content>.Item>.Link>.Thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;}.DetailRecentNews>.Content>.Item>.Link>.Thumbnail>img{max-width:100%;max-height:100%;} .DetailRecentNews>.Content>.Item>.Link>.Meta{position:absolute;right:15px;bottom:15px;left:15px;}.DetailRecentNews>.Content>.Item>.Link>.Meta>.Title{position:relative;font-size:13px;color:#fff;line-height:26px;z-index:10;font-weight:normal;margin-bottom:3px;} .DetailRecentNews>.Content>.Item>.Link>.Meta>.Util{position:relative;font-size:0;z-index:10;}.DetailRecentNews>.Content>.Item>.Link>.Meta>.Util>.Item{display:inline-block;font-size:11px;color:#c2c8c8;}.DetailRecentNews>.Content>.Item>.Link>.Meta>.Util>.Item:before{display:inline-block;margin-left:12px;margin-right:12px;content:"";border-left:1px solid #c2c8c8;height:12px;vertical-align:middle;} .DetailRecentNews>.Content>.Item>.Link>.Meta>.Util>.Item:first-child:before{display:none;} .DetailRecentNews>.Content>.Item>.Link>.Meta>.Util>.Item>i{margin-right:3px;} .DetailRecentNews>.Content>.Item>.Link>.Overlay{display:block;position:absolute;bottom:0;left:0;height:245px;width:100%;margin-bottom:-100px;background:url('../images/gradient_black.png') repeat-x left bottom;} .ShareWrap{display:inline-block;position:relative;}.ShareWrap button{padding:0;border:0;background:none;}.ShareWrap button .On{display:none;} .ShareWrap button .Off{display:inline-block;} .ShareWrap button.Active .On{display:inline-block;} .ShareWrap button.Active .Off{display:none;} .ShareWrap .ShareContent{position:absolute;left:-180px;bottom:50px;z-index:1;width:360px;} .ForumArticleShare{padding:25px 20px 20px;background-color:#fff;border:solid 1px #1f8ecd;}.ForumArticleShare h4{font-size:16px;line-height:20px;color:#454c4c;font-weight:normal;} .ForumArticleShare .Icons{margin-top:15px;}.ForumArticleShare .Icons li{display:inline-block;margin-left:25px;}.ForumArticleShare .Icons li a{display:block;} .ForumArticleShare .Icons li:first-child{margin-left:0;} .ForumArticleShare .Url{margin-top:20px;font-size:0;}.ForumArticleShare .Url .Text{display:inline-block;width:230px;border:1px solid #d7dada;color:#555e5e;line-height:36px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;vertical-align:top;text-align:left;text-decoration:none;} .ForumArticleShare .Url .Button{display:inline-block;vertical-align:top;width:58px;border:1px solid #1a78ae;background:#1f8ecd;color:#fff;font-weight:bold;line-height:36px;font-size:14px;text-align:center;} .ForumArticleShare .Url span{margin-top:10px;display:block;font-size:14px;line-height:18px;color:#555;text-align:center;} .SelectArticleThumbnail>.SelectThumbnail>h3{font-size:13px;font-weight:normal;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList{padding:10px;margin-top:10px;font-size:0;white-space:nowrap;overflow:hidden;overflow-x:auto;}.SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail{display:inline-block;width:98px;height:66px;margin-left:10px;overflow:hidden;}.SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail:first-child{margin-left:0;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.Image{position:relative;border:1px solid #000000;background:#000000;border-radius:4px;}.SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.Image>img{max-width:100%;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.Image:hover:after{display:block;position:absolute;left:0;top:0;right:0;bottom:0;content:"";border:2px solid #07a7f8;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.Image.active:after{display:block;position:absolute;left:0;top:0;right:0;bottom:0;content:"";border:3px solid #07a7f8;background:rgba(0, 0, 0, 0.5) url("../images/site/r//btn-previewThumbnailSelected.png") center no-repeat;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.UploadImage{line-height:70px;text-decoration:none;text-align:center;border:1px solid #e2e6e6;color:#555e5e;}.SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.UploadImage>span{display:inline-block;line-height:150%;font-size:12px;} .SelectArticleThumbnail>.SelectThumbnail .ThumbnailList>.Thumbnail.UploadImage:hover{background:#cdd2d2;border:1px solid #bcc3c3;color:#242929;} .SelectArticleThumbnail>.Submit{margin:10px auto;text-align:center;} .SelectArticleThumbnail>.PreviewItem{margin:50px 100px;} .LoLNewsIndex{}.LoLNewsIndex>.Header{width:970px;margin-right:0;margin-left:0;font-size:0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);background:#f2f2f2;}.LoLNewsIndex>.Header>.HeadLineNews{position:relative;display:inline-block;width:642px;vertical-align:top;}.LoLNewsIndex>.Header>.HeadLineNews>.Content{height:362px;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item{position:relative;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link{display:block;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:#000;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Thumbnail>img{max-width:100%;max-height:100%;} .LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Meta{position:absolute;bottom:0;left:0;width:100%;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Meta>.Title{position:relative;padding:50px;font-size:21px;font-weight:bold;color:#fff;line-height:30px;z-index:10;}.LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Meta>.Title>.Category{display:inline-block;border-bottom:1px solid #1f8ecd;color:#fff;padding-bottom:11px;margin-bottom:11px;font-size:12px;font-weight:normal;line-height:12px;} .LoLNewsIndex>.Header>.HeadLineNews>.Content>.Item>.Link>.Overlay{display:block;position:absolute;bottom:0;left:0;height:100%;width:100%;margin-bottom:-40px;background:url('../images/gradient_black.png') repeat-x left bottom;} .LoLNewsIndex>.Header>.HeadLineNews>.Pagination{position:absolute;bottom:20px;left:50px;}.LoLNewsIndex>.Header>.HeadLineNews>.Pagination>.Item{display:inline-block;width:8px;height:8px;margin-right:10px;cursor:pointer;background-image:url("../css3/sprite/images/btn-headlineSwitch-off.png");background-repeat:no-repeat;} .LoLNewsIndex>.Header>.HeadLineNews>.Pagination>.Item.Active{background-image:url("../css3/sprite/images/btn-headlineSwitch-on.png");} .LoLNewsIndex>.Header>.HeadLineNews>.Arrow{position:absolute;bottom:57px;padding:20px;z-index:20;}.LoLNewsIndex>.Header>.HeadLineNews>.Arrow.Left{left:0;} .LoLNewsIndex>.Header>.HeadLineNews>.Arrow.Right{right:0;} .LoLNewsIndex>.Header>.RecentNews{display:inline-block;width:328px;vertical-align:top;}.LoLNewsIndex>.Header>.RecentNews>.Title{border-bottom:1px solid #cdd2d2;background:#fafafa;color:#666;padding:12px 20px;font-size:16px;line-height:18px;font-weight:normal;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item{border-top:1px solid #cdd2d2;margin-left:20px;margin-right:18px;}.LoLNewsIndex>.Header>.RecentNews>.Content>.Item a{color:inherit;text-decoration:none;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item a:hover,.LoLNewsIndex>.Header>.RecentNews>.Content>.Item a:focus{text-decoration:underline;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item>.Rank{display:inline-block;width:45px;height:63px;margin-left:-20px;color:#666;font-size:16px;line-height:63px;vertical-align:middle;text-align:center;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item>.Title{display:inline-block;width:200px;max-height:44px;color:#333;font-size:14px;line-height:22px;vertical-align:middle;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;}.LoLNewsIndex>.Header>.RecentNews>.Content>.Item>.Title span{display:inline-block;color:#1f8ecd;margin-right:11px;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item>.Comments{display:inline-block;width:65px;vertical-align:middle;color:#666;font-size:13px;text-align:center;}.LoLNewsIndex>.Header>.RecentNews>.Content>.Item>.Comments>i{margin-right:5px;} .LoLNewsIndex>.Header>.RecentNews>.Content>.Item:first-child{border-top:none;} .LoLNewsIndex>.Menu{position:relative;margin-top:28px;}.LoLNewsIndex>.Menu>ul.Menu{display:inline-block;border-bottom:1px solid #cdd2d2;}.LoLNewsIndex>.Menu>ul.Menu>li.Item{display:inline-block;border-bottom:1px solid #cdd2d2;margin-bottom:-1px;color:#777;margin-left:35px;}.LoLNewsIndex>.Menu>ul.Menu>li.Item>.Link{display:block;color:inherit;font-size:21px;line-height:52px;text-decoration:none;} .LoLNewsIndex>.Menu>ul.Menu>li.Item.active{color:#1f8ecd;border-bottom-color:#1f8ecd;} .LoLNewsIndex>.Menu>ul.Menu>li.Item:first-child{margin-left:0;} .LoLNewsIndex>.Menu>.Action{position:absolute;top:0;right:0;font-size:0;}.LoLNewsIndex>.Menu>.Action>.Item{display:inline-block;margin-left:10px;vertical-align:middle;}.LoLNewsIndex>.Menu>.Action>.Item .Button{width:52px;height:52px;border:1px solid #cdd2d2;background:#f2f2f2;vertical-align:middle;padding:0;}.LoLNewsIndex>.Menu>.Action>.Item .Button:hover,.LoLNewsIndex>.Menu>.Action>.Item .Button:focus{background:#ececec;} .LoLNewsIndex>.Menu>.Action>.Item .Input[type=text]{display:inline-block;width:170px;padding:15px 20px;height:52px;line-height:22px;border:1px solid #cdd2d2;background:#fafafa;font-size:17px;color:#999;box-sizing:border-box;vertical-align:middle;outline:none;} .LoLNewsIndex>.Menu>.Action>.Item .select{display:inline-block;padding:15px 20px;margin-right:5px;height:52px;line-height:22px;border:1px solid #cdd2d2;background:#fafafa;font-size:17px;color:#999;box-sizing:border-box;vertical-align:middle;outline:none;} .LoLNewsIndex>.Menu>.Action>.Item .Input[type=text]+.Button{margin-left:-1px;} .LoLNewsIndex>.Menu>.Action>.Item:first-child{margin-left:0;} .LoLNewsIndex>.Content{margin-top:28px;} .LoLNewsIndex #NewsList>.Footer{margin-top:20px;}.LoLNewsIndex #NewsList>.Footer .NewsPaging{display:table;width:100%;height:44px;table-layout:fixed;background-color:#eee;}.LoLNewsIndex #NewsList>.Footer .NewsPaging>.active{display:table-cell;color:#666;vertical-align:middle;text-align:center;font-size:15px;} .LoLNewsIndex #NewsList>.Footer .NewsPaging>.Prev,.LoLNewsIndex #NewsList>.Footer .NewsPaging .Next{display:table-cell;width:50px;vertical-align:middle;text-align:center;} .LoLNewsIndex #NewsList>.Footer .NewsPaging>.Prev{border-right:1px solid #cdd2d2;} .LoLNewsIndex #NewsList>.Footer .NewsPaging>.Next{border-left:1px solid #cdd2d2;} .LoLNewsIndex #ViewToggleButton>.Icon{width:50px;height:50px;line-height:50px;} .LoLNewsIndex.View-Card #ViewToggleButton>.Off{display:block;} .LoLNewsIndex.View-Card #ViewToggleButton>.On{display:none;} .LoLNewsIndex.View-Card #NewsList>.Content{margin-left:-10px;font-size:0;}.LoLNewsIndex.View-Card #NewsList>.Content>.News{display:inline-block;width:316px;height:306px;margin-left:10px;margin-bottom:10px;position:relative;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.Thumbnail{position:absolute;top:0;left:0;width:100%;height:169px;background:#000;text-align:center;}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.Thumbnail>img{max-width:100%;max-height:100%;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.Thumbnail>.Overlay{position:absolute;top:0;left:0;width:100%;height:100%;line-height:172px;background:url(../images/pattern/blue.7.png) repeat;text-align:center;transition:all 0.3s ease-in-out;opacity:0;}.ie8 .LoLNewsIndex.View-Card #NewsList>.Content>.News>.Thumbnail>.Overlay{display:none;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap{position:absolute;bottom:0;left:0;width:100%;}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content{display:block;position:relative;padding:18px;background:#f2f2f2;}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Author{position:absolute;top:18px;right:18px;font-size:13px;color:#666;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.WriteDate{position:absolute;bottom:18px;right:18px;font-size:12px;color:#666;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Category{font-size:13px;color:#1f8ecd;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Title>.Text{margin-top:5px;height:44px;color:#333;font-size:16px;line-height:22px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Summary{color:#666;font-size:12px;line-height:18px;max-height:0;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;transition:all 0.3s ease-in-out;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Util{display:block;border-top:1px solid #cdd2d2;margin-top:10px;padding-top:10px;}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item{display:inline-block;margin-right:18px;font-size:12px;color:#666;}.LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item>i{margin-right:7px;} .LoLNewsIndex.View-Card #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item.WriteDate{display:none;} .LoLNewsIndex.View-Card #NewsList>.Content>.News:hover>.Thumbnail>.Overlay{line-height:142px;opacity:1;}.ie8 .LoLNewsIndex.View-Card #NewsList>.Content>.News:hover>.Thumbnail>.Overlay{display:block;} .LoLNewsIndex.View-Card #NewsList>.Content>.News:hover>.ContentWrap>.Content>.Summary{margin-top:12px;max-height:36px;} .LoLNewsIndex.View-List #ViewToggleButton>.Off{display:none;} .LoLNewsIndex.View-List #ViewToggleButton>.On{display:block;} .LoLNewsIndex.View-List #NewsList>.Content>.News{display:block;position:relative;background:#f2f2f2;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);margin-bottom:10px;padding-left:203px;text-decoration:none;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.Thumbnail{display:block;position:absolute;top:0;left:0;width:203px;height:123px;z-index:10;overflow:hidden;text-align:center;background:#000;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.Thumbnail>img{max-width:100%;max-height:100%;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.Thumbnail>.Overlay{position:absolute;top:0;left:0;width:100%;height:100%;line-height:172px;background:url(../images/pattern/blue.7.png) repeat;text-align:center;transition:all 0.3s ease-in-out;opacity:0;}.ie8 .LoLNewsIndex.View-List #NewsList>.Content>.News>.Thumbnail>.Overlay{display:none;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content{position:relative;padding:17px 18px 16px;height:90px;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Author{position:absolute;top:17px;right:18px;font-size:12px;color:#666;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Category{display:inline-block;color:#1f8ecd;font-size:16px;margin-right:15px;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Title{display:inline-block;font-size:16px;line-height:18px;color:#333;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Title>.Text{display:inline-block;max-width:630px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;white-space:nowrap;vertical-align:middle;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.WriteDate{display:none;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Summary{margin-top:8px;color:#666;font-size:12px;line-height:17px;max-height:34px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Util{display:block;margin-top:10px;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item{display:inline-block;margin-left:18px;font-size:12px;color:#666;}.LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item>i{margin-right:7px;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item.WriteDate{display:inline-block;} .LoLNewsIndex.View-List #NewsList>.Content>.News>.ContentWrap>.Content>.Util>.Item:first-child{margin-left:0;} .LoLNewsIndex.View-List #NewsList>.Content>.News:hover>.Thumbnail>.Overlay{line-height:115px;opacity:1;}.ie8 .LoLNewsIndex.View-List #NewsList>.Content>.News:hover>.Thumbnail>.Overlay{display:block;}