@charset "utf-8"; /* toppopup */ #toppopwrap {position:relative;background:#302F5B;} #toppopwrap .closearea {position:relative;text-align:center;z-index:999;} #toppopwrap .closearea .fa {display:inline-block;vertical-align:top;line-height:30px;} #toppopwrap .btn_open, #toppopwrap .btn_close {position:relative;display:block !important;vertical-align:top;font-size:12px;height:30px;line-height:30px;} #toppopwrap .btn_open {background:#f6f6f6;color:#888;} #toppopwrap .btn_close {background:#3D434E;color:#fff;} #toppopcont {position:relative;} #toppopup {position:relative;} #toppopup .control {position:absolute;width:100%;left:0;top:0;} #toppopup .control a {position:absolute;top:55px;display:block;line-height:20px;color:#fff !important;z-index:99} #toppopup a.prev {left:0;} #toppopup a.next {right:0;} #toppopup #mcbnr_cont {clear:both;position:relative;padding:0;margin:0 auto;z-index:98} #toppopup #mcbnr_cont:after{} #toppopup .bx {position:relative;float:left;padding:0 20px;margin:0;text-align:center;color:#fff;vertical-align:middle} #toppopup .bx:after {position:absolute;left:0;top:0;height:100%;content:"";display:block;border-left:1px dotted rgba(0,0,0,0.2);} #toppopup .bx:first-child:after, #toppopup .cycle-slide-active:after {display:none;} #toppopup .bx a {color:#fff} #toppopup .txt {font-size:13px;height:45px;overflow:hidden;opacity:0.6;margin-top:5px} #toppopwrap .sbtn {position:relative;text-align:center;border-top:1px solid rgba(0,0,0,0.1);/**/height:40px;z-index:999} #toppopwrap .sbtn a {display:inline-block;} #toppopwrap .sbtn a.sbtn-co {background:#999999;margin:12px 2px;width:15px;height:15px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} #toppopwrap .sbtn a.sbtn-co.on {background:#ffcc00;width:24px;border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;} #toppopwrap .sbtn a.stop, #toppopwrap .sbtn a.play {color:#999;vertical-align:top;font-size:18px;margin:8px 1px 1px 1px;line-height:1.2;} #toppopwrap input {vertical-align:middle;margin:0;} #toppopwrap .close-txt {position:absolute;right:10px;bottom:0;padding:0;line-height:40px;height:40px;color:#aaa;font-size:11px;z-index:9990} #toppopwrap .close-txt a {display:inline-block;margin-left:5px;background:rgba(0,0,0,0.4) url(../img/ico_close.gif) no-repeat 50% 50%;width:18px;height:18px;vertical-align:middle;} #toppopup .closetxt{position:absolute;right:0;bottom:10px;color:#fff;font-size:12px;line-height:20px;z-index:999;} #top-banner-btn {position:absolute;left:0;width:100%;} #top-banner-btn a {position:relative;z-index:999;margin-right:80px;float:right;display:inline-block;padding:0 10px;line-height:30px;color:#fff;text-align:center;background:#444;font-size:13px;border-radius:0 0 3px 3px;} /* popupzone */ /* #popupzone {position:relative;float:right;height:260px;width:100%} */ /* #popupzone .cont {position:relative;z-index:99999} */ /* #popupzone .control {position:absolute;z-index:99999;right:0;bottom:0;width:auto;text-align:center;} */ /* #popupzone .control em {color:#ffcc00} */ /* #popupzone .control span {font-size:12px;} */ /* #popupzone .control span, */ /* #popupzone .control a {float:left;display:block;background:rgba(0,0,0,0.7);width:50px;height:50px;line-height:50px;margin-left:1px;color:#fff} */ /* #popupzone .control a.prev:before {content:"\f053";font-family:"Font Awesome 5 Free";font-weight: 900;} */ /* #popupzone .control a.next:before {content:"\f054";font-family:"Font Awesome 5 Free";font-weight: 900;} */ /* #popupzone .type-txt {position:absolute;display:block;width:100%;height:100%;padding:30px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;word-break:keep-all;line-height:1.2;text-decoration:none} */ /* #popupzone .type-txt .stit {font-size:15px;font-family:nsn;margin-bottom:10px} */ /* #popupzone .type-txt .tit {font-size:20px;font-family:nsb;} */ /* #popupzone .type-txt .txt {margin:20px 0 0 0;line-height:1.6} */ /* #popupzone .type-txt .btn_d {display:inline-block;background:none;border:2px solid rgba(0,0,0,1);color:rgba(0,0,0,1);font-weight:600;padding:10px 20px;font-size:14px;margin-top:30px;transition:all .3s ease-out} */ /* #popupzone .type-txt .btn_d:hover {background:#fff;color:#222} */ /* #ppz-p .ppz-cont {position:relative;height:260px;overflow:hidden} */ /* #ppz-p .ppz-cont img {height:100%;} */ @media (max-width:1017px){/*720*/ #toppopwrap, #top-banner-btn {display:none;} } .pattern-bg {position:absolute;left:0;top:0;width:100% !important;height:100%;} .pattern01 {background:url(/resources/cms/img/pattern/pattern01.png) repeat} .pattern01_w {background:url(/resources/cms/img/pattern/pattern01_w.png) repeat} .pattern02 {background:url(/resources/cms/img/pattern/pattern02.png) repeat} .pattern02_w {background:url(/resources/cms/img/pattern/pattern02_w.png) repeat} .pattern03 {background:url(/resources/cms/img/pattern/pattern03.png) repeat} .pattern03_w {background:url(/resources/cms/img/pattern/pattern03_w.png) repeat} .pattern04 {background:url(/resources/cms/img/pattern/pattern04.png) repeat} .pattern04_w {background:url(/resources/cms/img/pattern/pattern04_w.png) repeat} .pattern05 {background:url(/resources/cms/img/pattern/pattern05.png) repeat} .pattern05_w {background:url(/resources/cms/img/pattern/pattern05_w.png) repeat} .pattern06 {background:url(/resources/cms/img/pattern/pattern06.png) repeat} .pattern06_w {background:url(/resources/cms/img/pattern/pattern06_w.png) repeat} .pattern07 {background:url(/resources/cms/img/pattern/pattern07.png) repeat} .pattern07_w {background:url(/resources/cms/img/pattern/pattern07_w.png) repeat} .pattern08 {background:url(/resources/cms/img/pattern/pattern08.png) repeat} .pattern08_w {background:url(/resources/cms/img/pattern/pattern08_w.png) repeat} .pattern09 {background:url(/resources/cms/img/pattern/pattern09.png) repeat} .pattern09_w {background:url(/resources/cms/img/pattern/pattern09_w.png) repeat} .pattern10 {background:url(/resources/cms/img/pattern/pattern10.png) repeat} .pattern10_w {background:url(/resources/cms/img/pattern/pattern10_w.png) repeat} .pattern11 {background:url(/resources/cms/img/pattern/pattern11.png) repeat} .pattern11_w {background:url(/resources/cms/img/pattern/pattern11_w.png) repeat} .pattern12 {background:url(/resources/cms/img/pattern/pattern12.png) repeat} .pattern12_w {background:url(/resources/cms/img/pattern/pattern12_w.png) repeat} .pattern13 {background:url(/resources/cms/img/pattern/pattern13.png) repeat} .pattern13_w {background:url(/resources/cms/img/pattern/pattern13_w.png) repeat} .pattern14 {background:url(/resources/cms/img/pattern/pattern14.png) repeat} .pattern14_w {background:url(/resources/cms/img/pattern/pattern14_w.png) repeat}