.scrollBar,.wrapFriendArea .tabBox,.wrapBnsLifeNfacebook .wrapBnsfb .contents{overflow-y:auto;overflow-x:hidden;scrollbar-face-color:#c1c1c1;scrollbar-3dlight-color:#f1f1f1;scrollbar-highlight-color:#f1f1f1;scrollbar-track-color:#f1f1f1;scrollbar-arrow-color:#666;scrollbar-shadow-color:#f1f1f1;scrollbar-darkshadow-color:#f1f1f1}
.scrollBar::-webkit-scrollbar,.wrapFriendArea .tabBox::-webkit-scrollbar,.wrapBnsLifeNfacebook .wrapBnsfb .contents::-webkit-scrollbar{width:6px;background-color:#f5f5f5}
.scrollBar::-webkit-scrollbar-track,.wrapFriendArea .tabBox::-webkit-scrollbar-track,.wrapBnsLifeNfacebook .wrapBnsfb .contents::-webkit-scrollbar-track{border-radius:3px;background-color:#f5f5f5}
.scrollBar::-webkit-scrollbar-thumb,.wrapFriendArea .tabBox::-webkit-scrollbar-thumb,.wrapBnsLifeNfacebook .wrapBnsfb .contents::-webkit-scrollbar-thumb{border-radius:3px;background-color:#bbb}
.btnType1{margin:0 auto;padding:4px 10px 3px;border:1px solid #dce1e5;color:#373f52;line-height:22px;letter-spacing:-1px;background-color:#fff;-moz-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;-webkit-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}
.ie9 .btnType1{padding:4px 10px 1px}
.grade_1,.grade1{color:#6c6c6c !important}
.grade_2,.grade2{color:#3f3f3f !important}
.grade_3,.grade3{color:#008746 !important}
.grade_4,.grade4{color:#297bb0 !important}
.grade_5,.grade5{color:#a847bd !important}
.grade_6,.grade6{color:#dd9000 !important}
.grade_7,.grade7{color:#ed6900 !important}
.grade_8,.grade8{color:#6756e1 !important}
.pointer{cursor:pointer}
.clear{clear:both}
.ellipsis{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}
body,html{margin:0;padding:0}
body{color:#1F1F1F;/*line-height:1;*/background-color:#f4f5f7}
a{color:#1F1F1F;text-decoration:none;outline:none}
a:link,a:active{text-decoration:none;outline:none}
a:hover{text-decoration:underline}
a:focus{outline:none}
legend{display:none}
img,fieldset{border:0;outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,li{margin:0;padding:0;list-style-type:none}
p,form,input,button,select,textarea,fieldset,table,dl,dt,dd{margin:0;padding:0;outline:none}
/*textarea{overflow:auto;vertical-align:top;resize:none;ime-mode:active;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*/
table{table-layout:fixed;width:100%;margin:0;padding:0;border-collapse:separate;border-spacing:0;border:0}
th,td{margin:0;padding:0}
h1,h2,h3,h4{margin:0;padding:0}
hr{display:none}
em{font-style:normal}
button,input{*overflow:visible;line-height:normal;outline:none;border:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{background:transparent;cursor:pointer}
input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
body{position:relative;height:100%}
#wrapContainer{min-width:1300px;margin:0;padding:0;overflow:hidden}
.wrapHeader{position:fixed;left:0;width:100%;height:64px;z-index:10000;background-color:transparent;border-bottom:1px solid #e7e7e9;border-bottom:1px solid rgba(255,255,255,0.15)}
.navbar .wrapHeader{background-color:#171834;-moz-transition:top 0.2s ease-in-out;-o-transition:top 0.2s ease-in-out;-webkit-transition:top 0.2s ease-in-out;transition:top 0.2s ease-in-out}
#header{position:relative;height:100%;     background-color: #000;}
#header h1.logo{position:absolute;top:15px;left:10px;width:300px;height:139px;background:url('/template/hsart005/style/picture/logo/logo.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:20}
#header h1.logo a{display:block;width:100%;height:100%}
#lnbSearch{position:absolute;top:13px;right:215px;width:219px;height:37px;background-color:rgba(255,255,255,0.15);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
#lnbSearch #suggestInput{width:152px;height:26px;margin:5px 0 0 15px;color:#1F1F1F;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px;ime-mode:active;background-color:transparent}
#lnbSearch #suggestInput:-moz-placeholder{color:#1F1F1F}
#lnbSearch #suggestInput::-moz-placeholder{color:#1F1F1F}
#lnbSearch #suggestInput:-ms-input-placeholder{color:#1F1F1F}
#lnbSearch #suggestInput::-webkit-input-placeholder{color:#1F1F1F}
#lnbSearch #suggestSubmit{position:absolute;top:8px;right:16px;width:20px;height:20px;background:url('/template/hsart005/style/picture/btn/btn-search.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
#lnbSearch.focus{background-color:#fff}
#lnbSearch.focus #suggestSubmit{background-position:0 -20px}
#lnbSearch #suggestBox{position:relative;display:block;width:100%}
.suggest_wrap,.suggest_list,.suggest_guide{display:none}
.suggest_wrap{position:relative;width:219px;margin:6px 0 0;border:1px solid #bdbdbd;background-color:#fff;z-index:990;overflow:hidden}
.suggest_wrap ul li{margin:0;padding:9px 10px 8px 8px}
.suggest_wrap ul li.focus{background-color:#F5F5F5}
.suggest_wrap ul li a{display:block;color:#444}
.suggest_wrap ul li a:hover{text-decoration:none;color:#444}
.suggest_wrap ul li.startback{border-top:1px solid #EEE}
.suggest_wrap ul li a span.matchKey{color:#d26919}
.suggest_wrap ul li.mouseon{background-color:#f5f5f5}
.suggest_wrap ul li.keyon{background-color:#f5f5f5}
.suggest_guide{display:none;position:relative !important;z-index:10000000 !important;display:none;padding:10px 5px;overflow-x:hidden;overflow-y:auto;font-size:11px}
.suggest_toggle{display:none;position:absolute;right:6px;top:13px;cursor:pointer}
.suggest_off,.suggest_on{cursor:pointer}
.suggest_wrap .footer{clear:both;display:none;height:26px;margin:0;padding:0;background:#f2f2f2;text-align:right}
.suggest_wrap .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;letter-spacing:-1px}
.suggest_wrap .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd}
.suggest_wrap .footer strong{margin:0 !important;padding:0 0 0 7px !important;text-align:right;font-weight:normal}
.suggest_wrap .footer span{text-align:right}
#header .nav h1{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
#gnbNav{position:absolute;top:0;left:550px; margin-top:10px;}
#gnbNav li{float:left;padding:2px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
#gnbNav li a{display:block;width:100%;height:100%;text-decoration:none}
#gnbNav li:hover,#gnbNav li.on .deps1{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
#gnbNav li .deps1{display:block;height:100%;padding:17px 17px 23px;color:#fff;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:22px;letter-spacing:-1.1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}
#gnbNav li .deps2{display:none;position:absolute;top:64px;width:188px;z-index:500}
#gnbNav li .deps2 .list li{width:100%;height:41px;padding:0;color:#fff;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px;background-color:#262749;border-top:1px solid #2f3050;overflow:hidden}
#gnbNav li .deps2 .list li a{padding:10px 0 0 15px;color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);opacity:0.35}
#gnbNav li .deps2 .list li a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
#gnbNav li .deps2 .list li:hover,#gnbNav li .deps2 .list li.on a,#gnbNav li .deps2 .list li.on{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;background-color:#1b1c38}
.clientDownload_v2{position:absolute;top:0;right:0;width:189px;height:64px;overflow:hidden;z-index:20}
.clientDownload_v2 .btnLauncher{position:relative;display:block;width:100%;height:100%;background:url('/template/hsart005/style/picture/btn/btn-download.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;cursor:pointer}
.clientDownload_v2 .btnLauncher:hover{background-position:0 -64px}
#container{position:relative;width:1198px;margin:0 auto;min-height:1000px;padding:0 0 100px}
#container:after{content:"";display:block;clear:both}
.wrapFooter{position:relative;clear:both;width:100%;padding:1px 0 55px;background-color:#fff}
.wrapFooter:before{content:"";display:block;clear:both}
.wrapFooter .footer{position:relative;width:1198px;height:90px;padding:0;margin:45px auto 50px auto}
.wrapFooter .footer .utilmenu{position:relative;width:100%;height:23px;margin:0 0 25px;border-bottom:1px solid #eae7e8}
.wrapFooter .footer .utilmenu li{float:left;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;padding-right:12px;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:14px;color:#1f1f1f;letter-spacing:-0.9px}
.wrapFooter .footer .utilmenu li:before{content:"";display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:1px;height:10px;margin-right:12px;margin-top:-1px;background-color:#cbcfd3}
.wrapFooter .footer .utilmenu li.pcbang:before,.wrapFooter .footer .utilmenu li:first-child:before{display:none}
.wrapFooter .footer .utilmenu li a{color:#1f1f1f}
.wrapFooter .footer .utilmenu li.grade{position:relative;cursor:pointer}
.wrapFooter .footer .utilmenu li.pcbang{position:absolute;top:0;right:5px;padding-right:0;padding-left:12px;letter-spacing:-1px;background-image:url('/template/hsart005/style/images/ic_footer.gif');background-repeat:no-repeat;background-position:0 -35px}
.wrapFooter .footer .utilmenu .ly_grade{position:absolute;left:-239px;bottom:23px;display:none;width:573px;height:140px;;background-repeat:no-repeat;background-position:right 1px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:9999}
.wrapFooter .footer address{position:relative;width:100%;height:45px;background-repeat:no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapFooter .footer address a{display:block;overflow:hidden}
.wrapFooter .footer address .ncsoft{position:absolute;left:0;top:0;width:124px;height:35px}
.wrapFooter .footer address .ftc{position:absolute;top:0;left:712px;width:60px;height:14px}
.wrapFooter .footer address .email{position:absolute;left:343px;top:15px;width:80px;height:14px}
.wrapFooter .footer .developed{position:absolute;right:10px;bottom:4px;width:178px;height:37px;background-repeat:no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.mask{position:absolute;left:0;bottom:0;width:100%;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}
.boxType0{position:relative;float:left;width:610px;height:285px;margin:0 30px;background:#fff;font-size:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;-webkit-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}
.boxType0 header h1{margin:0 20px;font-weight:normal;color:#1F1F1F;font-size:16px;font-family:'微軟正黑體',AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px}
.boxType0 header .btnMore{position:absolute;top:16px;right:18px}

.boxType2{
    margin : 0px 20px;
    position:relative;float:left;width:610px;height:285px;margin:0;background:#fff;font-size:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;-webkit-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}
.boxType2 header h1{margin:0 35px;font-weight:normal;color:#1F1F1F;font-size:16px;font-family:'微軟正黑體',AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px}
.boxType2 header .btnMore{position:absolute;top:16px;right:18px}

.boxType{position:relative;float:left;width:486px;height:285px;margin:0;background:#fff;font-size:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;-webkit-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}
.boxType header h1{margin:0 18px;font-weight:normal;color:#1F1F1F;font-size:15px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px}
.boxType header .btnMore{position:absolute;top:16px;right:18px}
.boxType header2 .btnMore{position:absolute;top:16px;right:18px}
.boxType1{position:relative;float:left;width:220px;height:190px;margin:0;background:#fff;font-size:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;-webkit-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0}
.boxType1 header h1{margin:0 18px;font-weight:normal;color:#1F1F1F;font-size:15px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px}
.boxType1 header .btnMore{position:absolute;top:16px;right:18px}
.wrapNotice header{height:20px;padding:15px 0 0}
.wrapNotice2 header{height:20px;padding:15px 0 0}
.wrapNotice header .icons-more{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -379px;height:13px;width:13px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden}
.wrapNotice .boxContents{height:250px;border-bottom:1px solid #efefef}

.wrapNotice .list{ height:245px; margin:10px 15px 0;overflow:hidden }
.wrapNotice .list li{ overflow:hidden; height:29px; line-height:20px; padding-top:0px; float:left; width:560px;list-style:none;}
.wrapNotice .list span{ float:right }
.wrapNotice .list .act{ width:57px; height:20px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
.wrapNotice .list .act:hover{ text-decoration:none; background:#e2cbcb; }
.wrapNotice .list a.link{ float:left; color:#230000; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.wrapNotice .list a.hl{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:14px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
.wrapNotice .list a.link:hover{ color:#93979e; text-decoration:none }
.wrapNotice .list span {float: right;font-size: 12px;letter-spacing: -1px;color:#FFDE56}



.wrapNotice2 .list{ height:245px; margin:10px 15px 0;overflow:hidden }
.wrapNotice2 .list li{ overflow:hidden; height:29px; line-height:20px; padding-top:0px; float:left; width:560px;list-style:none;}
.wrapNotice2 .list span{ float:right }
.wrapNotice2 .list .act{ width:57px; height:20px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
.wrapNotice2 .list .act:hover{ text-decoration:none; background:#e2cbcb; }
.wrapNotice2 .list a.link{ float:left; color:#230000; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.wrapNotice2 .list a.hl{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:14px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
.wrapNotice2 .list a.link:hover{ color:#93979e; text-decoration:none }
.wrapNotice2 .list span {float: right;font-size: 12px;letter-spacing: -1px;color:#FFDE56}

.wrapLogout{padding:18px}
.wrapFriendArea header h1{display:none}
.wrapFriendArea .tabTitle{position:relative;height:49px;border-bottom:1px solid #efefef}
.wrapFriendArea .tabTitle a{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:140px;height:20px;margin:15px 0 0;color:#1F1F1F;font-size:15px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px;text-align:center}
.wrapFriendArea .tabTitle a:before{content:"";display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}
.wrapFriendArea .tabTitle a:first-child:before{display:none}
.wrapFriendArea .tabTitle a:before{position:absolute;top:17px;left:50%;width:1px;height:15px;background-color:#efefef}
.wrapFriendArea .tabTitle a em{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:-4px 0 0 5px;color:#D04B34;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:0}
.wrapFriendArea .tabBox{*zoom:1;position:relative;height:200px;margin:8px 18px 0 18px;padding:6px 0;color:#1F1F1F;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:17px;letter-spacing:-0.9px}
.wrapFriendArea .tabBox:after{content:"";display:table;clear:both}
.wrapFriendArea .tabBox .msgBox{padding:60px 0 0;color:#555;text-align:center}
.wrapFriendArea ul.list li{display:table;padding:3px 0}
.wrapFriendArea ul.list li .info{display:table-cell;min-height:35px;margin:-1px 0 0;line-height:16px;vertical-align:middle}
.wrapFriendArea ul.list li a{display:block;width:200px;margin:-2px 0 0;color:#1F1F1F;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapFriendArea ul.list img{float:left;width:35px;height:35px;margin:0 8px 0 0}
.wrapFriendArea ul.list .status{display:block;letter-spacing:-1px;vertical-align:middle}
.wrapFriendArea ul.list .status .name{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:155px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapFriendArea ul.list .status .icon{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:6px;height:6px;margin:0 -1px 0 2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapFriendArea ul.list .status.area{color:#5f95c4}
.wrapFriendArea ul.list .status.area .icon{background:#88b1e3}
.wrapFriendArea ul.list .status.server{color:#e1786d}
.wrapFriendArea ul.list .status.server .icon{background:#e1786d}
.ie7update{margin:140px 0 0}
#ly_idSaved{top:26px}
#ly_idSaved .ic_arrow{left:8px;top:-1px}
#ly_capsLock{top:103px}
#ly_capsLock .close{top:13px}
#ly_capsLock .ic_arrow{left:25px;top:-1px}
#ly_domainError{top:-11px}
#ly_domainError .close{top:13px}
#ly_domainError .ic_arrow{left:21px;bottom:-3px;-moz-transform:rotate(44deg);-ms-transform:rotate(44deg);-webkit-transform:rotate(44deg);transform:rotate(44deg)}
#ly_domainError em{text-decoration:underline}
.modalLayer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;z-Index:1000}
#itemInfo{position:absolute;top:0;left:0;z-index:9999;line-height:140%}
.itemLevel{height:67px}
.itemLevel .status{margin:0;padding:10px 0 0 64px;font-size:11px;line-height:12px;font-family:"??",dotum}
.itemLevel h1{margin:0;padding:2px 0 0 64px;font-size:12px;line-height:14px}
.itemStatInfo{width:228px}
#container{width:100%;min-width:1198px;background-color:#f4f5f7;padding:50px 0 81px}
.layerLauncher{position:absolute;top:67px;right:0;width:193px;height:63px;padding:16px 0 0;background:url('/template/hsart005/style/images/layer-download.png') no-repeat;color:#fff;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:-1px;text-align:center;overflow:hidden;z-index:20}
.layerLauncher em{color:#ffd7a8}
.promotionPosiWrap{position:relative}
.mainRollBanner{
    position:relative;
    width:100%;
    height:650px;
    background:url('/template/hsart005/style/picture/ad/ad-main-1.png') no-repeat;
    background-size: cover;
}
.mainRollBanner>h1{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;line-height:0}
.mainRollBanner li{display:none}
.mainRollBanner .layer{position:absolute !important;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.mainRollBanner .moveImg{bottom:0;width:100%;height:100%;background-position:75% 100%;background-repeat:no-repeat;-webkit-animation:fadeInFromNone 0.7s ease-out;-moz-animation:fadeInFromNone 0.7s ease-out;-o-animation:fadeInFromNone 0.7s ease-out;animation:fadeInFromNone 0.7s ease-out}
.mainRollBanner .moveBg{position:absolute;left:-5%;top:-1%;width:110%;height:101%;background-size:cover;background-position:50% 100%}
.mainRollBanner .mainRollList{position:relative;min-width:1198px;height:650px;margin:0 auto;overflow:hidden;z-index:5}
.mainRollBanner .mainRollList li{position:absolute;left:0;top:0;cursor:pointer;width:100%;height:650px}
.mainRollBanner .mainRollList li a{display:block;width:100%;height:100%;color:#fff;background-repeat:no-repeat;background-position:center 0;background-size:cover;overflow:hidden;text-decoration:none}
.mainRollBanner .mainRollList li .bgWrap{width:100%;height:100%}
.mainRollBanner .mainRollList li .textWrap{position:relative;width:1198px;margin:194px auto 0;overflow:hidden}
.mainRollBanner .mainRollList li .wrapCategory{height:50px}
.mainRollBanner .mainRollList li .wrapCategory .category{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:0 0 20px 6px;padding:3px 13px 7px;color:#fff;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;border:1px solid rgba(255,255,255,0.4);-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.mainRollBanner .mainRollList li .wrapCategory .category.deadline{color:#D04B34;border:1px solid rgba(208,75,52,0.4)}
.mainRollBanner .mainRollList li .wrapCategory.none .category{display:none !important}
.mainRollBanner .mainRollList li .subject{display:block;font-weight:normal;font-size:52px;line-height:68px;color:#fff;letter-spacing:5px}
.mainRollBanner .mainRollList li .desc{margin:15px auto 0;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:25px;padding-left:6px;letter-spacing:-1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}
.mainRollBanner .promoRollingBg{position:absolute;bottom:0;left:0;width:100%;height:65px;z-index:8;background-color:#171834}
.mainRollBanner .promoRollingPager{position:relative;width:1198px;height:65px;margin:-65px auto 0;z-index:10;overflow:hidden}
.mainRollBanner .promoRollingPager .mainRollThumbList{position:relative;width:1145px;height:65px;margin:0 auto;overflow:hidden}
.mainRollBanner .promoRollingPager .mainRollThumbList li{position:absolute;left:0;top:0;width:180px;height:65px}
.mainRollBanner .promoRollingPager .mainRollThumbList li .subject{display:table-cell;width:180px;height:63px;vertical-align:middle;color:#fff;font-size:15px;font-family: -apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif;letter-spacing:-0.9px;line-height:20px;text-align:center;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4;overflow:hidden;cursor:pointer}
.mainRollBanner .promoRollingPager .mainRollThumbList li:hover .subject,.mainRollBanner .promoRollingPager .mainRollThumbList li.on .subject{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.mainRollBanner button{position:absolute;background:url('/template/hsart005/style/images/icons.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:10;left:50%;bottom:18px;width:20px;height:29px}
.mainRollBanner button.prevPage{background-position:5px -591px}
.mainRollBanner button.prevPage:hover{background-position:5px -620px}
.mainRollBanner button.nextPage{background-position:5px -533px}
.mainRollBanner button.nextPage:hover{background-position:5px -562px}
.mainRollBanner button.prevPage{margin-left:-604px}
.mainRollBanner button.nextPage{margin-left:585px}
.mainRollBanner .numWrap{position:absolute;bottom:81px;left:50%;margin-left:-593px;color:#fff;font-style:italic;font-size:18px;font-family:Roboto,sans-serif;line-height:22px;z-index:50}
.mainRollBanner .numWrap .total,.mainRollBanner .numWrap .slash{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}
.mainRollBanner .numWrap .current{font-style:italic !important;color:#D04B34}
@keyframes fadeInFromNone{0%{display:none;margin-left:10%;opacity:0}
100%{display:block;opacity:1;margin-left:0}}.masonry{margin:0 auto}
.boxTheme{position:relative;width:100%;min-width:926px}
.boxTheme>.article{position:relative;*zoom:1;margin:0 0 0 0px;}
.boxTheme>.article:after{content:"";display:table;clear:both}
.boxTheme>.article .wrapBnsLife>header,.boxTheme>.article .wrapShinseok>header,.boxTheme>.article .wrapNshop>header,.boxTheme>.article>header{height:50px;margin:10px 0 14px}
.boxTheme>.article .wrapBnsLife>header>h1,.boxTheme>.article .wrapShinseok>header>h1,.boxTheme>.article .wrapNshop>header>h1,.boxTheme>.article>header>h1{display:inline-block;vertical-align:middle;}

@keyframes fadeInFromNone{0%{display:none;margin-left:10%;opacity:0}
100%{display:block;opacity:1;margin-left:0}}.masonry{margin:0 auto}
.boxTheme2{position:relative;width:100%;min-width:926px}
.boxTheme2>.article{position:relative;*zoom:1;width:1200px;margin:0 0 0 100px;}
.boxTheme2>.article:after{content:"";display:table;clear:both}
.boxTheme2>.article .wrapBnsLife>header,.boxTheme2>.article .wrapShinseok2>header,.boxTheme2>.article .wrapNshop2>header,.boxTheme2>.article2>header{height:50px;margin:10px 0 14px}
.boxTheme2>.article .wrapBnsLife2>header>h1,.boxTheme2>.article .wrapShinseok>header2>h1,.boxTheme2>.article .wrapNshop>header2>h1,.boxTheme2>.article2>header>h1{display:inline-block;vertical-align:middle;}


*vertical-align:auto;*zoom:1;*display:inline;color:#8a6c6c;font-weight:bold;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:1px}
.boxTheme .boxType{margin-left:18px}
.boxTheme .boxType:first-child{margin-left:0}
.boxTheme .rollList{*zoom:1;position:relative;width:100%;height:100%}
.boxTheme .rollList:after{content:"";display:table;clear:both}
.wrapNoticeNUserState{*zoom:1}
.wrapNoticeNUserState:after{content:"";display:table;clear:both}
.wrapUserState>header{display:none}
.wrapUserState a{display:block;width:100%;height:285px;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapUserState a:hover{background-position:0 -285px}
.wrapUserState .desc,.wrapUserState h2,.wrapUserState .btn-info{display:none}


.wrapUserState2>header{display:none}
.wrapUserState2 a{display:block;width:100%;height:285px;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapUserState2 a:hover{background-position:0 -285px}
.wrapUserState2 .desc,.wrapUserState2 h2,.wrapUserState2 .btn-info{display:none}


.wrapNshopNshinseok{*zoom:1}
.wrapNshopNshinseok:after{content:"";display:table;clear:both}
.wrapNshopNshinseok header .btnMore{margin-left:3px}
.wrapNshopNshinseok header .btnMore .icons-more{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -508px;height:20px;width:20px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden;margin-top:2px}
.wrapNshopNshinseok header .refresh{float:right;display:block;margin:4px 0 0;color:#c7c7cc;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:-0.7px;text-align:right}
.wrapNshopNshinseok header .refresh em{color:#8c919a;font-size:13px;font-family:Roboto,sans-serif}
.wrapNshopNshinseok .wrapNshop{float:left}
.wrapNshopNshinseok .wrapNshop .list li{position:relative;float:left;width:318px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;-webkit-box-shadow:rgba(0,0,0,0.06) 1px 1px 1px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}
.wrapNshopNshinseok .wrapNshop .list li a:hover{text-decoration:none}
.wrapNshopNshinseok .wrapNshop .list li a:hover h2{text-decoration:underline}
.wrapNshopNshinseok .wrapNshop .list li .title{margin:0 0px 0;color:#000;font-weight:normal;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:20px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapNshopNshinseok .wrapNshop .list li .desc{margin:7px 20px 0;color:#8c919a;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.8px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapNshopNshinseok .wrapNshop .list li .ncoin{position:relative;display:block;height:23px;margin:12px 18px 0;overflow:hidden}
.wrapNshopNshinseok .wrapNshop .list li .ncoin .icons-ncoin{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -438px;height:15px;width:14px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden;margin:-3px 0 0}
.wrapNshopNshinseok .wrapNshop .list li .ncoin em{color:#8c919a;font-size:14px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px}

.wrapNshopNshinseok .wrapNshop .list li.no1{height:285px;margin:0 5px 0 0;text-align:center}
.wrapNshopNshinseok .wrapNshop .list li.no1 a {display:block;width:100%;height:42px;text-align:center;padding-top:2px;font-size:14px;color:#181818;background-repeat:no-repeat;background-position:center 5px;}
.wrapNshopNshinseok .wrapNshop .list li.no1 a:hover {text-decoration:none;animation-name:iconMotion;animation-duration:0.8s;animation-iteration-count: 1;}
.wrapNshopNshinseok .wrapNshop .list li.no1 a.bnr0 {float:left;width:318px;height:285px;margin:1px 8px -1px 0;padding:0px;background-image: url('/template/hsart005/style/picture/btn/btn01.png');}
.wrapNshopNshinseok .wrapNshop .list li.no1 .thumb{height:175px}
.wrapNshopNshinseok .wrapNshop .list li.no1 .thumb img{width:220px;height:175px}
.wrapNshopNshinseok .wrapNshop .list li.no1 .title{margin-top:1px}
.wrapNshopNshinseok .wrapNshop .list li.no2{margin:0 5px 9px}

.wrapNshopNshinseok .wrapNshop .list li.no2 a {display:block;width:100%;height:42px;text-align:center;padding-top:2px;font-size:14px;color:#181818;background-repeat:no-repeat;background-position:center -8px;}
.wrapNshopNshinseok .wrapNshop .list li.no2 a:hover {text-decoration:none;animation-name:iconMotion;animation-duration:0.8s;animation-iteration-count: 1;}
.wrapNshopNshinseok .wrapNshop .list li.no2 a.bnr1 {float:left;width:318px;height:285px;margin:1px 8px -1px 0;padding:0px;background-image: url('/template/hsart005/style/picture/btn/btn02.png');}
.wrapNshopNshinseok .wrapNshop .list li.no2 a.bnr2 {float:left;width:318px;height:285px;margin:1px 8px -1px 0;padding:0px;background-image: url('/template/hsart005/style/picture/btn/btn03.png');}
.wrapNshopNshinseok .wrapNshop .list li.no2 a.bnr3 {float:left;width:318px;height:285px;margin:1px 8px -1px 0;padding:0px;background-image: url('/template/hsart005/style/picture/btn/btn04.png');}
@-webkit-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@-moz-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }

.wrapNshopNshinseok .wrapNshop .list li.no2,.wrapNshopNshinseok .wrapNshop .list li.no3{height:285px}
.wrapNshopNshinseok .wrapNshop .list li.no2 .thumb,.wrapNshopNshinseok .wrapNshop .list li.no3 .thumb{float:left;height:89px}
.wrapNshopNshinseok .wrapNshop .list li.no2 .thumb img,.wrapNshopNshinseok .wrapNshop .list li.no3 .thumb img{width:115px;height:89px}
.wrapNshopNshinseok .wrapNshop .list li.no2 .title,.wrapNshopNshinseok .wrapNshop .list li.no3 .title{font-size:16px;line-height:14px;letter-spacing:-0.9px;margin-top:195px;margin-left:-80px}
.wrapNshopNshinseok .wrapShinseok{float:right;width:236px; padding-right:10px}
.wrapNshopNshinseok .wrapShinseok .boxThemeContents{position:relative;height:285px;padding:5px 0px
    }
.wrapNshopNshinseok .wrapShinseok .msgBox{margin:102px 0 0;color:#8c919a;font-size:14px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:22px;letter-spacing:-1.1px;text-align:center}
.wrapNshopNshinseok .wrapShinseok .loaderBox{margin:102px 0 0}
.wrapNshopNshinseok .wrapShinseok .list li{position:relative;float:left;height:79px;width:100%;padding:2px 0 11px;
    margin-bottom: 13px;
    background: #fff;
}
.wrapNshopNshinseok .wrapShinseok .list li a {display:block;width:100%;height:42px;text-align:center;padding-top:2px;font-size:14px;color:#181818;background-repeat:no-repeat;background-position:center 5px;}
.wrapNshopNshinseok .wrapShinseok .list li a:hover {animation-name:iconMotion;animation-duration:0.8s;animation-iteration-count: 1;}

.wrapNshopNshinseok .wrapShinseok .list li a.bnr1 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon1.png');}
.wrapNshopNshinseok .wrapShinseok .list li a.bnr2 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon2.png');}
.wrapNshopNshinseok .wrapShinseok .list li a.bnr3 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon3.png');}
.wrapNshopNshinseok .wrapShinseok .list li a.bnr4 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon4.png');}
.wrapNshopNshinseok .wrapShinseok .list li a.bnr5 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon5.png');}
.wrapNshopNshinseok .wrapShinseok .list li a.bnr6 {float:left;width:209px;height:55px;margin:1px 8px -1px 0;padding:3px;background-image: url('/template/hsart005/style/picture/icon/icon6.png');}
@-webkit-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@-moz-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }

.wrapNshopNshinseok .wrapShinseok .list li:nth-child(n+3){border-top:1px solid #efefef}
.wrapNshopNshinseok .wrapShinseok .list li .thumb{float:left;width:44px;height:44px;margin:1px 8px -1px 0;padding:3px;background-size:100%;}
.wrapNshopNshinseok .wrapShinseok .list li .thumb img{width:100%;height:100%}
.wrapNshopNshinseok .wrapShinseok .list li .title{display:table-cell;width:100px;height:64px;padding-top: 5px;font-size:25px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:17px;letter-spacing:-0.9px;vertical-align:middle}
.wrapNshopNshinseok .wrapShinseok .list li:hover em{text-decoration:none}
.wrapNshopNshinseok .wrapShinseok .list li .shinseok{display:table-cell;height:44px;vertical-align:middle}
.wrapNshopNshinseok .wrapShinseok .list li .shinseok .icons-shinseok{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -699px;height:18px;width:15px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden;margin:-3px 4px 0 0}
.wrapNshopNshinseok .wrapShinseok .list li .shinseok em{color:#8c919a;font-size:13px;font-family:Roboto,sans-serif}
.wrapUpdateSpecial{
    box-shadow:0 0 5px rgba(0, 0, 0, 0);
    height:300px;
    margin: 10px 20px;
    background: url('/template/hsart005/style/picture/mpic01.jpg');
    background-size: cover;
    width:1000px;
}
.wrapUpdateSpecial .specialBg{position:absolute;top:0;left:0;width:100%;height:100%}
.wrapUpdateSpecial .specialBg li{position:absolute;width:1300px;height:100%;opacity:0;z-index:1}
.wrapUpdateSpecial .specialBg li .bgImg{height:100%;background-position:50% 0}
.wrapUpdateSpecial .specialBg li.active{z-index:1;opacity:1}
.wrapUpdateSpecial>.article{height:100%;text-align:center;z-index:10}
.wrapUpdateSpecial>.article>header{display:none}
.wrapUpdateSpecial>.article .date{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:55px 0 18px;padding:5px 15px;color:#D04B34;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;border:1px solid rgba(208,75,52,0.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.wrapUpdateSpecial>.article .date em{font-size:12px;font-family:Roboto,sans-serif}
.wrapUpdateSpecial>.article .subject{padding: 30px 0px;display:block;color:#fff;font-weight:normal;font-size:42px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:46px;letter-spacing:-1px;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapUpdateSpecial>.article .subject a{color:#fff;text-decoration:none}
.wrapUpdateSpecial>.article .desc{display:block;margin:35px 0 0;color:#ed7010;font-size:35px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:22px;letter-spacing:-1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:1}
.wrapUpdateSpecial>.article .specialRollBanner{position:relative}
.wrapUpdateSpecial .rollList{position:relative;width:856px;height:144px;margin:30px auto 0;overflow:hidden}
.wrapUpdateSpecial .rollList li{display:none;position:absolute;top:0;left:0;width:285px;height:144px;background-color:rgba(0,0,0,0.3);overflow:hidden}
.wrapUpdateSpecial .specialBox{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.wrapUpdateSpecial .specialBox:hover .overlay{-moz-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}
.wrapUpdateSpecial .specialBox:hover .overlay .desc,.wrapUpdateSpecial .specialBox:hover .overlay .title{-moz-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}
.wrapUpdateSpecial .specialBox:hover .desc,.wrapUpdateSpecial .specialBox:hover .title{-moz-transform:translateX(50%);-ms-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%)}
.wrapUpdateSpecial .specialBox .title{margin:48px 30px 0;color:#fff;font-weight:normal;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:20px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;-moz-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-o-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-webkit-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);transition:all 600ms cubic-bezier(0.055,0.8,0.145,1)}
.wrapUpdateSpecial .specialBox .desc{display:block;margin:9px 30px 0;color:#fff;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.8px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45);opacity:0.45;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;-moz-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-o-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-webkit-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);transition:all 600ms cubic-bezier(0.055,0.8,0.145,1)}
.wrapUpdateSpecial .specialBox .overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-transition:all 400ms cubic-bezier(0.055,0.8,0.145,1);-o-transition:all 400ms cubic-bezier(0.055,0.8,0.145,1);-webkit-transition:all 400ms cubic-bezier(0.055,0.8,0.145,1);transition:all 400ms cubic-bezier(0.055,0.8,0.145,1)}
.wrapUpdateSpecial .specialBox .overlay .desc,.wrapUpdateSpecial .specialBox .overlay .title{-moz-transform:translateX(-150%);-ms-transform:translateX(-150%);-webkit-transform:translateX(-150%);transform:translateX(-150%);-moz-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-o-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);-webkit-transition:all 600ms cubic-bezier(0.055,0.8,0.145,1);transition:all 600ms cubic-bezier(0.055,0.8,0.145,1)}
.wrapUpdateSpecial button{position:absolute;background:url('/template/hsart005/style/images/icons.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:10;top:50px;width:28px;height:42px}
.wrapUpdateSpecial button.prevPage{background-position:5px -183px}
.wrapUpdateSpecial button.prevPage:hover{background-position:5px -227px}
.wrapUpdateSpecial button.nextPage{background-position:5px -95px}
.wrapUpdateSpecial button.nextPage:hover{background-position:5px -139px}
.wrapUpdateSpecial button.prevPage{left:96px}
.wrapUpdateSpecial button.nextPage{right:94px}
.wrapEsports{height:425px;margin:75px 0 0}
.wrapEsports>.article{height:100%;text-align:center;z-index:10}
.wrapEsports>.article>header{display:none}
.wrapEsports>.article .category{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:48px 0 16px;padding:2px 15px 4px;color:#D04B34;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;border:1px solid rgba(208,75,52,0.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.wrapEsports>.article .category em{font-size:12px;font-family:Roboto,sans-serif}
.wrapEsports>.article .category a{color:#D04B34}
.wrapEsports>.article .subject{display:block;color:#fff;font-weight:normal;font-size:26px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:30px;letter-spacing:-1px;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapEsports>.article .subject a{color:#fff;text-decoration:none}
.wrapEsports>.article .date{display:block;margin:9px 0 0;color:#fff;font-size:14px;font-family:Roboto,sans-serif;line-height:18px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapEsports .boxThemeContents{position:relative;height:100%;background-position:50% 0}
.wrapEsports .rollList{width:860px;height:170px;margin:26px auto 0}
.wrapEsports .boxType{height:170px;margin-left:1px;overflow:hidden}
.wrapEsports .boxType:hover{text-decoration:none}
.wrapEsports .boxType:hover .boxContents{top:-65px;height:65px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.wrapEsports .boxType:hover .title{color:#D04B34}

.boxContents2{top:-65px;height:65px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

.wrapEsports .boxType:hover .desc{display:block}
.wrapEsports .boxType .thumb img{width:286px;height:170px}
.wrapEsports .boxType .boxContents{position:relative;top:-45px;width:286px;height:45px;overflow:hidden}
.wrapEsports .boxType .mask{height:100%}
.wrapEsports .boxType .title{position:relative;margin:12px 30px 0;color:#fff;font-weight:normal;font-size:14px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.9px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;z-index:5}
.wrapEsports .boxType .desc{display:none;position:relative;margin:5px 30px 0;color:#fff;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:-0.7px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;z-index:5}
.wrapEsports .rollPager .paging{position:absolute;left:0;right:0;bottom:44px}
.wrapEsports .rollPager a{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:5px;height:5px;margin:0 7px;border:1px solid #fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.wrapEsports .rollPager a.on{border-color:#D04B34;background-color:#D04B34;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.wrapEsports button{position:absolute;background:url('/template/hsart005/style/images/icons.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:10;top:236px;width:28px;height:42px}
.wrapEsports button.prevPage{background-position:5px -183px}
.wrapEsports button.prevPage:hover{background-position:5px -227px}
.wrapEsports button.nextPage{background-position:5px -95px}
.wrapEsports button.nextPage:hover{background-position:5px -139px}
.wrapEsports button.prevPage{left:96px}
.wrapEsports button.nextPage{right:94px}
.wrapEsports .character{display:block;position:absolute;top:-60px;right:-150px;width:471px;height:548px;-moz-animation:esportsMove 2s 15 ease-in-out;-webkit-animation:esportsMove 2s 15 ease-in-out;animation:esportsMove 2s 15 ease-in-out}
@keyframes esportsMove{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
50%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}.wrapBnsLifeNfacebook{*zoom:1}
.wrapBnsLifeNfacebook:after{content:"";display:table;clear:both}
.wrapBnsLifeNfacebook .wrapBnsLife{float:left;width:900px}
.wrapBnsLifeNfacebook .wrapBnsLife .boxThemeContents{position:relative}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType:hover{text-decoration:none}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType:hover h2{text-decoration:underline}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType:hover .thumb img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transition:-moz-transform 0.4s ease-in;-o-transition:-o-transform 0.4s ease-in;-webkit-transition:-webkit-transform 0.4s ease-in;transition:transform 0.4s ease-in}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType .thumb{width:286px;height:190px;overflow:hidden}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType .thumb img{width:100%;height:100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType .boxContents{position:absolute;left:0;bottom:0;width:100%;height:95px}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType .title{margin:21px 20px 7px;color:#000;font-weight:normal;font-size:16px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:20px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapBnsLifeNfacebook .wrapBnsLife .boxType .category{display:block;margin:0 20px;color:#8c919a;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:18px;letter-spacing:-0.8px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager{position:absolute;right:-298px;top:-37px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager a{display:none;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button{position:absolute;background:url('/template/hsart005/style/images/icons.png') no-repeat;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;z-index:10;top:0;width:20px;height:24px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.prevPage{background-position:5px -45px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.prevPage:hover{background-position:5px -70px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.nextPage{background-position:5px 5px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.nextPage:hover{background-position:5px -20px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.prevPage{right:22px}
.wrapBnsLifeNfacebook .wrapBnsLife .rollPager button.nextPage{right:-6px}
.wrapBnsLifeNfacebook .wrapBnsfb{float:left;margin:105px 0 14px 12px}
.wrapBnsLifeNfacebook .wrapBnsfb .header{padding:9px 0;background-color:#697da8}
.wrapBnsLifeNfacebook .wrapBnsfb .header h1{color:#fff;font-size:14px;font-family:Roboto,sans-serif}
.wrapBnsLifeNfacebook .wrapBnsfb .boxThemeContents .loaderBox{margin:90px 0 0}
.wrapBnsLifeNfacebook .wrapBnsfb .wrapfb{text-decoration:none}
.wrapBnsLifeNfacebook .wrapBnsfb .feedtime{margin:14px 18px 6px;color:#8c919a;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:-0.7px}
.wrapBnsLifeNfacebook .wrapBnsfb .contents{height:151px;margin:0 18px 10px 0;padding:0 18px 14px;color:#000;font-size:13px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:20px;letter-spacing:-0.8px;word-break:break-all;word-break:break-word;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow:auto}
.wrapBnsLifeNfacebook .wrapBnsfb .contents .hashtag{color:#697da8;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;letter-spacing:-0.7px}
.wrapBnsLifeNfacebook .wrapBnsfb .wrapLikeComment{border-top:1px solid #efefef}
.wrapBnsLifeNfacebook .wrapBnsfb .wrapLikeComment .like{float:left;margin:10px 0 0 18px;color:#8c919a;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px}
.wrapBnsLifeNfacebook .wrapBnsfb .wrapLikeComment .like .icons-like{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -276px;height:17px;width:17px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden;margin-top:-5px}
.wrapBnsLifeNfacebook .wrapBnsfb .wrapLikeComment .comment{float:right;margin:9px 18px 0 0;color:#8c919a;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;letter-spacing:-0.7px}
.wrapWingBanner{position:absolute;left:50%;top:50px;width:119px;margin:0 0 0 625px;z-index:10}
.wrapWingBanner .rollWingList{*zoom:1;position:relative;width:100%;height:100%}
.wrapWingBanner .rollWingList:after{content:"";display:table;clear:both}
.wrapWingBanner .rollWingPager{position:absolute;right:0;top:-20px;overflow:hidden}
.wrapWingBanner .rollWingPager a{float:left;margin:0 0 0 6px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background:url('/template/hsart005/style/images/icons.png') no-repeat;background-position:0 -803px;height:10px;width:10px}
.wrapWingBanner .rollWingPager a.on{background-position:0 -823px}
.wrapWingBanner .wingBanner img{width:119px;height:189px}
.wrapWingBanner .wrap-fb-like{position:relative;border-top:1px dashed #bac1ca}
.wrapWingBanner .wrap-fb-like .fb-like{position:absolute;left:48px;top:48px;cursor:pointer;overflow:hidden !important}
.wrapWingBanner .today-cards{display:none;border-top:1px dashed #bac1ca}
.qLoading{text-align:center}
#modalLoading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;z-Index:1000}
.ncUiModal .layerClose{top:-48px;right:0px;width:34px;height:34px;background:url('/template/hsart005/style/images/layer_close.png') no-repeat;cursor:pointer}
.wrapBottom{background-color:#ecedf0;height:55px;overflow:hidden}
.wrapBottom .bottomBar{position:relative;width:1198px;height:100%;margin:0 auto;padding:18px 0 22px;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;color:#8c919a;letter-spacing:-0.7px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.wrapBottom .bottomBar h3{float:left;font-size:12px;font-family:"微軟正黑體",AppleGothic,sans-serif;line-height:16px;color:#1F1F1F;letter-spacing:-0.7px}
.wrapBottom .bottomBar li{float:left;padding-right:12px}
.wrapBottom .bottomBar li:before{content:"";display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}
.wrapBottom .bottomBar li:first-child:before{display:none}
.wrapBottom .bottomBar li:before{width:1px;height:9px;margin-right:12px;margin-top:-1px;background-color:#e2e2e2}
.wrapBottom .bottomBar li a{width:100%;height:100%;color:#8c919a}
.wrapBottom .bottomBar .customer{float:left}
.wrapBottom .bottomBar .customer h3{width:0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
.wrapBottom .bottomBar .fansites{float:right}
.wrapBottom .bottomBar .fansites h3{margin-right:18px}
.wrapBottom .bottomBar .fansites .list{float:left}
.wrapBottom .bottomBar .fansites li:last-child{padding:0}
.newpcbang h3,.newpcbang ul,.newpcbang p,.newpcbang a{font-size:0;text-indent:-999em}
.newpcbang .gobeginner{position:absolute;top:205px;right:476px;width:278px;height:150px}
.newpcbang .gopcbang{position:absolute;top:205px;right:184px;width:278px;height:150px}
.newpcbang .ly_close{position:absolute;right:20px;bottom:15px;color:#fff}
.newpcbang .ly_close label{display:inline-block;margin-left:-2px;vertical-align:0px;letter-spacing:-1px;font:11px 'Dotum'}
.comepcbang h3,.comepcbang ul,.comepcbang p,.comepcbang a{font-size:0;text-indent:-999em}
.comepcbang .gocomeback{position:absolute;top:205px;right:476px;width:278px;height:150px}
.comepcbang .gopcbang{position:absolute;top:205px;right:184px;width:278px;height:150px}
.comepcbang .ly_close{position:absolute;right:20px;bottom:15px;color:#fff}
.comepcbang .ly_close label{display:inline-block;margin-left:-2px;vertical-align:0px;letter-spacing:-1px;font:11px 'Dotum'}
.commonpcbang h3,.commonpcbang ul,.commonpcbang p,.commonpcbang a{font-size:0;text-indent:-999em}
.commonpcbang .gopcbang{position:absolute;top:181px;right:40px;width:278px;height:145px}
.commonpcbang .ly_close{position:absolute;right:20px;bottom:15px;color:#fff}
.commonpcbang .ly_close label{display:inline-block;margin-left:-2px;vertical-align:0px;letter-spacing:-1px;font:11px 'Dotum'}

.footer-pc-cont {
	background: rgb(41, 40, 40); width: 100%; overflow: hidden; padding-top: 20px; padding-bottom: 20px; min-width: 1130px;
}
.footer-pc {
	background: rgb(41, 40, 40); width: 100%; overflow: hidden; padding-top: 20px;margin-top:10px; padding-bottom: 28px; min-width: 1130px;
}
.foot {
	margin: 0px auto; width: 631px; color: rgb(101, 103, 106); overflow: hidden; font-size: 12px;
}
.rig-cr {
	color: rgb(91, 151, 203); margin-left: 10px; float: left; display: inline; position: relative;
}
.f1 {
	color: rgb(101, 103, 106); padding-left: 8px;
}
.lower {
	width: 830px; color: rgb(101, 103, 106); margin-top: 10px; margin-left: 198px; float: left; display: inline; position: relative;
}
.rig-cr a {
	padding: 0px 8px; color: rgb(91, 151, 203); font-size: 14px;
}
.rig-cr a:hover {
	color: rgb(120, 222, 255);
}
.rig-cr p {
	margin-top: 17px;
}
.rig-cr span {
	font-size: 15px; display: block;
}
.rig-class {
	float: left;
}
.rig-class img {
	margin-right: 5px;
}
.inch-logo {
	width: 110px; margin-left: 5px; float: left; display: inline;
}
.rig-5 {
	line-height: 17px; margin-top: -2px; margin-left: 2px; float: left; display: inline;
}
.efun-logo {
	width: 110px; float: left;
}
.class {
	width: 50px;
}.foot {
    margin: 0px auto;
    width: 631px;
    color: rgb(101,103,106);
    overflow: hidden;
    font-size: 12px;
}

<!--------------------------------------------------------------------------------------------------------------->

body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit}
optgroup{font-weight:700}
button,input,select{overflow:visible}
button,input,select,textarea{margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{cursor:pointer}
[disabled]{cursor:default}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

button,input,textarea{outline:0}
[class*=" is-show"]{display:block}

.footer-copyright::after,.section-hotissue::after,.section-notice::after,.section-promotion .pagination-pc .btns::after,.section-promotion .wrap-listall ul::after,.section-quickmenu::after,.section-siege::after,.siege::after,.siege__article dl::after,.ui-slidetab .btns::after,.wrap-section-article section::after,.wrap-section-nshop>.section-nshop article .slick-item::after,.wrap-section-nshop>.section-nshop::after,.wrap-section-portal>section>section.section-my .wrap-myranking::after,.wrap-section::after,.wrap-section>section::after{content:'';display:table;clear:both}
.wrap-section-nshop,.wrap-section-portal{padding:0 18px}
@media (min-width:1260px){.wrap-section-nshop,.wrap-section-portal{padding:0}
}
.siege__util .ui-dropdown.ui-dropdown-server{position:static;color:#575757}
.siege__util .ui-dropdown.ui-dropdown-server .option{left:0;right:0;width:100%;max-width:1224px;margin:-36px auto 0 auto;padding:18px 12px 18px 14px;border:solid 1px #d3d6da;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);z-index:100}
.siege__util .ui-dropdown.ui-dropdown-server .option header{padding-bottom:10px;font-size:14px;font-weight:600;color:#1f1f1f;border-bottom:0 none}
.siege__util .ui-dropdown.ui-dropdown-server .option .btn-close{position:absolute;top:0;right:0;width:45px;height:45px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-close.png);background-size:14px 14px;background-position:center center;background-repeat:no-repeat}
.siege__util .ui-dropdown.ui-dropdown-server .option ul{list-style:none;margin:0;padding:0}
.siege__util .ui-dropdown.ui-dropdown-server .option li{list-style:none;float:left;width:calc(100% * .33333 - 4px * (1 - .33333));height:auto;margin:0;padding:0;font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .option li.selected a{border-color:#c69c7c;color:#aa8060}
.siege__util .ui-dropdown.ui-dropdown-server .option li:hover{background-color:transparent}
.siege__util .ui-dropdown.ui-dropdown-server .option li:hover a{background-color:rgba(153,153,153,.1)}
@media (min-width:640px){.siege__util .ui-dropdown.ui-dropdown-server .option li{width:16.66667%}
}
.siege__util .ui-dropdown.ui-dropdown-server .option li a{display:block;text-align:center;border:1px solid #f4f5f7;margin:0 0 4px 4px;padding:5px;color:#1f1f1f;text-decoration:none}
.ui-slidetab{position:relative;width:100%;height:51px;margin:0 auto;background-color:#f4f5f7;overflow:hidden;font-size:15px}
.ui-slidetab .handle{position:absolute;top:0;left:0}
.ui-slidetab .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.ui-slidetab .btns li{display:inline-block}
.ui-slidetab .btns li a{display:block;margin:0;height:50px;line-height:52px;color:#1f1f1f;text-align:center;text-decoration:none;padding-left:10px;padding-right:10px;min-width:65px}
.ui-slidetab .btns li a.on{color:#aa8060}
.ui-slidetab.percentage .btns,.ui-slidetab.percentage .handle{width:100%}
.ui-slidetab.percentage .btns li a{padding-left:0;padding-right:0}
@media screen and (min-width:960px){.wrap{margin:0 23px}
.ui-slidetab{border:1px solid #e1e1e5;font-size:16px}
.ui-slidetab .btns li{vertical-align:top;border-left:1px solid #e1e1e5}
.ui-slidetab .btns li:first-child{border-left:none}
.ui-slidetab .btns li a{line-height:45px;background-color:#fff;color:#000}
.ui-slidetab .btns li a.on{background-color:#c69c7c;color:#fff;border-bottom:none}
}
@media screen and (min-width:1260px){.wrap{margin:0 auto}
}
.page-my .ui-slidetab,.page-search .ui-slidetab{background-color:#fff}
.page-my .ui-slidetab::before,.page-search .ui-slidetab::before{content:'';display:block;height:1px;position:absolute;left:0;right:0;bottom:1px;background:#e1e1e5}
.page-my .ui-slidetab .btns li,.page-search .ui-slidetab .btns li{position:relative}
.page-my .ui-slidetab .btns li a.on::after,.page-search .ui-slidetab .btns li a.on::after{content:'';display:block;height:1px;position:absolute;left:0;right:0;bottom:0;background-color:#aa8060}
.overlay{z-index:9999999}
.ui-modal{z-index:9999999}
.ui-modal .modal{width:100%;width:calc(100% - 36px);min-width:284px;margin:0 auto;background:#fff}
.ui-modal .modal .contents{position:relative;-ms-word-break:break-all;word-break:break-all}
.ui-modal .modal .contents header.title{padding:18px 30px;color:#fff;font-size:20px;background-color:#b5bdca}
.ui-modal .modal .contents article{padding:32px 30px;color:#474747;font-size:13px}
.ui-modal .modal .btn-close{position:absolute;top:20px;right:30px;font-size:0;text-decoration:none;width:20px;height:18px;background-image:url(modal-close.png);background-size:20px 18px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.ui-modal .modal{width:674px}
}
.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{position:relative;display:inline-block;vertical-align:middle;line-height:1;font-size:0;background-repeat:no-repeat;opacity:.7}
.editor-icon-close:hover,.editor-icon-emoticon:hover,[class*=" fe-icon-"]:hover,[class^=fe-icon-]:hover{opacity:1}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{background-size:1000px auto}
}
.mobile .editor-icon-close,.mobile .editor-icon-emoticon,.mobile [class*=" fe-icon-"],.mobile [class^=fe-icon-],.tablet .editor-icon-close,.tablet .editor-icon-emoticon,.tablet [class*=" fe-icon-"],.tablet [class^=fe-icon-]{background-size:1000px auto}
.fe-icon-new{display:inline-block;width:auto;height:auto;font-size:12px;color:#ff5f3c;background-image:none;opacity:1}
.fe-icon-new::before{content:"N";font-style:normal;font-weight:400;font-size:12px;background:0 0}
@media (min-width:640px){.fe-icon-new::before{content:"new"}
}
.fe-icon-paging-prev{width:30px;height:31px;background-position:-20px -20px}
.fe-icon-paging-next{width:30px;height:31px;background-position:-70px -20px}
.fe-icon-notice-prev{width:16px;height:29px;background-position:-120px -20px}
.fe-icon-notice-next{width:16px;height:29px;background-position:-156px -20px}
.fe-icon-picture{width:16px;height:16px;background-position:-192px -20px}
.fe-icon-like{width:16px;height:14px;background-position:-227px -20px}
.fe-icon-comment{width:16px;height:15px;background-position:-263px -70px}
.fe-icon-reload{width:18px;height:19px;background-position:-298px -20px}
.fe-icon-write{width:17px;height:17px;background-position:-298px -70px}
.fe-icon-cards{width:20px;height:21px;background-position:-376px -20px}
.fe-icon-back{width:9px;height:16px;background-position:-416px -20px}
.fe-icon-more{width:6px;height:24px;background-position:-445px -20px}
.fe-icon-vote-like{width:16px;height:14px;background-position:-336px -170px}
.fe-icon-bookmark{width:18px;height:17px;background-position:-376px -170px}
.fe-icon-plus{width:13px;height:13px;background-position:-561px -20px}
.fe-icon-comments{width:17px;height:16px;background-position:-593px -20px}
.fe-icon-reply{width:19px;height:12px;background-position:-630px -20px}
.fe-icon-list{width:19px;height:15px;background-position:-669px -20px}
.fe-icon-search{width:17px;height:18px;background-position:-708px -20px}
.fe-icon-menu{width:13px;height:11px;background-position:-745px -20px}
.fe-icon-share{width:15px;height:14px;background-position:-778px -70px}
.fe-icon-checked{width:23px;height:16px;background-position:-821px -20px}
.editor-icon-close,.fe-icon-close{width:19px;height:19px;background-position:-864px -20px}
.fe-icon-top{width:37px;height:37px;background-position:-943px -20px}
.editor-icon-emoticon{width:20px;height:19px;background-position:-903px -19px}
.fe-icon-arrow_down{background:0 0;width:8px}
.fe-icon-arrow_down::before{content:'';height:0;width:0;border-left:4px solid #faf8f2;border-right:4px solid #faf8f2;border-top:5px solid #000;display:inline-block;margin-right:5px}
.loadingbar{position:relative;width:100%;height:100%;min-height:100px;text-align:center;z-index:1}
.loadingbar::before{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;content:'';display:inline-block;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,.9);background-image:url(loading.gif);background-size:31px 31px;background-position:center center;background-repeat:no-repeat}
section .nodata{min-height:220px;padding-top:70px;text-align:center}
section .nodata p{margin-bottom:15px;font-size:13px;line-height:1.54;color:#474747}
section .nodata p strong{font-weight:400;color:#1f1f1f}
section .nodata a,section .nodata button{display:inline-block;min-width:135px;padding:9px 20px 11px 20px;margin:0 auto;color:#aa8060!important;border:1px solid #c69c7c;outline:0;border-radius:100px;font-size:15px;background-color:transparent}
section .nodata a:hover,section .nodata button:hover{text-decoration:none!important}
.slick-loading .slick-list{background:#fff url(loading.gif) center center no-repeat}
.slick-next,.slick-prev{position:absolute;z-index:99;display:block;width:22px;height:22px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px\9;padding:0;border:none;outline:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0;color:transparent}
.slick-next:focus::before,.slick-next:hover::before,.slick-prev:focus::before,.slick-prev:hover::before{opacity:1}
.slick-next.slick-disabled::before,.slick-prev.slick-disabled::before{opacity:.25}
.slick-next::before,.slick-prev::before{font-family:dotum;font-size:22px;line-height:1;color:#c7c7cc;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-prev::before{content:''}
[dir=rtl] .slick-prev::before{content:">"}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-next::before{content:''}
[dir=rtl] .slick-next::before{content:"<"}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:8px;width:8px;margin:0 4px!important;padding:0;cursor:pointer}
@media (min-width:960px){.slick-dots li{margin:0 6px}
}
.slick-dots li button{border:0;background:0 0;display:block;height:8px;width:8px;outline:0;line-height:0;font-size:0;color:transparent;cursor:pointer}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus::before,.slick-dots li button:hover::before{opacity:1}
.slick-dots li button::before{content:'';position:absolute;top:0;left:0;width:6px;height:6px;border:1px solid #cdcdcd;border-radius:50%;font-family:dotum;font-size:30px;color:#c69c7c;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media (min-width:960px){.slick-dots li button::before{width:8px;height:8px}
}
.slick-dots li.slick-active button::before{border:1px solid #c69c7c;color:#c69c7c;opacity:.75;background-color:#c69c7c}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track::after,.slick-track::before{content:"";display:table}
.slick-track::after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{top:0;height:38px;font-weight:700}
.slick-arrow.slick-prev{left:0}
.slick-arrow.slick-next{right:0}
.nc-cnb--lineage .ncc-bi{width:130px;height:56px;margin-top:5px;color:transparent;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(bi-lineage-type1.png);background-size:130px 50px;background-position:center center;background-repeat:no-repeat}
.nc-cnb--lineage .ncc-left-panel .ncc-bi,.nc-cnb--lineage.is-sticky .ncc-bi{background-image:url(bi-lineage-type2.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
#nc-cnb .ncc-character-list-wrap .loadingbar{display:none;position:fixed}
@media (min-width:960px){#nc-cnb .ncc-lnb .m7 .ncc-lnb-item__sub{margin-left:-430px}
}
#nc-cnb .ncc-character-list{background-color:rgba(244,245,247,.85)}
#nc-cnb .ncc-character-list>li{position:relative;font-size:14px;font-weight:300;line-height:1;text-align:left;color:#1f1f1f;cursor:pointer;border-bottom:1px solid #fff}
#nc-cnb .ncc-character-list>li::before{position:absolute;right:18px;top:21px;display:inline-block;content:'';width:11px;height:1px;background-color:#c7c7cc}
#nc-cnb .ncc-character-list>li::after{position:absolute;right:23px;top:16px;display:inline-block;content:'';width:1px;height:11px;background-color:#c7c7cc}
#nc-cnb .ncc-character-list>li.on::after{display:none}
#nc-cnb .ncc-character-list>li span{display:block;padding:15px 18px}
#nc-cnb .ncc-character-list>li ul.l1-character-list{padding:10px 0;background-color:#fff}
#nc-cnb .ncc-character-list>li ul.l1-character-list li{margin:0;font-size:13px;font-weight:300;color:#474747}
#nc-cnb .ncc-character-list>li ul.l1-character-list li:hover{color:#d17c15}
#nc-cnb .ncc-character-list>li ul.l1-character-list li span{padding:7px 18px}
body,html{margin:0;padding:0}

body .wrap-contents{max-width:1260px;margin:0 auto;padding-top:48px;text-align:left}
@media (min-width:960px){body .wrap-contents{padding-top:55px}
}
body.page-main .wrap-header{display:none}
body.page-main .wrap-contents{max-width:100%!important}
body.app .wrap-contents{padding:0 0 50px 0}

#diyxwhd .list{ height:240; margin:10px 15px 0;overflow:hidden }
#diyxwhd .list li{ overflow:hidden; height:35px; line-height:35px; padding-top:3px; float:left; width:600px;list-style:none;}
#diyxwhd .list span{ float:right }
#diyxwhd .list .act{ width:40px;  line-height: 20px; height:20px; margin-top: 5px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
#diyxwhd .list .act:hover{ text-decoration:none; background:#e2cbcb; }
#diyxwhd .list a.title{ float:left; color:#230000; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
#diyxwhd .list a.title{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:15px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
#diyxwhd .list a.title:hover{ color:#93979e; text-decoration:none }
#diyxwhd .list span {float: right;font-size: 15px;letter-spacing: -1px;line-height:30px;color:#000}
#diyxwhd .list .date {display: block; width: 60px; float: right; margin-right: 0;}
#diyxwhd li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
#diyxwhd .title{line-height: 30px;}

#diywjlt .list{ height:240; margin:10px 15px 0;overflow:hidden }
#diywjlt .list li{ overflow:hidden; height:35px; line-height:35px; padding-top:3px; float:left; width:600px;list-style:none;}
#diywjlt .list span{ float:right }
#diywjlt .list .act{ width:40px;  line-height: 20px; height:20px; margin-top: 5px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
#diywjlt .list .act:hover{ text-decoration:none; background:#e2cbcb; }
#diywjlt .list a.title{ float:left; color:#230000; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
#diywjlt .list a.title{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:15px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
#diywjlt .list a.title:hover{ color:#93979e; text-decoration:none }
#diywjlt .list span {float: right;font-size: 15px;letter-spacing: -1px;line-height:30px;color:#000}
#diywjlt .list .date {display: block; width: 60px; float: right; margin-right: 0;}
#diywjlt li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
#diywjlt .title{line-height: 30px;}


section h1,section h2,section h3,section h4,section h5{margin:0;padding:0;font-weight:400}
section dd,section dl,section dt,section figure,section p{margin:0;padding:0}
section menu,section ol,section ul{list-style:none;margin:0;padding:0}
section li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
section i,section var{font-style:normal}
section a{outline:0;text-decoration:none;color:inherit}
section img{vertical-align:top}
section *{box-sizing:border-box;outline:0}
section button{cursor:pointer;border:0 none;background:0 0}
section em{font-style:normal}
section.board-view h1,section.board-view h2,section.board-view h3,section.board-view h4,section.board-view h5{display:block;margin:initial;padding:initial;font-weight:700}
section.board-view p{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}
section.board-view ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
section.board-view ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
section.board-view li{display:list-item}
section.board-view i,section.board-view var{font-style:initial}
section.board-view a{color:initial;text-decoration:underline;cursor:auto}
section.board-view img{display:inline-block}
section.board-view *{outline:initial}
section.board-view em{font-style:italic}
.floatingbanner{display:none;width:214px;height:214px;position:absolute;left:50%;margin-left:-107px;top:279px;background-size:cover;z-index:12}
.floatingbanner a{position:absolute;left:0;top:0;cursor:pointer;border-radius:50%}
.floatingbanner .event{width:200px;height:200px}
.floatingbanner .close{left:171px;top:158px;width:44px;height:44px}
@media (min-width:960px){.floatingbanner{top:472px}
}
@media (min-width:1260px){.floatingbanner{top:619px}
}
.floatingbanner.off{display:none!important}
.board-top-utils{padding-top:8px}
.is-sticky .ncc-header{background-color:#aa8060}
.wrap-header{min-height:56px;background-color:#aa8060}
@media (min-width:960px){.wrap-header{position:static;min-height:197px;background-image:url(header.jpg);background-repeat:no-repeat;background-size:2560px auto;background-position:50% 50%}
}
@media (min-width:960px){.wrap-header .header{position:relative;margin:0 auto}
}
@media (min-width:1260px){.wrap-header .header{max-width:1260px}
}
.wrap-header .header .logo{display:none}
@media (min-width:960px){.wrap-header .header .logo{display:block;position:absolute;top:15px;left:0;text-decoration:none;font-family:verdana;color:#000;font-size:35px;font-weight:300}
}
.wrap-header .header .header-title{display:none;margin:0;padding:0;font-size:21px;color:#fff;letter-spacing:-1px;text-align:center;font-weight:400;line-height:1.2}
@media (min-width:960px){.wrap-header .header .header-title{font-size:32px}
}
.wrap-header .header-subcopy{margin-top:5px;text-align:center;font-size:13px;color:rgba(255,255,255,.4);line-height:1.2}
@media (min-width:960px){.wrap-header .header-subcopy{margin-top:17px}
}
.launcherLayer{z-index:10001000!important}
.page-my .nc-cnb--lineage .ncc-bi,.page-search .nc-cnb--lineage .ncc-bi{background-image:url(bi-lineage-type2.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.page-my .nc-cnb--lineage .ncc-bi,.page-search .nc-cnb--lineage .ncc-bi{background-image:url(bi-lineage-type1.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
}
.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{position:relative;display:inline-block;vertical-align:middle;line-height:1;font-size:0;background-repeat:no-repeat;opacity:.7}
.editor-icon-close:hover,.editor-icon-emoticon:hover,[class*=" fe-icon-"]:hover,[class^=fe-icon-]:hover{opacity:1}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{background-size:1000px auto}
}
.mobile .editor-icon-close,.mobile .editor-icon-emoticon,.mobile [class*=" fe-icon-"],.mobile [class^=fe-icon-],.tablet .editor-icon-close,.tablet .editor-icon-emoticon,.tablet [class*=" fe-icon-"],.tablet [class^=fe-icon-]{background-size:1000px auto}
.co-btn-top{position:fixed;right:18px;bottom:18px;z-index:10}
@media (min-width:1333px){.co-btn-top{right:50%;margin-right:-685px}
}
.fe-icon-top{width:37px;height:37px;background-position:-943px -20px}
.wrap-footer{margin-top:90px;width:100%;background-color:#111}
.footer .select-country .wrap-footer .icon-country,.footer .select-country .wrap-footer .icon-country-arrow,.footer-sns-items .wrap-footer a,.wrap-footer .footer .select-country .icon-country,.wrap-footer .footer .select-country .icon-country-arrow,.wrap-footer .footer-logo,.wrap-footer .footer-sns-items a,.wrap-footer .sprites{background-image:url(footer.png);background-size:149px auto;background-repeat:no-repeat}
.footer{clear:both;max-width:880px;margin:0 auto;padding:40px 0 55px;text-align:center}
.footer ul{margin:0;padding:0;list-style:none}
@media (min-width:960px){.footer{padding:40px 0 75px}
}
.footer .footer-communtiy-policy{display:inline-block;font-size:15px;font-weight:400;font-style:normal;line-height:1.14;letter-spacing:-.9px;text-align:center;color:#1f1f1f}
.footer .footer-communtiy-policy::after{content:'';display:inline-block;width:1px;height:13px;margin:-2px 8px 0 11px;vertical-align:middle;background-color:#babdc2}
@media (min-width:960px){.footer .footer-communtiy-policy{font-size:16px;letter-spacing:-1px}
.footer .footer-communtiy-policy::after{margin-top:0}
}
.footer .select-country{position:relative;margin:15px auto 0;cursor:pointer}
@media (min-width:960px){.footer .select-country{margin-top:21px}
}
.footer .select-country-title{display:inline-block;font-size:15px;font-weight:400;font-style:normal;line-height:1.14;letter-spacing:-.9px;text-align:center;color:#1f1f1f;cursor:pointer}
@media (min-width:960px){.footer .select-country-title{font-size:16px}
}
.footer .select-country .icon-country{display:inline-block;width:17px;height:17px;margin-right:2px;vertical-align:middle;background-position:0 -43px}
.footer .select-country .icon-country-arrow{display:inline-block;width:8px;height:5px;margin-left:4px;vertical-align:middle;background-position:0 -74px}
.footer .select-country-list{position:absolute;z-index:10;overflow:hidden;left:50%;width:180px;height:0;margin-top:10px;margin-left:-90px}
.footer .select-country-items{border-top:1px solid #ceab90;text-align:center}
.footer .select-country-items:first-child{border:0}
.footer .select-country-items a{display:block;height:33px;font-size:14px;line-height:31px;color:#fff;text-decoration:none;background-color:#c69c7c}
@media (min-width:960px){.footer .select-country-items a{font-size:15px}
}
.footer .select-country.on .select-country-list{height:101px}
.footer-sns-list{text-align:center;line-height:1}
.footer-sns-items{display:inline-block;width:46px;height:46px;margin:0 4px}
.footer-sns-items a{text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;width:100%;height:100%;outline:0}
.footer-sns-items-facebook a{background-position:0 -94px}
.footer-sns-items-facebook a:hover{background-position:0 -155px}
.footer-links{padding:5px 0 5px;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;font-weight:350;font-size:12px;line-height:24px;letter-spacing:-.075em}
@media (min-width:960px){.footer-links{margin:0;padding:22px 0 0;border:0;font-size:13px}
}
.footer-links-list{position:relative}
.footer-links-list-kr .footer-links-items:nth-child(1),.footer-links-list-kr .footer-links-items:nth-child(6),.footer-links-list-kr .footer-links-items:nth-child(7){display:none}
.footer-links-list-kr .footer-links-items.items2::after{display:none}
.footer-links-list-sea .items1,.footer-links-list-tw .items1{display:none}
@media (min-width:960px){.footer-links-list .footer-links-items{padding:0 11px}
.footer-links-list-kr .footer-links-items:nth-child(n){display:inline-block}
.footer-links-list-sea .items1,.footer-links-list-tw .items1{display:inline-block}
}
.footer-links-items{display:inline-block;position:relative;padding:0 4px 0 3px;color:#9d9d9d;font-size:12px}
.footer-links-items a{color:#9d9d9d;text-decoration:none}
.footer-links-items.items1::after{display:none}
@media (min-width:960px){.footer-links-items{font-size:14px}
}
.footer-copyright{margin-top:3px;padding-top:13px;font-size:11px;color:#5f5f5f;line-height:1.5}
.footer-copyright .copyright-studio{display:none}
.footer-copyright a{color:inherit;text-decoration:none}
@media (min-width:960px){.footer-copyright{margin-top:10px;padding-top:25px;font-size:12px;letter-spacing:-.9px;border-top:1px solid #1f1f1f}
.footer-copyright .copyright-studio{display:inline-block}
.footer-copyright .copyright-company{display:inline-block}
.footer-copyright .copyright-company br,.footer-copyright .copyright-studio br{display:none}
}
.footer-info{display:none}
.footer-info-tw{display:block}
.footer-info-tw dl{margin:0;padding:0}
.footer-info-tw dt{text-align:center}
.footer-info-tw dd{padding:0;margin:7px 0 0 0}
.footer-info-tw p{margin:0;padding:9}
.footer-info-tw img{width:45px;height:45px}
@media (min-width:960px){.footer-info{display:block}
}
.footer-logo{display:none;margin-top:19px;height:29px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-position:center 0}
.footer-logo a{display:none}
@media (min-width:960px){.footer-logo{display:block}
}
@media (min-width:960px){.footer-tw .footer-copyright{text-align:left}
}
@media (min-width:960px){.footer-info-tw{float:right;margin:0;text-align:right}
.footer-info-tw dt{float:right}
.footer-info-tw dt img{margin-top:4px}
.footer-info-tw dd{float:right;margin:0}
}
@media (min-width:960px){.tw .footer .footer-copyright{text-align:left}
.tw .footer .footer-copyright .copyright-studio br{display:block}
}
.items6{position:relative}
.layer-grade{display:none;position:absolute;bottom:23px;left:-239px;width:574px;height:246px;background:url(grade.png) no-repeat;text-indent:-9999px;overflow:hidden;z-index:9999}
ol.keyword li{width:100%;height:37px;font-size:14px}
ol.keyword li:nth-child(1) a::before{content:"1";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(2) a::before{content:"2";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(3) a::before{content:"3";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(4) a::before{content:"4";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(5) a::before{content:"5";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(6) a::before{content:"6";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(7) a::before{content:"7";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(8) a::before{content:"8";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(9) a::before{content:"9";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(10) a::before{content:"10";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li a{float:left;width:160px;display:inline-block;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ol.keyword li .ui-rank{display:inline-block;min-width:40px;color:#888;font-size:13px;vertical-align:middle}
ol.keyword li .ui-rank::before{display:inline-block;content:'';margin-right:3px;font-size:13px;letter-spacing:-.1em;vertical-align:top}
ol.keyword li .ui-rank.new{font-size:0;color:#ff5f3c}
ol.keyword li .ui-rank.new::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;content:'NEW'}
ol.keyword li .ui-rank.up::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:0;height:0;border-style:solid;border-width:0 4.5px 5px 4.5px;border-color:transparent transparent #e27747 transparent}
ol.keyword li .ui-rank.down::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:0;height:0;border-style:solid;border-width:5px 4.5px 0 4.5px;border-color:#7399b6 transparent transparent transparent}
ol.keyword li .ui-rank.same{font-size:0}
ol.keyword li .ui-rank.same::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:8px;height:8px;color:#888;border-bottom:solid 2px #c7c7cc}
ol.keyword li .ui-rank.none::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0}
ol.keyword li .ui-rank{float:right;font-size:13px}
ol.keyword li .ui-rank.same::before{margin-top:2px}
.page-search .section-keyword .keyword__list{top:75px}
@media (min-width:640px){.page-search .section-keyword .keyword__list{max-width:290px;left:70px;right:auto}
}
.page-powerbook .section-keyword .keyword__list{top:41px}
.section-promotion{position:relative;margin:0;padding:0;width:100%;visibility:hidden;background-color:#000}
.section-promotion .section-promotion__list{height:500px;overflow:hidden}
.section-promotion .section-promotion__list ul{margin:0;padding:0}
.section-promotion .section-promotion__list ul li{position:relative;color:#fff}
.section-promotion .section-promotion__list ul li .loadingbar{position:relative;width:100%;height:100%;min-height:100px;text-align:center;z-index:1}
.section-promotion .section-promotion__list ul li .loadingbar::before{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;content:'';display:inline-block;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,.9);background-image:url(loading.gif);background-size:31px 31px;background-position:center center;background-repeat:no-repeat}
.section-promotion .section-promotion__list ul li .article{position:absolute;top:50%;left:0;width:100%;text-align:center;font-weight:400;padding:0 18px;display:table;min-height:400px;margin-top:-200px}
.section-promotion .section-promotion__list ul li .article a{display:table-cell;vertical-align:middle;width:100%;text-decoration:none;}
.section-promotion .section-promotion__list ul li .article .type{position:relative;display:none;height:49px;font-size:12px;font-weight:300}
.section-promotion .section-promotion__list ul li .article .type.is-type{display:inline-block}
.section-promotion .section-promotion__list ul li .article .type.is-type::after{content:'';display:inline-block;position:absolute;bottom:15px;left:50%;width:20px;height:1px;margin-left:-10px;background-color:rgba(255,255,255,.2)}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .type{font-size:14px}
}
.section-promotion .section-promotion__list ul li .article .title{display:block;font-size:33px;font-weight:300}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .title{font-size:48px!important}
}
.section-promotion .section-promotion__list ul li .article .desc{display:none;margin-top:23px;font-size:14px}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .desc{font-size:16px}
}
.section-promotion .section-promotion__list ul li .article .date{display:block;margin-top:7px;font-size:14px;font-weight:300;color:rgba(255,255,255,.6)}
@media (min-width:960px){.section-promotion .section-promotion__list ul li .article .date{margin-top:16px}
}
@media (min-width:960px) and (max-width:1259px){.section-promotion .section-promotion__list ul li .article .date{margin-top:7px}
}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .date{margin-top:9px;font-size:16px}
}
.section-promotion .section-promotion__list ul li .bg-mobile{position:relative;height:500px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.section-promotion .section-promotion__list ul li .bg{position:relative;display:none;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.section-promotion .pagination-wrap{position:absolute;bottom:0;width:100%}
.section-promotion .pagination-wrap .page-no{position:relative;text-align:center;margin-bottom:16px;color:#fff;font-size:14px;font-weight:300}
.section-promotion .page-no .current{color:#fff;filter:alpha(opacity=100)}
.section-promotion .page-no .divider,.section-promotion .page-no .total{color:rgba(255,255,255,.5);filter:alpha(opacity=50)}
@media (min-width:640px){.section-promotion .pagination-wrap::before{content:'';position:absolute;left:0;bottom:47px;display:block;width:100%;height:1px;background-color:rgba(255,255,255,.05)}
}
.section-promotion .pagination-wrap .pagination-mobile,.section-promotion .pagination-wrap .pagination-pc{max-width:1260px;margin:0 auto;z-index:9}
.section-promotion .pagination-wrap .pagination-mobile{position:relative;display:none;margin:0;padding:0;width:100%;height:48px;overflow:hidden}
.section-promotion .pagination-wrap .pagination-mobile::before{content:'';display:block;width:100%;height:1px;background-color:rgba(255,255,255,.05)}
.section-promotion .pagination-mobile .handle{position:absolute;top:0;left:0}
.section-promotion .pagination-mobile .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.section-promotion .pagination-mobile .btns li{display:inline-block;height:48px;line-height:47px}
.section-promotion .pagination-mobile .btns li a{display:block;margin:0;text-align:center;color:rgba(255,255,255,.5);font-size:14px;font-weight:300;text-decoration:none}
.section-promotion .pagination-mobile .btns li a.on{color:#fff;border-top:1px solid #c69c7c;-webkit-transition:all .4s;transition:all .4s}
.section-promotion .pagination-wrap .pagination-pc{position:relative;display:none;padding:0;width:100%;height:58px;overflow:hidden}
.section-promotion .pagination-pc .btns{display:block;position:relative;margin:0;padding:0;width:100%;white-space:nowrap}
.section-promotion .pagination-pc .btns li{position:absolute;display:inline-block;top:0;left:0;height:58px}
.section-promotion .pagination-pc .btns li a{display:block;margin:0;color:rgba(255,255,255,.5);text-align:center;font-size:14px;line-height:58px}
.section-promotion .pagination-pc .btns li a.on{color:#fff;border-top:1px solid #c69c7c;line-height:56px}
.section-promotion .pagination-pc .btn-prev{position:absolute;display:none;top:1px;left:7px;width:40px;height:56px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-promotion-prev.png);background-size:11px 22px;background-position:center center;background-repeat:no-repeat}
.section-promotion .pagination-pc .btn-next{position:absolute;display:none;top:1px;right:7px;border:0 none;background:0 0;width:40px;height:56px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-promotion-next.png);background-size:11px 22px;background-position:center center;background-repeat:no-repeat}
.section-promotion__listall{display:none;position:absolute;left:0;right:0;bottom:0;width:100%;text-align:center}
.section-promotion__listall.on{height:100%;z-index:10;background-color:rgba(21,16,13,.6)}
.section-promotion__listall .bundle{width:100%;height:100%;max-width:1260px;margin:0 auto;position:relative}
.section-promotion__listall.on .bundle::after{content:'';position:absolute;left:0;bottom:57px;width:100%;height:1px;border-bottom:1px solid #fff;border-color:rgba(255,255,255,.05)}
.section-promotion__listall.on .btn-listall{right:27px;content:''}
.section-promotion__listall.on .btn-listall::before{background-image:url(icon-close.png);background-size:13px 12px;background-position:center center;background-repeat:no-repeat}
.section-promotion__listall.on .btn-listall::after{content:'닫기'}
.section-promotion__listall.on .wrap-listall{display:block}
.section-promotion .btn-listall{display:block;position:absolute;right:30px;bottom:80px;padding:0;font-size:14px;color:#fff;z-index:9}
.section-promotion .btn-listall::before{content:'';display:inline-block;width:15px;height:15px;vertical-align:middle;margin:-1px 9px 0 0;background-image:url(icon-promotion-list.png);background-size:15px 15px;background-position:center center;background-repeat:no-repeat}
.section-promotion .btn-listall::after{content:'전체보기'}
@media (min-width:960px){.section-promotion .btn-listall{display:block}
}
.section-promotion .wrap-listall{display:none;position:absolute;bottom:0;width:100%;padding-bottom:120px;max-height:531px;background-color:rgba(200,160,129,.98)}
.section-promotion .wrap-listall ul{padding:0 10px 0 32px}
.section-promotion .wrap-listall li{float:left;width:calc(100% / 4);height:81px;display:table;padding:46px 10px 0 0;text-align:left;cursor:pointer;overflow:hidden;z-index:2103}
.section-promotion .wrap-listall li a{display:table;float:left}
.section-promotion .wrap-listall li .thumb{float:left;display:block;width:81px;height:81px;margin:0 10px 0 0;border-radius:50%}
.section-promotion .wrap-listall li .article{display:table-cell;width:178px;height:100%;vertical-align:middle;padding-bottom:6px}
.section-promotion .wrap-listall li .article .subject{display:block;font-size:14px;font-weight:400;color:#46342e;line-height:1.4}
.section-promotion .wrap-listall li .article .date{display:block;margin-top:6px;font-size:13px;color:#916b4e}
@media (min-width:1260px){.section-promotion .wrap-listall ul{padding:30px 97px 0 135px}
}
@media (min-width:640px){.section-promotion .pagination-wrap .pagination-mobile{display:block}
.section-promotion .section-promotion__list ul li .article{min-height:330px;margin-top:-165px}
.section-promotion .section-promotion__list ul li .article .title{font-size:44px;letter-spacing:-3px}
}
@media (min-width:960px){.section-promotion .pagination-wrap::before{bottom:57px}
.section-promotion .section-promotion__list{height:575px}
.section-promotion .pagination-pc .btns li a{font-size:16px;text-decoration: none;}
.section-promotion .section-promotion__list ul li .bg-mobile{display:none}
.section-promotion .section-promotion__list ul li .bg{display:block;height:575px}
.section-promotion .pagination-wrap .pagination-mobile{display:none}
.section-promotion .pagination-wrap .pagination-pc{display:block}
.section-promotion .pagination-pc .btns li{line-height:54px}
.section-promotion .section-promotion__list ul li .article .desc{display:block}
.section-promotion__listall{display:block}
.section-promotion .pagination-pc .btn-next,.section-promotion .pagination-pc .btn-prev{display:block}
}
@media (min-width:1260px){.section-promotion .section-promotion__list{height:650px}
.section-promotion .section-promotion__list ul li .article{min-height:400px;margin-top:-200px}
.section-promotion .section-promotion__list ul li .bg{height:650px}
.btn-listall{right:0}
.section-promotion .pagination-pc .btn-prev{left:-13px}
.section-promotion .pagination-pc .btn-next{right:-13px}
}
.wrap-section-special{width:100%;text-align:center;padding:0!important}
.wrap-section-special .section-special{height:409px}
.wrap-section-special .slick-dots{bottom:-25px}
.wrap-section-special .slick-dots li button::before{border-color:rgba(255,255,255,.27)}
.wrap-section-special .slick-next,.wrap-section-special .slick-prev{width:18px;height:36px;top:85px;position:absolute}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{content:'';display:block;width:18px;height:36px}
.wrap-section-special .slick-prev{left:-32px}
.wrap-section-special .slick-next{right:-32px}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{position:absolute;content:'';display:inline-block;top:6px;width:22px;height:22px;border:solid #747880;border-width:0 0 1px 1px}
.wrap-section-special .slick-prev::before{left:5px;-webkit-transform:rotate(49deg) skew(6deg);-ms-transform:rotate(49deg) skew(6deg);transform:rotate(49deg) skew(6deg)}
.wrap-section-special .slick-next::before{left:-5px;-webkit-transform:rotate(229deg) skew(6deg);-ms-transform:rotate(229deg) skew(6deg);transform:rotate(229deg) skew(6deg)}
@media (min-width:320px){.wrap-section-special .slick-arrow{opacity:0}
}
@media (min-width:640px){.wrap-section-special .slick-arrow{opacity:1}
}
@media (min-width:960px){.wrap-section-special .slick-prev{left:-74px}
.wrap-section-special .slick-next{right:-74px}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{width:32px;height:32px}
}
.wrap-section-special header{position:relative;height:134px}
.wrap-section-special header h2{padding:50px 18px 13px 18px;font-size:33px;font-weight:300;line-height:1;text-align:center;color:#fff}
.wrap-section-special header p{margin:0 30px;font-size:11px;font-weight:300;line-height:1.5;text-align:center;color:#fff;opacity:.6}
@media (min-width:640px){.wrap-section-special header{height:169px}
.wrap-section-special header h2{padding:60px 0 13px 0}
.wrap-section-special header p{font-size:13px}
}
@media (min-width:960px){.wrap-section-special header{height:246px}
.wrap-section-special header h2{padding:80px 0 30px 0;font-size:44px}
.wrap-section-special header p{font-size:14px}
}
@media (min-width:1260px){.wrap-section-special header{height:326px}
.wrap-section-special header h2{padding:120px 0 30px 0;font-size:50px}
.wrap-section-special header p{font-size:16px}
}
.wrap-section-special .slick-item a{display:block;overflow:hidden}
.section-special.image .btn-play,.section-special.video ul{display:none}
.section-special{position:relative;width:100%;overflow:hidden;text-align:center;background-position:center top;background-size:cover}
.section-special::before{position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background-color:rgba(21,16,13,.6)}
.section-special.video{height:284px}
.section-special.video .btn-play{margin-top:20px}
@media (min-width:640px){.section-special.video .btn-play{margin-top:10px}
}
@media (min-width:960px){.section-special.video header h2{padding-top:120px}
.section-special.video .btn-play{margin-top:40px}
}
@media (min-width:1260px){.section-special.video .btn-play{margin-top:-25px}
}
.section-special.video::before{display:none}
.btn-play{position:relative;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;display:inline-block;content:'';width:72px;height:72px;margin-top:70px;background-image:url(icon-special-vod-b.png);background-size:72px 72px;background-position:center center;background-repeat:no-repeat}
.section-special.image{height:409px}
.section-special.image>ul{margin:0 auto;width:245px}
.section-special.image>ul .thumbnail a,.section-special.image>ul .video a{display:block;width:100%;height:100%;position:relative}
.section-special.image>ul .video a::after{position:absolute;left:0;top:0;display:inline-block;content:'';width:100%;height:145px;z-index:2;background-color:rgba(0,0,0,.6)}
@media (min-width:960px){.section-special.image>ul .video a::after{height:178px}
}
.section-special.image .slick-slide{position:relative;height:210px}
.section-special a{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.section-special a:hover .contents{background:rgba(198,156,124,.6)}
.section-special a:hover .contents img{display:block;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.section-special a:hover .contents strong{text-decoration:underline}
.section-special .contents{width:100%;background:rgba(0,0,0,.6);padding:0 0 15px 0}
.section-special .contents .contents-img{width:100%;height:145px;overflow:hidden}
.section-special .contents strong{display:block;padding:14px 18px 5px 18px;font-weight:400;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-special .contents p{padding:0 18px;font-size:11px;color:#fff;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-special .contents img{width:100%;height:auto}
@media (min-width:960px){.section-special .contents .contents-img{height:178px}
}
@media (min-width:640px){.section-special.video{height:306px}
.section-special.image{height:439px}
.section-special.image>ul{width:522px}
.section-special.image .slick-slide{padding:0 8px}
}
@media (min-width:960px){.section-special.video{height:490px}
.section-special.image{height:585px}
.section-special.image>ul{width:636px}
.section-special.image .slick-slide{height:259px}
.section-special .contents{padding:0 0 19px 0}
.section-special .contents strong{font-size:16px}
.section-special .contents p{font-size:13px}
.section-special.image>ul .video a::after{background-image:url(icon-special-vod-b.png);background-size:52px 52px;background-position:center 70px;background-repeat:no-repeat}
}
@media (min-width:1260px){.section-special.image{height:705px}
.section-special.image>ul{width:1256px}
.section-special.image>ul li{margin:0 8px;width:302px;height:259px;float:left}
.section-special.image>ul li .contents{height:259px}
.section-special.image>ul li:first-child{margin-left:0}
.section-special.image>ul li:last-child{margin-right:0}
.section-special.image::after{content:"";display:block;clear:both}
}
.ui-youtube-modal .modal{margin:0 auto;width:100%;width:calc(100%);max-width:1260px;padding:0 18px;text-align:right}
@media (min-width:1260px){.ui-youtube-modal .modal{padding:0}
}
.ui-youtube-modal .modal .btn-close{text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;position:absolute;top:-30px;right:18px;width:20px;height:20px;background-image:url(icon-modal-close.png);background-size:20px 20px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.ui-youtube-modal .modal .btn-close{width:36px;height:35px;top:-48px;background-image:url(icon-modal-close.png);background-size:36px 35px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:1260px){.ui-youtube-modal .modal .btn-close{right:0}
}
.ui-youtube-modal .modal .embed-responsive-video{position:relative;padding-top:56.25%;background-color:#000}
.ui-youtube-modal .modal .embed-responsive-video .iframe-wrap{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%}
.overlay,.ui-youtube-modal{z-index:9999999}
.ui-youtube-modal .btn-close-today{display:inline-block;padding-top:11px;font-size:13px;color:#fff;vertical-align:middle;text-decoration:none;cursor:pointer}
.ui-youtube-modal .btn-close-today #checkModalCookie{margin:0 5px 0;vertical-align:middle}
.ui-youtube-modal .btn-close-today label{cursor:pointer}
.page-main .wrap-section-portal article a:hover dt,.page-main .wrap-section-portal article li a:hover dt{text-decoration:underline}
.page-main .wrap-section-portal article a:hover dd,.page-main .wrap-section-portal article li a:hover dd{color:#474747}
.page-main .section-content-type6 a:hover *{text-decoration:none}
.page-main .section-content-type6 a:hover dd.desc{text-decoration:underline}
.page-main .section-contents,.page-main .wrap-contents{padding-top:0}
.wrap-section{vertical-align:top;padding:0 18px}
@media (min-width:1260px){.wrap-section{padding:0}
}
.wrap-section>section{max-width:1260px;margin:0 auto}
.wrap-section .slick-item,.wrap-section .slick-list,.wrap-section .slick-slider{margin-bottom:0}
.wrap-section-portal{padding-top:20px;padding-bottom:20px;background:#f4f5f7}
.wrap-section-portal .nodata p{margin-bottom:20px}
@media (min-width:640px){.wrap-section-portal{padding-top:25px;padding-bottom:25px}
}
@media (min-width:960px){.wrap-section-portal{padding-top:40px;padding-bottom:40px}
}
@media (min-width:1260px){.wrap-section-portal{padding-left:0;padding-right:0;padding-top:45px;padding-bottom:45px}
}
.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{float:left;text-align:left;overflow:hidden;border:1px solid #efefef;background:#fff;height:325px;margin-bottom:7px}
@media (min-width:640px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:334px;margin-bottom:18px}
}
@media (min-width:960px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:247px}
}
@media (min-width:1260px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:336px}
}
.wrap-section-portal section.section-cartoon:first-child,.wrap-section-portal section.section-hotissue:first-child,.wrap-section-portal section.section-my:first-child,.wrap-section-portal section.section-notice:first-child,.wrap-section-portal section.section-powerbook:first-child{margin-left:0}
.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{height:44px;padding:13px 17px 13px 17px}
.wrap-section-portal section.section-cartoon header h2,.wrap-section-portal section.section-hotissue header h2,.wrap-section-portal section.section-my header h2,.wrap-section-portal section.section-notice header h2,.wrap-section-portal section.section-powerbook header h2{font-size:16px;color:#1f1f1f}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{height:32px;padding-top:6px!important;padding-bottom:6px}
}
@media (min-width:960px){.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{padding-top:11px}
}
.wrap-section-portal section.section-cartoon article,.wrap-section-portal section.section-hotissue article,.wrap-section-portal section.section-my article,.wrap-section-portal section.section-notice article,.wrap-section-portal section.section-powerbook article{font-size:13px}
@media (min-width:320px){.section-hotissue,.section-notice{width:100%;margin-left:0}
}
@media (min-width:640px){.section-hotissue,.section-notice{width:calc(100% * .5 - 17px * (1 - .5));margin-bottom:18px;margin-left:17px}
.section-hotissue:first-child,.section-hotissue:nth-child(3),.section-notice:first-child,.section-notice:nth-child(3){margin-left:0}
.section-hotissue:nth-child(2),.section-notice:nth-child(2){margin-left:17px}
}
@media (min-width:960px){.section-hotissue,.section-notice{width:calc(100% * .25 - 17px * (1 - .25));margin-left:17px;margin-bottom:0!important}
.section-hotissue:nth-child(3),.section-notice:nth-child(3){margin-left:17px}
}
section.section-notice article dl{position:relative}
section.section-notice article dl dt{position:absolute;left:18px;bottom:0;height:28px;font-size:13px;color:#fff;z-index:2;width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section.section-notice article dl::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:rgba(1,1,1,.5);z-index:1}
section.section-notice article ul{clear:both;padding:30px 15px}
section.section-notice article ul li{position:relative;height:26px;padding:0 0 9px 10px;line-height:1.3}
section.section-notice article ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888;max-width:90%;display:inline-block}
section.section-notice article ul li::before{content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius:1px;background:#ccc}
section.section-notice article ul li.is-new-true a{color:#1f1f1f}
section.section-notice article .icon-new{position:relative;display:inline-block;width:13px;height:13px;margin-left:4px;margin-top:1px;vertical-align:top;background-image:url(icon-new.png);background-size:13px 13px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px) and (max-width:1259px){section.section-notice article dl::before{height:30px}
section.section-notice article dl dt{left:13px;height:25px}
section.section-notice article ul{padding:16px 12px}
section.section-notice article ul li{padding-bottom:2px}
}
@media (min-width:1260px){section.section-notice article dl dt{height:30px;font-size:14px}
section.section-notice article ul{padding:25px 15px}
section.section-notice article ul li::before{top:9px}
section.section-notice article .icon-new{margin-top:3px}
}
section.section-hotissue{height:148px!important}
section.section-hotissue .btn-toggle{float:right;display:inline-block;width:10px;height:10px;margin:-18px 10px 0 0;border:solid #c7c7cc;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}
section.section-hotissue.on{height:334px!important}
section.section-hotissue.on .btn-toggle{margin:-13px 10px 0 0;border-color:#c69c7c;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
section.section-hotissue.on article{height:auto}
section.section-hotissue article{height:86px;overflow:hidden;padding:7px 15px 20px 17px}
section.section-hotissue article ol.keyword li{position:relative;height:27px;padding-right:50px}
section.section-hotissue article ol.keyword li:nth-child(1) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li:nth-child(2) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li:nth-child(3) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li a{float:left;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section.section-hotissue article ol.keyword li a::before{width:19px;height:19px;padding:1px 0 0 0;text-align:center;vertical-align:middle;margin-right:5px;border-radius:10px;font-size:11px;color:#fff;font-family:Verdana;font-weight:400;line-height:1.55;background-color:#999}
section.section-hotissue article ol.keyword li .ui-rank{position:absolute;right:-10px}
@media (min-width:640px){section.section-hotissue{height:334px!important;min-height:inherit}
section.section-hotissue .btn-toggle{display:none}
section.section-hotissue article{height:auto}
}
@media (min-width:960px){section.section-hotissue{height:247px!important}
section.section-hotissue ol.keyword li a{width:140px}
}
@media (min-width:1260px){section.section-hotissue{height:336px!important}
section.section-hotissue ol.keyword a::before{vertical-align:middle!important;padding-top:2px!important}
}
@media (min-width:960px) and (max-width:1259px){section.section-hotissue article ol.keyword li{height:20px}
section.section-hotissue article ol.keyword li a{font-size:12px}
section.section-hotissue article ol.keyword li a::before{width:14px;height:14px;font-size:9px;padding:0}
section.section-hotissue ol.keyword li .ui-rank{font-size:11px}
section.section-hotissue ol.keyword li .ui-rank.new{font-size:0}
section.section-hotissue ol.keyword li .ui-rank.new::before{font-size:11px}
}
.wrap-section-portal .section-powerbookcartoon{clear:both;width:100%;margin-bottom:22px}
.wrap-section-portal .section-powerbookcartoon article dl{position:relative}
.wrap-section-portal .section-powerbookcartoon article dl dt{padding:27px 0 7px 0;text-align:center;font-size:16px;color:#1f1f1f}
.wrap-section-portal .section-powerbookcartoon article dl dd.desc{padding-left:18px;padding-right:18px;font-size:13px;color:#474747;text-align:center;line-height:1.6}
@media (min-width:640px){.wrap-section-portal .section-powerbookcartoon section[class^=section]:first-child{margin-left:0}
}
@media (min-width:960px){.wrap-section-portal .section-powerbookcartoon{float:left;clear:none;height:247px;width:calc(100% * .5 - 17px * (1 - .5));margin-left:17px;margin-bottom:0}
}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal .section-powerbookcartoon article dl dt{padding:14px 0 6px 0;font-size:14px}
.wrap-section-portal .section-powerbookcartoon article dl dd.desc{font-size:12px}
}
.wrap-section-portal .section-powerbookcartoon section[class^=section]{margin-bottom:0}
@media (min-width:640px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px}
}
@media (min-width:960px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{width:calc(100% * .5 - 17px * (1 - .5));margin-left:17px;margin-bottom:0}
}
@media (min-width:1260px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{height:336px}
}
section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:152px;background-position:center center;background-repeat:no-repeat;background-size:cover}
section:not(.wrap-section-nshop) section[class^=section] article dd.thumb img{display:none}
@media (min-width:640px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:152px}
}
@media (min-width:640px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:157px}
}
@media (min-width:960px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:119px}
}
@media (min-width:1260px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:162px}
}
.wrap-section-article>section a:hover dt,.wrap-section-nshop>section a:hover dt,.wrap-section-portal>section li a:hover,.wrap-section-siege>section a:hover dt strong{text-decoration:underline}
.wrap-section-article{padding-top:60px!important}
@media (min-width:960px){.wrap-section-article{padding-top:78px!important}
}
.wrap-section-article>section.false{display:none!important}
.wrap-section-article section{min-height:200px;margin-bottom:50px;padding-bottom:0}
@media (min-width:640px){.wrap-section-article section{margin-bottom:60px}
}
@media (min-width:960px){.wrap-section-article section{margin-bottom:78px}
}
.wrap-section-article header{position:relative;height:52px;padding:5px 0 17px 0;text-align:center}
.wrap-section-article header::after{content:'';display:block;position:absolute;top:20px;left:0;width:100%;height:1px;background-color:#eee;z-index:1}
.wrap-section-article header h2{position:relative;display:inline-block;margin:0 auto;padding:0 32px;font-size:18px;line-height:1.6;color:#1f1f1f;background-color:#fff;z-index:3}
.wrap-section-article article{margin-bottom:0;font-size:13px}
.wrap-section-article article dl{position:relative}
.wrap-section-article article dl dd.thumb{position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover}
.wrap-section-article article dl dd.thumb::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.73));background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.73))}
.wrap-section-article article dl dd.thumb img{display:none}
.wrap-section-article article dl dd.thumb .flag{position:absolute;left:50%;bottom:16px;margin-left:-40px;width:81px;Height:31px;font-size:13px;font-weight:300;line-height:1;text-align:center;padding-top:9px;color:#fff;border:solid 1px #c69c7c;background-color:rgba(0,0,0,.5);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.wrap-section-article article dl dd.thumb .flag.none{display:none}
@media (min-width:960px) and (max-width:1259px){.wrap-section-article article dl dd.thumb .flag{width:57px;height:22px;margin-left:-29px;padding-top:4px!important;font-size:11px}
}
@media (min-width:960px){.wrap-section-article article dl dd.thumb .flag{padding-top:7px}
}
.wrap-section-article article dl dt{padding:15px 0 7px 0;text-align:center;font-size:16px;color:#1f1f1f;white-space:normal!important}
.wrap-section-article article dl dt strong{font-weight:400}
@media (min-width:960px) and (max-width:1259px){.wrap-section-article article dl dt{font-size:15px!important}
}
.wrap-section-article article dl dd.desc{font-size:13px;color:#474747;text-align:center;line-height:1.4;padding-bottom:1px}
.wrap-section-article>:not(.section-content-type6) article dl dd.desc,.wrap-section-article>:not(.section-content-type6) article dl dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:18px;padding-right:18px}
.wrap-section-article>:not(.section-content-type6) .thumb{height:204px}
@media (min-width:960px){.wrap-section-article>:not(.section-content-type6) .thumb{height:147px}
}
@media (min-width:960px){.wrap-section-article>:not(.section-content-type6) .thumb{height:210px}
}
section.section-content-type2 .slick-item,section.section-content-type4 .slick-item{float:left;text-align:left;overflow:hidden;margin-left:18px}
section.section-content-type2 .slick-item:last-child,section.section-content-type4 .slick-item:last-child{margin-bottom:0}
section.section-content-type2 .slick-item:first-child,section.section-content-type4 .slick-item:first-child{margin-left:0}
@media (min-width:320px){section.section-content-type2 .slick-item,section.section-content-type4 .slick-item{width:100%;margin-left:0}
}
section.section-content-type2 .slick-item{margin-bottom:30px}
@media (min-width:640px){section.section-content-type2 .slick-item{width:calc(100% * .5 - 18px * (1 - .5));min-height:214px;margin-left:18px;margin-bottom:0}
section.section-content-type2 .slick-item:nth-child(3){margin-left:0}
}
section.section-content-type4 .slick-item{width:calc(100% * .5 - 6px * (1 - .5));min-height:156px;margin-left:6px;margin-bottom:0}
section.section-content-type4 .slick-item:nth-child(3){margin-left:0}
section.section-content-type4 .slick-item:nth-child(1),section.section-content-type4 .slick-item:nth-child(2){margin-bottom:21px}
section.section-content-type4 .slick-item .thumb{height:97px}
section.section-content-type4 .slick-item dt{padding-top:12px;padding-bottom:7px;font-size:13px;line-height:1.6}
section.section-content-type4 .slick-item .desc{display:none}
@media (min-width:640px){section.section-content-type4 .slick-item{height:268px;width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px}
section.section-content-type4 .slick-item:nth-child(1),section.section-content-type4 .slick-item:nth-child(2){margin-bottom:28px}
section.section-content-type4 .slick-item .thumb{height:204px}
section.section-content-type4 .slick-item .desc{display:block}
section.section-content-type4 .slick-item dt{font-size:16px}
}
@media (min-width:960px){section.section-content-type4 .slick-item{width:calc(100% * .25 - 18px * (1 - .25));margin-left:18px;height:208px}
section.section-content-type4 .slick-item:nth-child(3){margin-left:18px}
section.section-content-type4 .slick-item .thumb{height:147px}
section.section-content-type4 .slick-item dt{padding-bottom:7px}
}
@media (min-width:1260px){section.section-content-type4 .slick-item{height:272px;margin-bottom:0!important}
section.section-content-type4 .slick-item .thumb{height:210px}
}
@media (min-width:640px){section.section-content-type3 .slick-item{width:calc(100% * .33333);margin-left:18px}
}
section.section-content-type3 .slick-dots,section.section-content-type6 .slick-dots{position:static;margin-top:10px}
section.section-content-type6{min-height:auto}
section.section-content-type6 .slick-item{width:calc(100% * .5)}
section.section-content-type6 dl,section.section-content-type6 dt{width:135px}
section.section-content-type6 dt{height:135px}
section.section-content-type6 dl{position:relative;margin:0 auto}
section.section-content-type6 dl:hover ::before{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
section.section-content-type6 dl dd.thumb{position:relative;overflow:hidden;background-image:none!important}
section.section-content-type6 dl dd.thumb .flag{display:none}
section.section-content-type6 dl dd.thumb img{display:block;width:100%;height:100%;max-height:188px;border-radius:50%}
section.section-content-type6 dl dd.thumb::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(21,16,13,.7);border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
section.section-content-type6 dl dt{position:absolute;left:0;top:0;display:table;padding:0;text-align:center;vertical-align:middle;font-size:13px;color:#fff;z-index:2}
section.section-content-type6 dl dt strong{display:table-cell;vertical-align:middle;padding-left:18px;padding-right:18px;line-height:1.5}
section.section-content-type6 dl dd.desc{height:48px;overflow:hidden;line-height:1.5;padding-top:10px;text-align:center;font-size:13px;color:#1f1f1f}
@media (min-width:640px){section.section-content-type6 .slick-item{width:calc(100% * .5)}
section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:169px}
section.section-content-type6 .slick-item dt{height:169px}
}
@media (min-width:960px){section.section-content-type6 .slick-item{width:calc(100% * .16667)}
section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:132px}
section.section-content-type6 .slick-item dt{height:132px}
}
@media (min-width:1260px){section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:188px}
section.section-content-type6 .slick-item dt{height:188px}
section.section-content-type6 .slick-item dd,section.section-content-type6 .slick-item dt{font-size:14px}
}
.section-quickmenu__list{width:100%}
.section-quickmenu__list li{float:left;width:10%}
.section-quickmenu__list li a{display:block}
.wrap-section-article article a:hover dl dd.thumb .flag{background-color:#c69c7c}
.section-shortcut{position:relative;width:100%;height:60px;overflow:hidden;}
.section-shortcut .handle{position:absolute;top:0;left:0}
.section-shortcut .handle .btns{max-width:1260px;margin:0 auto}
.section-shortcut .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.section-shortcut .btns::after{content:"";display:block;clear:both}
.section-shortcut .btns li{display:inline-block;height:60px;line-height:60px}
.section-shortcut .btns li a::before{background-image:url(icon-shortcut.png);background-size:18px 198px;background-position:center center;background-repeat:no-repeat}
.section-shortcut .btns li.my a::before{background-position:0 0}
.section-shortcut .btns li.community a::before{background-position:0 -18px}
.section-shortcut .btns li.item a::before{background-position:0 -36px}
.section-shortcut .btns li.powerbook a::before{background-position:0 -54px}
.section-shortcut .btns li.coupon a::before{background-position:0 -72px}
.section-shortcut .btns li.new a::before{background-position:0 -90px}
.section-shortcut .btns li.return a::before{background-position:0 -108px}
.section-shortcut .btns li.security a::before{background-position:0 -126px}
.section-shortcut .btns li.report a::before{background-position:0 -144px}
.section-shortcut .btns li.unseal a::before{background-position:0 -162px}
.section-shortcut .btns li.haste a::before{background-position:0 -180px}
.section-shortcut .btns li a{display:block;margin:0;padding-left:10px;padding-right:10px;min-width:65px;font-size:10px;font-weight:300;line-height:1;color:#474747;text-align:center;text-decoration:none;}
.section-shortcut .btns li a::before{content:'';display:block;width:18px;height:18px;margin:10px auto}
.section-shortcut .btns li a.on{color:red}
.section-shortcut .btns li.report,.section-shortcut .btns li.security{display:none}
@media (min-width:640px){.section-shortcut .btns,.section-shortcut .handle{width:100%}
.section-shortcut .btns li{width:calc(100%/9)}
.section-shortcut .btns li a{padding-left:0;padding-right:0}
}
@media (min-width:960px){.section-shortcut{height:98px}
.section-shortcut .btns li{width:calc(100%/8);height:98px}
.section-shortcut .btns li a::before{margin:23px auto 12px auto;width:25px;height:25px;background-image:url(icon-shortcut.png);background-size:25px 275px;background-position:center center;background-repeat:no-repeat}
.section-shortcut .btns li.my a::before{background-position:0 0}
.section-shortcut .btns li.community a::before{background-position:0 -25px}
.section-shortcut .btns li.item a::before{background-position:0 -50px}
.section-shortcut .btns li.powerbook a::before{background-position:0 -75px}
.section-shortcut .btns li.coupon a::before{background-position:0 -100px}
.section-shortcut .btns li.new a::before{background-position:0 -125px}
.section-shortcut .btns li.return a::before{background-position:0 -150px}
.section-shortcut .btns li.security a::before{background-position:0 -175px}
.section-shortcut .btns li.report a::before{background-position:0 -200px}
.section-shortcut .btns li.unseal a::before{background-position:0 -225px}
.section-shortcut .btns li.haste a::before{background-position:0 -250px}
.section-shortcut .btns li a{font-size:13px}
.section-shortcut .btns li.community,.section-shortcut .btns li.item,.section-shortcut .btns li.powerbook{display:none}
.section-shortcut .btns li.report,.section-shortcut .btns li.security{display:inline-block}
}
@media (min-width:1260px){.section-shortcut .btns li a{font-size:14px}
}
.section-nochar{display:none}
section>li.nodata{display:none}
.wrap-section-siege{position:relative;background:url(siege-bg.jpg) repeat 50% 50%;background-size:cover}
.wrap-section-siege::before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(21,16,13,.6)}
.section-siege{position:relative;max-width:1260px;margin:0 auto}
.section-siege>header{position:relative;padding:40px 18px;text-align:center}
.section-siege>header h2{font-size:16px;font-weight:300;line-height:1;color:#aa8060}
.section-siege>header h2::after{position:absolute;left:50%;bottom:23px;content:'';display:inline-block;width:15px;height:1px;margin-left:-7px;opacity:.4;border-bottom:solid 1px #fff}
.section-siege .siege__subject{margin-bottom:20px;font-size:20px;font-weight:300;line-height:1;text-align:center;color:#fff}
.section-siege .siege__desc{text-align:center;margin-bottom:20px;font-size:13px;font-weight:300;line-height:1;color:#fff;opacity:.6}
@media (min-width:960px){.section-siege>header{padding:62px 18px 45px 18px}
.section-siege .siege__subject{margin-bottom:25px}
.section-siege .siege__desc{margin-bottom:34px;font-size:13px}
}
@media (min-width:1260px){.section-siege h2{font-size:18px}
.section-siege .siege__subject{margin-bottom:35px;font-size:28px}
}
.siege{position:relative;padding:0 18px 42px 18px}
.siege__map{position:relative;min-height:185px;background-image:url(siege-map.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.siege__map .nodata{position:relative;height:100%;min-height:inherit;padding-top:0;background-image:url(siege-nodata.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.siege__map .nodata p{position:absolute;top:50%;width:100%;margin-top:-20px;margin-bottom:0;text-align:center;font-size:15px;font-weight:300;line-height:1.3;color:#fff}
.siege__map .nodata p strong{color:#6b4024}
@media (min-width:640px){.siege__map .nodata p{margin-top:-30px;font-size:20px}
}
.siege__mapimg{display:none;width:100%;height:100%}
.siege__castle-giran,.siege__castle-kent,.siege__castle-orc{position:absolute;display:inline-block;padding:2px 6px 0 8px;border-radius:2px;font-size:11px;color:#f2bf47;background-color:rgba(250,0,0,.85)}
.siege__castle-giran strong,.siege__castle-kent strong,.siege__castle-orc strong{font-weight:400}
.siege__castle-giran::before,.siege__castle-kent::before,.siege__castle-orc::before{position:absolute;margin:-5px 0 0 -35px;content:'';display:inline-block;width:20px;height:29px;background-image:url(icon-siege.png);background-size:20px 116px;background-position:center center;background-repeat:no-repeat}
@media (min-width:640px){.siege__castle-giran::before,.siege__castle-kent::before,.siege__castle-orc::before{width:43px;height:63px;margin:-5px 0 0 -50px;background-size:43px 252px!important}
}
@media (min-width:1260px){.siege__castle-giran,.siege__castle-kent,.siege__castle-orc{height:21px}
}
.siege__castle-giran{left:66%;top:10%;color:#fff;background-color:rgba(32,87,118,.85)}
.siege__castle-giran::before{background-position:0 0}
.siege__castle-kent{left:51%;top:49%;color:#fff;background-color:rgba(34,123,166,.85)}
.siege__castle-kent::before{background-position:0 -29px}
@media (min-width:640px){.siege__castle-kent::before{background-position:0 -63px}
}
.siege__castle-orc{left:14%;top:37%;color:#fff;background-color:rgba(123,83,14,.85)}
.siege__castle-orc::before{background-position:0 -58px}
@media (min-width:640px){.siege__castle-orc::before{background-position:0 -126px}
}
.siege__castle-redknights{color:#ffce4a;background-color:rgba(140,44,44,.85)}
.siege__castle-redknights::before{background-position:0 -87px}
@media (min-width:640px){.siege__castle-redknights::before{background-position:0 -189px}
}
.siege__util{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.siege__util .ui-dropdown{display:inline-block;position:relative;min-width:100px;height:30px;text-align:left;vertical-align:middle}
.siege__util .ui-dropdown select{-webkit-appearance:none;border:0 none}
.siege__util .ui-dropdown.is-active .select::after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #c7c7cc;border-top:0 none}
.siege__util .ui-dropdown .select,.siege__util .ui-dropdown .select-mobile{position:relative;height:100%;padding-right:30px;background-color:#fff;cursor:pointer;font-size:13px}
.siege__util .ui-dropdown .select-mobile.disabled,.siege__util .ui-dropdown .select.disabled{color:#000;background-color:#fff}
.siege__util .ui-dropdown .select-mobile::after,.siege__util .ui-dropdown .select::after{content:'';position:absolute;right:18px;top:50%;margin-top:-12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c7c7cc}
@media (min-width:960px){.siege__util .ui-dropdown .select,.siege__util .ui-dropdown .select-mobile{font-size:16px}
.siege__util .ui-dropdown .select-mobile::after,.siege__util .ui-dropdown .select::after{margin-top:-7px}
}
.siege__util .ui-dropdown .option{display:none;position:absolute;z-index:10;left:-1px;right:-1px;margin:0;padding:0;list-style:none;border:1px solid #ddd;background-color:#fff}
.siege__util .ui-dropdown .option li{height:30px;padding-top:8px;padding-left:8px;background-color:#fff;cursor:pointer}
.siege__util .ui-dropdown .option li:hover{background-color:rgba(153,153,153,.1)}
.siege__util .ui-dropdown .editor-icon-close,.siege__util .ui-dropdown .editor-icon-emoticon,.siege__util .ui-dropdown [class^=fe-icon-]{position:absolute;right:10px;top:50%}
.siege__util .ui-dropdown.selected .option{display:block}
.siege__util .ui-dropdown.ui-dropdown-server{min-width:90px;height:23px;font-size:11px;font-weight:300;color:#1f1f1f}
.siege__util .ui-dropdown.ui-dropdown-server .select{margin:14px 0 0 10px;padding-top:4px;padding-left:5px;padding-right:15px;background-color:#fff;font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .select::after{content:'';display:inline-block;right:9px;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c7c7cc;border-top-color:#c69c7c}
.siege__util .ui-dropdown.ui-dropdown-server .option{margin-top:-46px}
.siege__article{clear:both;width:100%;height:auto;margin-top:7px;background-color:rgba(21,16,13,.7)}
.siege__article a{display:block}
.siege__article dd.thumb{float:left;min-height:88px;height:auto;margin-right:15px;overflow:hidden}
.siege__article dd.thumb img{width:auto;height:88px}
.siege__article dt{float:left;margin-bottom:18px}
.siege__article dt strong{display:block;margin:28px 0 7px 0;min-height:15px;font-size:13px;font-weight:300;line-height:1;color:#fff}
.siege__article dt .server{display:block;font-size:11px;font-weight:300;line-height:1;color:#aa8060}
.siege__article dd.desc{display:none;width:50%;font-size:13px;line-height:1.6;letter-spacing:-1px;color:#fff;opacity:.6}
@media (min-width:640px){.siege__map{height:394px}
}
@media (min-width:960px){.siege{padding-left:40px;padding-right:40px;padding-bottom:70px}
.siege__map{float:left;width:calc(51.797% - 12px);height:284px;margin-right:12px}
.siege__bundle{float:left;width:calc(100% - 51.797%)}
.siege__article{margin-top:12px}
.siege__article:first-child{margin-top:0}
.siege__article dd.thumb{width:auto;height:136px}
.siege__article dd.thumb img{height:136px}
.siege__article dt{width:40%}
.siege__article dd.desc{display:block;float:left;width:40%;height:38px;position:relative;display:block;display:-webkit-box;overflow:hidden;max-height:3em;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media (min-width:1260px){.siege{padding-left:0;padding-right:0;padding-bottom:87px}
.siege__util .ui-dropdown.ui-dropdown-server{font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .select{min-width:129px;height:34px;margin:20px 0 0 20px;font-size:13px;padding-top:7px;padding-left:8px;padding-right:17px}
.siege__util .ui-dropdown.ui-dropdown-server .option{margin-top:-74px}
.siege__map{float:left;width:calc(50.636% - 17px);height:405px;margin-right:17px}
.siege__bundle{width:calc(100% - 50.636%)}
.siege__article{margin-top:17px}
.siege__article dt{margin-bottom:25px}
.siege__article dt strong{margin:42px 0 10px 0;font-size:16px}
.siege__article dt .server{font-size:13px}
.siege__article dd.desc{font-size:13px}
.siege__article dd.thumb{height:194px;margin-right:20px}
.siege__article dd.thumb img{height:194px}
}
.section-etcservice{text-align:center;padding:40px 0;line-height:1.4}
.section-etcservice a{position:relative;padding:0 8px 0 15px;line-height:1;letter-spacing:-1px;font-size:14px;color:#474747;white-space:nowrap}
.section-etcservice a::before{position:absolute;content:'';display:inline-block;left:0;top:9px;width:2px;height:2px;border-radius:1px;font-size:0;line-height:0;background-color:#c9cdd4}
.section-etcservice a:first-child{padding-left:0}
.section-etcservice a:first-child::before{display:none}
.section-etcservice a:nth-child(3)::after{clear:both;display:table;content:''}
.section-etcservice a:nth-child(4)::before{display:none}
@media (min-width:640px){.section-etcservice a:nth-child(3)::after{display:none}
.section-etcservice a:nth-child(4)::before{display:inline-block}
}
.wrap-footer{margin-top:0}
.wrap-section-nshop{background:#f4f5f7}
.wrap-section-nshop>.section-nshop{position:relative;margin-bottom:40px}
@media (min-width:640px){.wrap-section-nshop>.section-nshop{margin-bottom:57px}
}
.wrap-section-nshop>.section-nshop header{text-align:center;padding:40px 0 20px 0}
@media (min-width:640px){.wrap-section-nshop>.section-nshop header{padding-top:60px}
}
@media (min-width:960px){.wrap-section-nshop>.section-nshop header{padding-top:57px}
}
.wrap-section-nshop>.section-nshop header h2{font-size:16px}
.wrap-section-nshop>.section-nshop article .slick-dots{position:static;margin-top:10px}
.wrap-section-nshop>.section-nshop article .slick-item section{float:left;display:inline-block;width:calc(100% * .5 - 6px * (1 - .5));margin-bottom:6px;margin-left:6px}
.wrap-section-nshop>.section-nshop article .slick-item section:first-child,.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:0}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3),.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(4){margin-bottom:0}
.wrap-section-nshop>.section-nshop article .slick-item a{position:relative;display:block;height:110px;border:solid 1px #efefef;text-align:center;overflow:hidden;background-color:#fff}
.wrap-section-nshop>.section-nshop article .slick-item .flag{position:absolute;left:6px;top:6px;display:inline-block;width:27px;height:27px;border-radius:50%;padding-top:2px;text-align:center}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{display:inline-block;font-size:10px;font-weight:300;line-height:1;color:#fff}
.wrap-section-nshop>.section-nshop article .slick-item .flag-new{background-color:#e27747}
.wrap-section-nshop>.section-nshop article .slick-item .flag-new::after{content:'NEW!'}
.wrap-section-nshop>.section-nshop article .slick-item .flag-hot{background-color:#a2bc3c}
.wrap-section-nshop>.section-nshop article .slick-item .flag-hot::after{content:'HOT!'}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{padding-left:18px;padding-right:18px;height:15px;font-size:13px;font-weight:300;line-height:1.08;text-align:center;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:20px 0 15px 0;text-align:center}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{width:auto;height:46px;margin:0 auto}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price{display:none}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin:0 5px 1px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.grade_vip{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.price_point{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 -16px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.price_ncoin{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 -32px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price strong{font-weight:400;font-size:14px;line-height:1;letter-spacing:-1px;text-align:center;color:#474747}
@media (min-width:640px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px;margin-bottom:18px}
.wrap-section-nshop>.section-nshop article .slick-item a{height:226px}
.wrap-section-nshop>.section-nshop article .slick-item .flag{position:absolute;left:13px;top:13px;display:inline-block;width:57px;height:57px;padding-top:16px}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{font-size:14px}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{height:20px;margin-bottom:7px;font-size:16px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:37px 0 24px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{width:auto;height:94px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price{display:block}
}
@media (min-width:960px) and (max-width:1259px){.wrap-section-nshop>.section-nshop article .slick-item a{height:167px}
.wrap-section-nshop>.section-nshop article .slick-item .flag{width:40px;height:40px;padding-top:7px}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{font-size:11px}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{height:auto;margin-bottom:0;font-size:13px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:30px 0 13px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{height:76px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price strong{font-size:12px}
}
@media (min-width:960px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .25 - 12px * (1 - .25));margin-left:12px;margin-bottom:0}
.wrap-section-nshop>.section-nshop article .slick-item section:first-child{margin-left:0}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:12px}
}
@media (min-width:1260px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .25 - 17px * (1 - .25));margin-left:17px}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:17px}
.wrap-section-nshop>.section-nshop article .slick-item section a{height:239px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:50px 0 22px 0}
}
section.section-account{width:100%;height:146px}
section.section-account .bundle{position:relative;width:100%;max-width:1260px;margin:0 auto;text-align:center}
section.section-account .title{font-size:20px;font-weight:300;line-height:1;text-align:center;color:#fff}
section.section-account .summary{display:none;padding-bottom:10px;font-size:14px;color:#fff}
section.section-account .wrap-button a{display:inline-block;width:138px;height:36px;border-radius:35px;padding-top:10px;text-align:center;font-size:13px;font-weight:300;color:#fff}
section.section-account .wrap-button a:hover{text-decoration:none}
section.section-account p{font-size:13px;font-weight:300;line-height:1.36;opacity:.8;text-align:center}
section.section-account .btn-close{position:absolute;display:inline-block;width:56px;height:56px;right:0;top:0;cursor:pointer;background-image:url(icon-account-close.png);background-size:19px 18px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){section.section-account{height:210px}
section.section-account .title{font-size:26px}
section.section-account p{font-size:14px}
section.section-account .wrap-button a{width:170px;height:45px;font-size:14px;padding-top:12px}
}
section.section-account.section-account__return{background-color:#bab2c8}
section.section-account.section-account__return .title{padding:22px 0 9px 0}
section.section-account.section-account__return .wrap-button a{background-color:#a197b4}
section.section-account.section-account__return .wrap-button a:hover{background-color:#624F80}
section.section-account.section-account__return p{width:77%;max-width:290px;margin:0 auto;padding-bottom:9px;line-height:1.5;color:#494158;font-size:11px}
section.section-account.section-account__return p::before{content:'';display:inline-block;width:2px;height:2px;border-radius:1px;vertical-align:middle;margin:-3px 5px 0 0;background-color:#494157}
section.section-account.section-account__return p a{color:#990503;text-decoration:none;border-bottom:1px solid #990503}
@media (min-width:640px){section.section-account.section-account__return{background-image:url(account-return-mobile.jpg);background-size:640px 146px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:960px){section.section-account.section-account__return{background-image:url(account-return-tablet.jpg);background-size:960px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__return .title{padding:33px 0 17px 0}
section.section-account.section-account__return p{width:52%;max-width:382px;padding-bottom:20px;font-size:12px}
}
@media (min-width:1260px){section.section-account.section-account__return{background-image:url(account-return-pc.jpg);background-size:1920px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__return .summary{display:block;opacity:.8}
section.section-account.section-account__return p{width:100%;max-width:100%}
}
section.section-account.section-account__new{background-color:#afb7c4}
section.section-account.section-account__new .title{padding:28px 0 10px 0}
section.section-account.section-account__new .wrap-button a{background-color:#939daf}
section.section-account.section-account__new .wrap-button a:hover{background-color:#6E788B}
section.section-account.section-account__new p{padding-bottom:12px;color:#fff}
@media (min-width:640px){section.section-account.section-account__new{background-image:url(account-new-mobile.jpg);background-size:640px 146px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:960px){section.section-account.section-account__new{background-image:url(account-new-tablet.jpg);background-size:960px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__new .title{padding:43px 0 17px 0}
section.section-account.section-account__new p{padding-bottom:25px}
}
@media (min-width:1260px){section.section-account.section-account__new{background-image:url(account-new-pc.jpg);background-size:1920px 210px;background-position:center center;background-repeat:no-repeat}
}
#serverrenewalButton{position:absolute;right:15px;top:12px;display:inline-block;font-size:13px;line-height:1;letter-spacing:-.9px;color:#aa8060;border-bottom:1px solid;font-weight:700;padding:0 0 2px 0}
#serverrenewalButton::before{content:'▶';display:inline-block;color:#aa8060;width:9px;height:5px;font-size:10px;margin:2px 3px 0 0;vertical-align:top}
#serverrenewalLayer{width:100%;max-width:602px;margin:0 auto;background-color:#c19c69}
.section-serverrenewal>header{position:relative;padding:43px 18px 24px 18px}
.section-serverrenewal>header h2{font-size:20px;font-weight:300;line-height:1.3;text-align:center;color:#fff}
.section-serverrenewal>header .ico-close{position:absolute;right:0;top:3px;width:50px;height:50px;cursor:pointer}
.section-serverrenewal>header .ico-close::after,.section-serverrenewal>header .ico-close::before{position:absolute;content:'';display:inline-block;width:25px;height:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:solid #fff}
.section-serverrenewal>header .ico-close::before{top:17px;border-width:1px 0 0 0}
.section-serverrenewal>header .ico-close::after{border-width:0 1px 0 0}
.section-serverrenewal>article{display:none;min-height:626px;padding-bottom:30px}
.section-serverrenewal>article p{font-size:13px;font-weight:300;line-height:1.23;letter-spacing:-.3px;margin:0;text-align:center;color:#502e0e}
.section-serverrenewal>article p a{padding-bottom:2px;border-bottom:1px solid #502e0e}
.section-serverrenewal>article p a.btn-serverrenewal-list{font-weight:700}
.section-serverrenewal .serverrenewal-list{margin:0 18px}
.section-serverrenewal .serverrenewal-list ul{max-width:419px;margin-left:auto;margin-right:auto;margin-top:38px;margin-bottom:19px;background-image:url(ico-serverrenewal.png);background-size:60px 106px;background-position:68% 50%;background-repeat:no-repeat}
.section-serverrenewal .serverrenewal-list ul li{margin-bottom:10px}
.section-serverrenewal .serverrenewal-list span{display:inline-block;width:72px;height:32px;border-radius:80px;background-color:#b38d59;font-size:13px;font-weight:300;line-height:1.23;text-align:center;color:#fff;padding-top:7px}
.section-serverrenewal .serverrenewal-list .original+.original{margin-left:4px}
.section-serverrenewal .serverrenewal-list .changed{float:right}
.section-serverrenewal .serverrenewal-list .special span{background-color:#ae7951}
.section-serverrenewal .serverrenewal-list .on span.changed{background-color:#724418;cursor:pointer}
.section-serverrenewal .serverrenewal-detail p:first-child{margin-bottom:22px}
.section-serverrenewal .serverrenewal-detail .serverrenewal-servername{height:46px;font-size:18px;font-weight:300;line-height:.89;text-align:center;color:#fff;background-color:#724418;padding-top:12px}
.section-serverrenewal .serverrenewal-detail .serverrenwal-char{max-height:499px;overflow-y:auto}
.section-serverrenewal .serverrenewal-detail table{width:100%;border-collapse:collapse;margin-bottom:28px;border-spacing:0;font-size:13px;box-sizing:border-box}
.section-serverrenewal .serverrenewal-detail td,.section-serverrenewal .serverrenewal-detail th{box-sizing:border-box;width:33.33333%;height:39px;border-bottom:1px solid #b38d59}
.section-serverrenewal .serverrenewal-detail th{text-align:left;font-weight:400;color:#623811}
.section-serverrenewal .serverrenewal-detail td{color:#fff}
.section-serverrenewal .serverrenewal-detail .original-server{padding-left:5%}
.section-serverrenewal .serverrenewal-detail .changed-char{padding-right:5%}
@media (min-width:640px){.section-serverrenewal .serverrenewal-list ul{margin-left:62px;margin-right:85px}
.section-serverrenewal .serverrenewal-list span{width:100px}
.section-serverrenewal>article p{margin-left:18px;margin-right:18px}
.section-serverrenewal .serverrenewal-detail .original-server{width:40%;padding-left:120px}
.section-serverrenewal .serverrenewal-detail .original-char{width:25%}
.section-serverrenewal .serverrenewal-detail .changed-char{width:35%;padding-right:120px}
}
.ui-modal{z-index:9999998}


/* index_contents */
.index_contents { width: 100%; position: absolute; top: 0; right: false; bottom: false; left: 0; }

.visual_box {
    height: 568px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1100px;
}
.promo_txt_box {width: 1100px; height: 204px; text-align: left; font-size: 0; letter-spacing: 0; word-spacing: 0; }

.promo_txt_box > li { margin-left: 15px; width: 263.75px; height:  204px; display: inline-block; overflow: hidden; }

.promo_txt_box > li:first-child { margin-left: 0; }

.promo_txt_box > li > a { width: 100%; height: 100%; display: block; }

.promo_txt_box > li > a > .promo_list_br { width: 261.754px; height: 202px; display: table; text-align: center; position: relative; border: 1px solid rgba(255, 255, 255, 0.15); }
/* 
.promo_txt_box > li > a > .promo_list_br > .promo_txt_mask { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #000; opacity: 0.48; } */

.promo_txt_box > li > a > .promo_list_br > .promo_txt { position: relative; display: table-cell; vertical-align: middle; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on { width: 100%; height: 100%; display: table; text-align: center; position: absolute; left: 0; top: 0; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on > .promo_img { position: absolute; left: 0; top: 0; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on > .promo_txt_on { position: relative; display: table-cell; vertical-align: middle; }

.promo_txt_box > li > a > .light1:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light1.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light2:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light2.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light3:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light3.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light4:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light4.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .promo_list_br.over1 { border: 1px solid rgba(164, 106, 77, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over2 { border: 1px solid rgba(39, 200, 215, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over3 { border: 1px solid rgba(63, 42, 27, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over4 { border: 1px solid rgba(0, 27, 53, 0.22); }


.rb_toto{margin:0px 10px;}
.rb_toto .bk{width:630px;height:196px;padding:1px;border:1px solid #ddd;}
.rb_toto .bk .iner{position:relative;overflow:hidden;width:100%;height:100%;background:url(/template/hsart005/style/picture/bk_big.png) repeat-x left bottom;}
.rb_toto .bk .iner:before{content: "";display: block;position: absolute;top:0;bottom:0;width:200px;background:url(/template/hsart005/style/picture/icon_left.png) no-repeat right center;}
.rb_toto .bk:hover .iner:before{width:215px;}
.rb_toto .bk .iner .detail{position: absolute;display:inline-block;top:50%;margin-top:-37px;height:74px;color:#666;text-align:center;}
.rb_toto .bk .iner .detail .tit{font-size:35px;letter-spacing:4px;     margin: 0px 80px;}
.rb_toto .bk .iner .detail .sub{font-size:15px;letter-spacing:2px;}

.rb_toto .bk.z .iner:before{left:0;}
.rb_toto .bk.z .iner .detail{right:20px;}

.rb_toto .bk.y .iner .detail{left:20px;}
.rb_toto .bk.y .iner:before{right:0;background:url(/template/hsart005/style/picture/icon_right.png) no-repeat left center;}

.main-content{
    width: 1000px;
    height: 300px;
    margin: 10px 20px;
}