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_2020 {display: block; width: 100%; background-color: #8b0000;}
.ww_601_2020 .site__footer {background-color: #fff; max-width: 100%;}
.m {max-width: 1024px; margin: 0 auto; background: #000000;}
.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;}
}
@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%;}	
}

.ww_601_2020 .result{border: 10px #bf8e0b solid;}
.ww_601_2020 .btn_list{width: 100%; text-align: center;}
.ww_601_2020 .btn_list .btn_list_title{text-align: left; width: 20%; padding: 40px 20px;}
.ww_601_2020 .btn_list .btn_list_title img{width: 100%;text-align:center;}
.ww_601_2020 .btn_list .btn_img a{width: 33%;}
.ww_601_2020 .vote_btn{width: 100%; text-align: center;}
.ww_601_2020 .vote_btn img{width: 80%;display: inline-block; position: relative; max-width: 506px;}
.ww_601_2020 .vote_btn a{position: absolute; top: 16%; right: 17%; height: 18%; width: 40%;}

@media (max-width: 767.98px) {
	.ww_601_2020 .btn_list{width: 100%;}
	.ww_601_2020 .btn_list .btn_list_title{text-align: left; width: 40%; padding: 20px;}
	.ww_601_2020 .btn_list .btn_img a{width:45%;}
	.ww_601_2020 .vote_btn{width: 100%; text-align: center; padding: 30px 0;}
	.ww_601_2020 .vote_btn a{top: 18%;right: 11%;height: 10%;width: 41%;}
	.e {padding: 5% ;}
}




.ww_601_2020 .desktop-only ,.ww_601_2020 .mobile-only{
    position: relative;
}

.ww_601_2020 .desktop-only{display: block;}	
.ww_601_2020 .mobile-only{display: none;}
.ww_601_2020 .desktop-only .btn01 {
    width: 19%;
    position: absolute;
    height: 22%;
    top: 15%;
    left: 15%;
}

.ww_601_2020 .desktop-only .btn02 {
    width: 19%;
    position: absolute;
    height: 22%;
    top: 15%;
    left: 41%;
}

.ww_601_2020 .desktop-only .btn03 {
    width: 19%;
    position: absolute;
    height: 22%;
    top: 15%;
    left: 66%;
}
.ww_601_2020 .desktop-only .btn04 {
    width: 50%;
    position: absolute;
    height: 30%;
    top: 46%;
    left: 25%;
}
@media (max-width: 767.98px) {
.ww_601_2020 .desktop-only{display: none;}	
.ww_601_2020 .mobile-only{display: block; border: goldenrod solid 8px;}
.ww_601_2020 .mobile-only .btn01 {
    width: 40%;
    position: absolute;
    height: 16%;
    top: 14%;
    left: 40%;
}

.ww_601_2020 .mobile-only .btn02 {
    width: 40%;
    position: absolute;
    height: 16%;
    top: 46%;
    left: 8%;
}

.ww_601_2020 .mobile-only .btn03 {
    width: 40%;
    position: absolute;
    height: 16%;
    top: 46%;
    left: 53%;
}
.ww_601_2020 .mobile-only .btn04 {
    width: 85%;
    position: absolute;
    height: 20%;
    top: 65%;
    left: 8%;
}
}