/* toppopup */
#toppopwrap					{position:relative;background:#302F5B;}
#toppopwrap .closearea		{position:relative;text-align:center;z-index:99;}
#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;}

#toppoppattern	{top:0;}

#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}
#toppopup img		{height:auto !important;max-height:100% !important;width:auto !important;}

#toppopwrap .sbtn				{position:relative;text-align:center;border-top:1px solid rgba(0,0,0,0.1);/**/height:40px;z-index:99}
#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:99;}

#top-banner-btn 	{position:absolute;left:0;margin-top:80px;width:100%;}
#top-banner-btn a	{position:relative;z-index:99;display:inline-block;float:right;width:140px;line-height:30px;color:#fff;text-align:center;background:#0A50A1;font-size:13px;box-shadow:0 5px 5px rgba(0,0,0,0.4);}

/* popupzone */
#popupzone .control	{position:absolute;right:0;bottom:0;z-index:9;}
#popupzone .control a	{position:relative;display:block;float:left;margin-left:1px;width:50px;height:50px;background:rgba(0,0,0,0.4);}
#popupzone .control a:hover	{background:rgba(0,0,0,0.7);}
#popupzone .control a:before		{content:"";display:block;position:absolute;left:50%;top:50%;}
#popupzone .control .prev:before,
#popupzone .control .next:before,
#popupzone .control .stop:before	{border-color:#fff;}
#popupzone .control .play:before	{border-left-color:#fff;}
#popupzone .control .prev:before,
#popupzone .control .next:before	{width:10px;height:10px;border-right-width:2px;border-right-style:solid;border-top-width:2px;border-top-style:solid;}
#popupzone .control .prev:before	{transform:rotate(-135deg) translate(-50%, -50%);transform-origin:13% -5%;}
#popupzone .control .next:before	{transform:rotate(45deg) translate(-50%, -50%);transform-origin:-15% -25%;}
#popupzone .control .stop:before	{width:8px;height:14px;border-right-width:2px;border-right-style:solid;border-left-width:2px;border-left-style:solid;transform:translate(-50%, -50%);}
#popupzone .control .play:before	{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left-width:8px;border-left-style:solid;transform:translate(-50%, -50%);}
#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}
#popupzone .ppz-cont			{position:relative;width:100%;height:100%;overflow:hidden}
#popupzone .ppz-cont img		{height:100%;}

.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}

@media (max-width:1240px){ /*960*/
	#toppopup.d_width	{width:960px;}
	#top-banner-btn a	{width:80px;font-size:12px;}
	#top-banner-btn a i	{display:none;}
}
@media (max-width:1017px){/*720*/
	#toppopup.d_width	{width:720px;}
}
@media (max-width:778px){/*mobile-l*/
	#toppopup a.prev		{left:15px;}
	#toppopup a.next		{right:15px;}
	#toppopwrap .sbtn		{text-align:left;padding-left:10px}
	#toppopup .bx			{float:none;padding:0 30px;}
	#top-banner-btn	{margin-top:0;left:65px;width:30px;z-index:999;}
	#top-banner-btn a	{width:30px;height:30px;text-indent:-9999px;overflow:hidden;}
	#top-banner-btn a i	{display:block;position:absolute;left:0;top:0;width:30px;height:30px;text-align:center;line-height:30px;text-indent:0;margin:0 !important;}
}