html, body {margin: 0; padding: 0;  font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei; font-size: 16px;}
img {display: block; margin: 0; padding: 0;}
.clearfix::after {display: block; clear: both; content: ""; }
.ww_601_2019 {display: block; width: 100%; background-color: #8b0000;}
.ww_601_2019 .site__footer {background: #fff; max-width: 100% !important;}
.ww_601_2019 .site__footer .footer__copyright {background: #fff !important;}
.m {max-width: 1024px; margin: 0 auto; background: #f9d67d;}
.e {position: relative; display: block; width: 100%; padding: 6.4% 12.8%; box-sizing: border-box; overflow: hidden;}
.kv {background-color: #9e9e9e;}
.kv img {display: block; width: 100%; height: auto;}
.bg_tl, .bg_br {display: block; position: absolute; z-index: 0; width: 60%;}
.bg_tl {text-align: left; top: 0; left: 0;}
.bg_br {text-align: right; bottom: 0; right: 0;}
.s1 a,.s2 a{display: inline-block; width: 50%; box-sizing: border-box;}
.ei {font-size: 0; position: relative; z-index: 1;}
.ei img {width: 100%; max-height: 100%;}
.ei h2 {font-size: 36px !important; padding: 0 1.5%; margin-bottom: 1.5%;}
.ei h2:first-child {margin-top: 0;}
.ei a, .ei .video {display: inline-block; padding: 1.5%; color: #000; text-decoration: none;}
.ei a:hover {text-decoration: underline !important; color: #ef8400 !important;}
.ei ul {font-size: 16px; list-style: none; margin: 0; padding: 0; margin-bottom: 24px;}
.ei ul::after{display: block;clear: both; content: "";}
.ei ul li {margin: 8px 0; position: relative;}
.ei ul li::before {content: "";width:4px;height:4px;background-color: #000;display: inline-block; vertical-align: top; position: absolute;top: 45%;left: 3%; transition: 0.3s ease all;}
.ei ul li:hover::before {background: #ef8400; left: 4.5%;}
.ei ul li a {display: block; width: 100%; padding-left: 32px;box-sizing: border-box; font-size: 20px !important;}
.video .player {background: #000; display: block; width: 100%; height: 100%; white-space: nowrap; font-size: 0 !important;}
.video .video-list {overflow: hidden; background: #000 url("../images/loading.gif") center no-repeat; height: 100%; min-height: 96px;}
.sticky_banner_sp { background: rgb(104, 27, 27); overflow: hidden; }
.sticky_banner_sp .sticky_banner_inner {display: inline-block; margin: 0 auto; width: 100%; overflow: hidden; float: left; width: 100%; text-align: center;}
.sticky_banner_sp .sticky_banner_inner>* { margin: 0 auto; max-width: unset;}
.is_sticky_banner .sticky_banner_sp {overflow: hidden;}
.is_sticky_banner .sticky_banner_sp .sticky_banner_inner {position: fixed; z-index: 100; top: 0;}
.e::after, .ei::after, .stickers::after, .t::after, .sticker_list::after, .sticker_list>div::after, .download::after {content:""; display: block; width: 100%; height: 0;}
.stickers img {width: 25%; float: left; padding: 1%;box-sizing: border-box;}
.e.sticker .ei .t {padding: 0 1.5%; margin: 4.5% 0;}
.e.sticker .ei .ti {background-color: #fff; padding: 1.5%; padding-top: 3%; border-radius: 8px; position: relative; text-align: center;}
.e.sticker .warn {position: absolute; top: 0; left: 50%; background-color: #8b0000; font-size: 36px !important; padding: 8px 24px; min-width: 138px; margin-left: -85px; margin-top: -26px; box-sizing: border-box; color: #fff; line-height: 1; text-align: center; border-radius: 100px;}
.e.sticker .ei .dec {font-size: 16px; padding: 0 1.5%; margin-top: 1.5%; margin-bottom: 1.5%; line-height: 1.75; padding-top: 1.5%;}
.e.sticker .ei .dec strong {font-size: 18px; font-weight: 700;}
.e.sticker .g1, .e.sticker .g2 {width: 50%; float: left;}
.e.sticker .g1 a, .e.sticker .g2 a {width: 100%; display: block;}
.e.sticker .g3 {text-align: center; float: left; margin-top: 1%;}
.e.sticker .sticker_list {float: left; width: 100%;  padding: 1.5%; box-sizing: border-box;}
.e.sticker .sticker_list>div {background: #fff; padding: 1.5%; padding-top: 4.5%; border-radius: 8px; position: relative; border: 2px dotted #eee; text-align: center;}
.e.sticker .sticker_list .list img {width: 16.667%; display: inline-block; margin: 0; padding: 8px; box-sizing: border-box;}
.e.sticker .download {overflow: hidden;}
.e.sticker .download img {width: 100%;}
.e.sticker .tu {font-size: 16px; text-align: center;}
.e.sticker .tu label {font-size: 36px !important; padding: 4px 16px; background: #8b0000; color: #fff; border-radius: 24px; margin-top: 16px; display: inline-block;}
.e.sticker .tu img {box-shadow: 2px 4px 12px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.125);max-width: 375px; margin: 8px auto;}
.e.tnc h1 { font-size: 36px !important; padding: 0 1.5%; margin-bottom: 1.5%; margin-top: 0; }
.e.tnc ol,.e.tnc p {font-size: 16px; line-height: 1.725;}
.e.tnc ol {padding-left: 2rem;}
.e.tnc ol li {margin-bottom: 16px; list-style: inherit;}
.e.tnc a {display: inline;padding: 0; text-decoration: underline; padding-left: 8px; padding-right: 8px; word-break: break-all;}
.m.ph2 .g1 {text-align: center;}
.m.ph2 .s1 {width:100%; text-align: center;}
.m.ph2 .s1 a {width: 25%;}
.swiper-container-initialized .swiper-slide {display: inline-block; vertical-align: top;}
.swiper-container-initialized .swiper-pagination-bullet-active {background: #b6222a;}
.video .swiper-button-next, .video .swiper-button-prev {width: 64px; height: 64px; background-size: 100%; margin-top: -32px;}
.video .swiper-button-next {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAM1BMVEX///+5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSiT39mgAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAPxJREFUeAHt2UFyhCAUhOHHkHEGAXn3P21SZapcZvkn8e8L2JuGTw1j/kRa5ijB5Z1fmWCDkXCDkXCDd9IN9jwzgm6wB5VJNyg2uBq88AZbQKnLBr+nwapYg6QbbDa4GjzoBgLFBiJNIok0kWYDkSbSRJpI+7mBSBNpIk2k2UCkSaQeMFAGfR51+l6ssAw2WKgNnsCOHYSsTh/fzz8KO8BV2T/9+aQHeNMBPNE7iB9gWeBnCn6A/AAa+k7ED/Ajz0x8gHcYgASUgBJQAkpACSgBJaAElIAS8CUByQFIwC4ByQFIwOPmBGzwAAImYMQ1QPIMmsGl9MxR4j/GmE8ndTsofF7xZgAAAABJRU5ErkJggg==); right: 0;}
.video .swiper-button-prev {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAM1BMVEX///+5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSi5JSiT39mgAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAQNJREFUeNrtm0kSwjAQA+2YLN7w/P+1UGQKXkAp4NYH1IeRqy8OhPxlYjOrUQjQ7Zmi6y/2iqx/Ny3A5v1Z1J/G2d9FR7h4/xD1x+79KWhS7cyqHaBt4gEUUf/q/W3SAca7D2BRD3DSAWTvPyYdYPL+Lh/gpAPwfrupByhWwKweIAqIAqKAKCAKiAKigCggCogCooAoIAqIAqKAKCAK+MVU2QA9TXYAniqeQEjjMgRJTTBkBJtBcAUC9Xu0ywkKBB+CoCYoMoKmJogdgjfBoSNQ68EyUCQkDUmDAElD0pA0JA1JQ9KQNCQNRULSkDQkDUn7FUFpQUzQgpjgEP97zYGQX8gDNQY7K0+lbd4AAAAASUVORK5CYII=); left: 0;}
.video .swiper-pagination-bullet {background: #f9d67d; opacity: 1;}
.video .swiper-container-initialized .swiper-pagination-bullet-active {background: #b6222a;}
.video .swiper-slide .fb_iframe_widget_fluid {display: block; text-align: center;}
@media (min-width: 768px) {
	.mobile {display: none !important;}
	.e { padding: 2.5% 10%; }
	.bg_tl, .bg_br {width: 33.333%;}
	.s1,.s2,.s3,.s5,.s6 {display: inline-block; width: 50%; box-sizing: border-box;}
	.s3 a {display: block;}
	.s4 {display: block; text-align: center;}
	.s4 a {display: inline-block; width: 25%; padding: 0.75%;}
	.ei .s4 img {height: auto;}
	.g2 {position: relative;}
	.g2::after {content: ""; display: block; clear: both;}
	.g2 .video {padding: 0.75%; float: right; width: 50%; box-sizing: border-box;}
	.ei.sp a{width: 50%; box-sizing: border-box;}
	.ei h2 {font-size: 40px !important; }
	.ei ul li {display: inline-block; width: 50%; float: left;}
	.ei .b {text-align: center;}
	.ei .b .video {width: 50%; padding-bottom: 28%;position: relative;}
	.ei .b .video .player {position: absolute; top: 0; left: 0; width: 100% height: 100%;}
/*	.e.result {padding-left: 29%; padding-right: 29%;}*/
	.e.result .b {margin-top: 1.5%;}
	.e.result .b .video { width: 66.66%; padding-bottom: 37%;}
	.e.sticker .g1, .e.sticker .g2 {padding-bottom: 0;}
	.s1 {white-space: nowrap;}
}
@media (max-width: 767.98px) {
	.desktop {display: none !important;}
	.s4.mobile a {width: 50%; box-sizing: border-box;}
	.ei .video { display: block; width: auto; position: relative; margin-top: 1.5%; }
	.ei .video .video-list {width: 100%; height: 100%;}
	.ei .video .player {display: block; position: relative;}
/*	.ei .video .player { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; width: auto; height: auto; }*/
	.e.sticker .g1 a, .e.sticker .g2 a {width: auto;}
	.e.sticker .warn {position: absolute; top: 0; left: 50%; background-color: #8b0000; font-size: 24px !important; padding: 6px 16px; min-width: 138px; margin-left: -69px; margin-top: -20px; }
/*	.e.sticker .ei h2 {font-size: 24px;}*/
	.e.sticker .tu label{font-size: 24px !important;}
	.m.ph2 .s1 {text-align: left;}
	.m.ph2 .s1 a {width: 50%;}
}
@media (max-width: 575.98px) {
	.e.sticker .g1, .e.sticker .g2 {width: 100%;}
	.e.sticker .sticker_list .list img {width: 25%;}
	.e.sticker .download img {width: 100%;margin: 0; padding: 0;}
	.e.sticker .ei .t {margin-top: 9%; margin-bottom: 9%;}
	.e.sticker .ei .ti, .e.sticker .sticker_list>div {padding-top: 6%;}

}
@media (max-width: 374.98px) {
	.ei h2 {font-size: 28px;}
	.e.sticker .warn {padding: 8px 24px; min-width: 124px; margin-left: -62px;}
	.e.sticker .ei .ti, .e.sticker .sticker_list>div {padding-top: 9%;}	
}