* { resize: none; outline: 0; }

body { margin: 0; font-size: 16px; line-height: 1.6em; }

p, div, a, h1, h2, h3, h4, h5, h6, label, select, option, span, input, li, textarea { font-family: "Microsoft JhengHei", "STHeiti", Arial, Helvetica, sans serif; padding: 0; margin: 0; }

.c:after { clear: both; content: ""; display: block; }

.swal2-title { line-height: initial; }

.btn { display: inline-block; padding: 0.4em 3em; border-radius: 2em; text-decoration: none; }
.btn.btn-w { color: #ffffff; border: 2px solid #ffffff; }
.btn.btn-p { color: #ff1f6e; border: 2px solid #ff1f6e; }

.btn-wrap { text-align: center; }
.btn-wrap .btn + .btn { margin-left: 1.5em; }

.popup-wrap { display: none; max-width: 90%; max-height: 80%; border-top: 10px solid #cccccc; border-bottom: 10px solid #cccccc; background-color: #ffffff; color: #000000; /* Custom transition - slide from top*/ transform: translateY(-50px); transition: all .33s; }

nav { position: absolute; top: 0; left: 0; width: 50px; height: 50px; z-index: 100; transition-property: all; -webkit-transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
nav .btn-nav { position: absolute; top: 20px; left: 20px; color: #f55184; display: block; }
nav .menu-wrap { width: 350px; height: 100%; background-color: #f55184; position: absolute; left: -390px; top: 0; transition-property: transform; -webkit-transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
nav .menu-wrap .btn-nav-close { color: #FFFFFF; display: block; width: 2em; margin: 20px 0 20px 20px; }
nav .menu-wrap .menu { width: 100%; list-style: none; margin: 0; padding: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
nav .menu-wrap .menu li { width: 100%; display: block; }
nav .menu-wrap .menu li .menu-btn { display: block; padding: 1em; color: #FFFFFF; }
nav .menu-wrap .menu li .menu-btn i, nav .menu-wrap .menu li .menu-btn span { color: #FFFFFF; display: inline-block; vertical-align: middle; font-size: 1.2em; }
nav .menu-wrap .menu li .menu-btn .menu-icon { width: 26px; height: 26px; background-repeat: no-repeat; background-position: 0 100%; background-size: 100% auto; margin-right: 1em; }
nav .menu-wrap .menu li .menu-btn .menu-icon.menu-bag { background-image: url(../images/bag_s.png); }
nav .menu-wrap .menu li .menu-btn .menu-icon.menu-home { background-image: url(../images/heart_s.png); }
nav .menu-wrap .menu li .menu-btn .menu-icon.menu-vote { background-image: url(../images/vote_s.png); }
nav .menu-wrap .menu li .menu-btn .menu-icon.menu-winner { background-image: url(../images/heart_s.png); }
nav .menu-wrap .menu li .menu-btn:hover { background-color: #8a0017; }
nav .menu-wrap .menu li + li { border-top: 1px solid #FFFFFF; }
nav.active { background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; }
nav.active .btn-nav { display: none; }
nav.active .menu-wrap { transform: perspective(800px) translate3d(390px, 0px, 0px); -webkit-transform: perspective(800px) translate3d(390px, 0px, 0px); }

.container { min-width: 1200px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.container .animation_container { position: absolute; z-index: -1; left: 50%; }
.container .animation_container#animation_container3 { position: absolute; top: 250px; left: 50%; margin-left: -980px; }
.container section { position: relative; z-index: 1; width: 1200px; padding-left: 1.5em; padding-right: 1.5em; box-sizing: border-box; margin: 0 auto; }
.container .img-kv { background: url("../images/FP_KEY_VISUAL.jpg") 0 0 no-repeat; width: 1704px; height: 1474px; position: absolute; top: 0; left: 50%; margin-left: -530px; z-index: -1; }
.container .img-ball01 { background: url("../images/FP_ball01.png") 0 0 no-repeat; width: 773px; height: 728px; position: absolute; top: 490px; left: 50%; margin-left: -1280px; z-index: -1; }
.container .img-ball14 { background: url("../images/FP_ball14.png") 0 0 no-repeat; width: 644px; height: 513px; position: absolute; left: 50%; margin-left: 520px; margin-top: -390px; z-index: -1; }
.container .intro { padding-top: 15em; height: 1430px; box-sizing: border-box; }
.container .intro .leadin .logo { padding-bottom: 2em; }
.container .intro .leadin p { width: 600px; }
.container .intro .leadin p > span { display: block; text-transform: uppercase; font-weight: bold; font-size: 1.2em; letter-spacing: 2px; }
.container .intro .leadin p + p { padding-top: 1.5em; }
.container .intro .link-wrap { padding: 9em 0 0; width: 400px; margin: 0 auto; }
.container .intro .link-wrap .title-text { font-size: 2.2em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-align: center; padding-bottom: 1em; }
.container .intro .link-wrap .search-wrap { padding-top: 1em; width: 100%; text-align: center; }
.container .intro .link-wrap .search-wrap .allCat { text-align: center; padding: 0 1em 1.5em; }
.container .intro .link-wrap .search-wrap .allCat span { color: #ffffff; display: block; text-align: center; }
.container .intro .link-wrap .search-wrap .allCat select { width: 80%; color: #000000; padding: 0.3em; }
.container .brandlist { padding: 0; }
.container .brandlist .sect-title { position: relative; }
.container .brandlist .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 2.5em 0; }
.container .brandlist .sect-title #animation_container5 { top: 0; margin-left: -266px; }
.container .brandlist .list-wrap { overflow: auto; }
.container .brandlist .list-wrap .brand-wrap { display: inline-block; position: relative; float: left; width: 250px; height: 250px; margin: 25px; overflow: hidden; transition-property: all; -webkit-transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.container .brandlist .list-wrap .brand-wrap.shown { display: block; animation: showFrNone 0.3s ease-in-out; animation-fill-mode: forwards; }
.container .brandlist .list-wrap .brand-wrap .brand-img, .container .brandlist .list-wrap .brand-wrap .brand-logo, .container .brandlist .list-wrap .brand-wrap .mask-color, .container .brandlist .list-wrap .brand-wrap .mask-shape { position: absolute; top: 0; left: 0; width: 250px; height: 250px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; overflow: hidden; }
.container .brandlist .list-wrap .brand-wrap .brand-img { z-index: 1; transition-property: transform; -webkit-transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.container .brandlist .list-wrap .brand-wrap .brand-logo { z-index: 5; opacity: 1; transition-property: opacity; -webkit-transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.container .brandlist .list-wrap .brand-wrap .mask-color { z-index: 3; opacity: 1; transition-property: opacity; -webkit-transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.container .brandlist .list-wrap .brand-wrap .mask-green { background-image: url("../images/brand/brand_icon_forweb_green.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-orange { background-image: url("../images/brand/brand_icon_forweb_orange.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-red { background-image: url("../images/brand/brand_icon_forweb_red.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-yellow { background-image: url("../images/brand/brand_icon_forweb_yellow.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-shape { top: -4px; left: -4px; border: 4px solid #FFFFFF; z-index: 10; }
.container .brandlist .list-wrap .brand-wrap .mask-1 { background-image: url("../images/brand/brand_icon_forweb_shape1.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-2 { background-image: url("../images/brand/brand_icon_forweb_shape2.png"); }
.container .brandlist .list-wrap .brand-wrap .mask-3 { background-image: url("../images/brand/brand_icon_forweb_shape3.png"); }
.container .brandlist .list-wrap .brand-wrap:hover .brand-img { transform: perspective(800px) translateZ(0px) scale(1.2); }
.container .brandlist .list-wrap .brand-wrap:hover .brand-logo, .container .brandlist .list-wrap .brand-wrap:hover .mask-color { opacity: 0; }
.container #animation_container4 { margin-top: -1600px; margin-left: -1330px; }
.container .otherbrand { position: relative; margin-top: -140px; z-index: 0; }
.container .otherbrand #animation_container2 { top: 0; margin-left: -1210px; }
.container .otherbrand .otherbrandlist { padding-top: 280px; height: 660px; }
.container .otherbrand .otherbrandlist .search-brand { width: 800px; margin: 0 auto; border-bottom: 1px solid #ffffff; }
.container .otherbrand .otherbrandlist .search-brand > i { margin: 15px; color: #FFFFFF; }
.container .otherbrand .otherbrandlist .search-brand #searchInput { width: 85%; font-size: 1.5em; font-weight: bold; border: 0 none; background-color: transparent; color: #ffffff; }
.container .otherbrand .otherbrandlist .search-brand #searchInput::-webkit-input-placeholder { color: #ffffff; }
.container .otherbrand .otherbrandlist .search-brand #searchInput::-moz-placeholder { color: #ffffff; }
.container .otherbrand .otherbrandlist .search-brand #searchInput:-ms-input-placeholder { color: #ffffff; }
.container .otherbrand .otherbrandlist .search-brand #searchInput:-moz-placeholder { color: #ffffff; }
.container .otherbrand .otherbrandlist .otherbrand { width: 800px; border-bottom: 1px dotted #ffffff; margin: 0 auto; }
.container .otherbrand .otherbrandlist .otherbrand .scroll-wrap { position: relative; height: 200px; overflow: hidden; }
.container .otherbrand .otherbrandlist .otherbrand .list-wrap { padding: 0.5em 1em 1em 0; box-sizing: border-box; }
.container .otherbrand .otherbrandlist .otherbrand .list-wrap .brand-link { color: #FFFFFF; text-decoration: none; padding: 5px 10px; }
.container .otherbrand .otherbrandlist .otherbrand .list-wrap .grid-sizer { width: 25%; }
.container .all-event { padding: 1em 0 2em; }
.container .all-event .sect-title { position: relative; }
.container .all-event .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 2.5em 0; }
.container .all-event .sect-title #animation_container6 { top: 0; margin-left: -266px; }
.container .all-event .timeline { margin: 1em auto 2em; width: 1180px; height: 135px; background-repeat: no-repeat; background-position: 0 0; }
.container .all-event .timeline.tl-1 { background-image: url("../images/Arrow-01.png"); }
.container .all-event .timeline.tl-2 { background-image: url("../images/Arrow-02.png"); }
.container .all-event .timeline.tl-3 { background-image: url("../images/Arrow-03.png"); }
.container .all-event .timeline.tl-4 { background-image: url("../images/Arrow-04.png"); }
.container .all-event .wrapper { text-align: center; }
.container .all-event .wrapper .event-wrap { display: inline-block; vertical-align: top; box-sizing: border-box; width: 300px; padding: 250px 3% 1em; background-repeat: no-repeat; background-position: top center; background-size: 60%; text-align: center; }
.container .all-event .wrapper .event-wrap.event-vote { background-image: url("../images/icon1.png"); }
.container .all-event .wrapper .event-wrap.event-vote-ol { background-image: url("../images/icon2.png"); }
.container .all-event .wrapper .event-wrap.event-game { background-image: url("../images/icon4.png"); }
.container .all-event .wrapper .event-wrap.event-winner { background-image: url("../images/icon3.png"); }
.container .all-event .wrapper .event-wrap h3 { color: #ff1f6e; font-size: 1.2em; }
.container .all-event .wrapper .event-wrap p { padding: 0.5em 0 1em; }
.container .all-event .wrapper .prev-slide, .container .all-event .wrapper .next-slide { display: none; }
.container footer { width: 1200px; margin: 0 auto; padding: 1em; text-align: center; }
.container footer p { font-size: 0.8em; }
.container #animation_container7 { margin-top: -300px; margin-left: -1100px; }
.container #animation_container8 { margin-top: -370px; margin-left: -140px; }

@keyframes showFrNone { 0% { transform: perspective(800px) translateZ(0px) scale(0); display: none; opacity: 0; }
  1% { transform: perspective(800px) translateZ(0px) scale(0); display: block; opacity: 0; }
  100% { transform: perspective(800px) translateZ(0px) scale(1); display: block; opacity: 1; } }
#index .container { padding-bottom: 350px; }

#brand .container { padding-bottom: 200px; }
#brand .brandlist { padding-top: 170px; }
#brand .brandlist .sect-title { position: relative; background: url(../images/bg_title.png) center center no-repeat; }
#brand .brandlist .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 2.2em 0 1.7em; }
#brand .img-plball4 { background: url("../images/PL_ball4.png") 0 0 no-repeat; width: 1256px; height: 1081px; position: absolute; left: 50%; margin-left: -110px; margin-top: -450px; z-index: -1; }
#brand .img-plball2 { background: url("../images/PL_ball2.png") 0 0 no-repeat; width: 556px; height: 358px; position: absolute; left: 50%; top: 0; margin-left: -1170px; margin-top: 250px; z-index: -1; }
#brand .img-plball3 { background: url("../images/PL_ball3.png") 0 0 no-repeat; width: 2529px; height: 519px; position: absolute; left: 50%; margin-left: -1264px; margin-top: -240px; z-index: -1; }
#brand .img-plball12 { background: url("../images/PL_ball12.png") 0 0 no-repeat; width: 808px; height: 466px; position: absolute; left: 50%; margin-left: -1230px; margin-top: -160px; z-index: -1; }
#brand .img-plball13 { background: url("../images/PL_ball13.png") 0 0 no-repeat; width: 1101px; height: 1372px; position: absolute; left: 50%; margin-left: 150px; margin-top: -580px; z-index: -1; }
#brand .main-logo-s { width: 220px; position: absolute; left: 50%; margin-left: -500px; top: 20px; z-index: 10; }
#brand .search-wrap { width: 100%; padding: 220px 0 2em; text-align: center; }
#brand .search-wrap div { text-align: center; }
#brand .search-wrap .allBrand, #brand .search-wrap .allCat { display: inline-block; padding: 0 1em 1.5em; }
#brand .search-wrap .allBrand span, #brand .search-wrap .allCat span { display: block; text-align: center; }
#brand .search-wrap .allBrand select, #brand .search-wrap .allCat select { width: 300px; color: #000000; padding: 0.3em; }
#brand .productlist { width: 1200px; margin: 0 auto; }
#brand .productlist .sect-title { position: relative; background: url(../images/bg_title_yellow.png) center center no-repeat; margin-bottom: 1em; }
#brand .productlist .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 1.8em 0; }
#brand .productlist .product-grid { display: flex; justify-content: space-around; flex-wrap: wrap; position: relative; margin: 0 auto 1.5em; }
#brand .productlist .product-grid .item { width: 370px; position: relative; float: left; margin-bottom: 1.5em; text-decoration: none; box-sizing: border-box; display: inline-block; text-align: center; }
#brand .productlist .product-grid .item img { width: 100%; display: block; }
#brand .productlist .product-grid .item .p-brand { font-size: 1.2em; font-weight: bold; padding: 0.2em 0 0; color: #f55184; }
#brand .productlist .product-grid .item .p-name { font-size: 1.2em; font-weight: bold; padding: 0.2em 0; color: #f55184; }
#brand .productlist .product-grid .item .p-cat { color: #f55184; padding: 0 6px 3px; margin-right: 0.5em; }
#brand .productlist .product-grid .item .p-cat, #brand .productlist .product-grid .item .p-price { display: inline-block; }
#brand .productlist .product-grid .grid-sizer { width: 370px; }
#brand .productlist .product-grid .gutter-sizer { width: 40px; }
#brand .brand-intro { position: relative; width: 100%; min-height: 1160px; background-position: top center; background-repeat: no-repeat; text-align: center; clear: both; }
#brand .brand-intro .brand-logo { position: relative; padding: 360px 0 1em; /*width: 400px;*/ }
#brand .brand-intro p { color: #FFFFFF; text-align: center; width: 50%; margin: 0 auto; text-shadow: 2px 2px 5px #999999; }
#brand .video-wrap { overflow: hidden; background-color: #000000; }
#brand .video-wrap h3 { padding-top: 1em; color: #FFFFFF; text-align: center; }
#brand .video-wrap h3 span { font-size: 1.8em; border-bottom: 5px solid #f55184; }
#brand .video-wrap .video-player { width: 1000px; height: 562px; margin: 1em auto 1.5em; }
#brand .product-info { width: 1200px; margin: 0 auto 2em; }
#brand .product-info .sect-title { position: relative; background: url(../images/bg_title_yellow.png) center center no-repeat; }
#brand .product-info .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 1.8em 0; }
#brand .product-info h3 { padding: 1em 0 1.5em; color: #000000; text-align: center; }
#brand .product-info h3 span { font-size: 1.8em; border-bottom: 5px solid #f55184; }
#brand .product-info .product-wrap .product-img { width: 48%; display: inline-block; vertical-align: middle; }
#brand .product-info .product-wrap .product-detail { width: 45%; display: inline-block; vertical-align: middle; padding: 1em 2%; }
#brand .product-info .product-wrap .product-detail .p-prize { color: #d8a75b; font-size: 1.4em; }
#brand .product-info .product-wrap .product-detail .p-name { font-size: 1.2em; font-weight: bold; padding-bottom: 6px; color: #f55184; }
#brand .product-info .product-wrap .product-detail .p-cat { color: #f55184; margin-right: 0.5em; }
#brand .product-info .product-wrap .product-detail .p-cat, #brand .product-info .product-wrap .product-detail .p-price { display: inline-block; }
#brand .product-info .product-wrap .product-detail .p-desc { padding-top: 0.5em; }
#brand .btn-otherBrand { background: url(../images/btn_morebrand.png) 0 0 no-repeat; background-size: contain; width: 220px; height: 220px; display: block; margin: 2em auto; transition-property: all; -webkit-transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
#brand .btn-otherBrand.active { width: 0; height: 0; }
#brand .brandlist.active { height: auto; }

#vote { /*
.img-vote3 {
	background: url("../images/VO_shape03.png") 0 0 no-repeat;
	width: 829px;
	height: 495px;
	position: absolute;
	top: 1240px;
	left: 50%;
	margin-left: 360px;
	z-index: -1;
}*/ }
#vote .container { padding-bottom: 300px; }
#vote .img-kv-vote { background: url("../images/VO_KV.jpg") 0 0 no-repeat; width: 1330px; height: 1725px; position: absolute; top: -530px; left: 50%; margin-left: -40px; z-index: -1; }
#vote .img-vote1 { background: url("../images/VO_shape01.png") 0 0 no-repeat; width: 553px; height: 686px; position: absolute; top: 280px; left: 50%; margin-left: -1200px; z-index: -1; }
#vote .img-vote2 { background: url("../images/VO_shape02.png") 0 0 no-repeat; width: 770px; height: 605px; position: absolute; top: 900px; left: 50%; margin-left: -1210px; z-index: -1; }
#vote .img-vote4 { background: url("../images/VO_shape04.png") 0 0 no-repeat; width: 771px; height: 338px; position: absolute; top: 1660px; left: 50%; margin-left: -1210px; z-index: -1; }
#vote .img-vote5 { background: url("../images/VO_bottom_shape.png") 0 0 no-repeat; width: 2458px; height: 1498px; position: absolute; bottom: -380px; left: 50%; margin-left: -1220px; z-index: -1; }
#vote .intro-wrap { position: relative; padding: 20px 500px 3em 1em; width: 600px; margin: 0 auto; }
#vote .intro-wrap p { padding: 0 50px 0 0; width: 400px; margin: 0 auto; }
#vote .intro-wrap .main-logo-s { width: 200px; }
#vote .intro-wrap .sect-title { position: relative; background: url(../images/Title_BG_Shape.png) center center no-repeat; width: 528px; display: inline-block; margin-top: 1em; }
#vote .intro-wrap .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 2em 0; }
#vote .intro-wrap h4 { text-align: center; font-size: 1.2em; padding: 1em 50px 1em 0; }
#vote .body-wrap { width: 1140px; margin: 0 auto; }
#vote .body-wrap .form-wrap { width: 1040px; box-sizing: border-box; padding: 0 30px; margin-left: 100px; background-color: rgba(255, 255, 255, 0.7); border-radius: 8px; }
#vote .body-wrap .form-wrap .step-wrap { font-size: 1.2em; font-weight: bold; padding: 45px 0 45px 130px; margin-left: -130px; background-repeat: no-repeat; background-position: 0 0; }
#vote .body-wrap .form-wrap .step-wrap.step-1 { background-image: url("../images/Divider01.png"); }
#vote .body-wrap .form-wrap .step-wrap.step-2 { background-image: url("../images/Divider02.png"); }
#vote .form-wrap .vote-wrap { padding-bottom: 1.5em; }
#vote .form-wrap .vote-wrap > p { padding-bottom: 1em; }
#vote .form-wrap .vote-wrap input[type=text], #vote .form-wrap .vote-wrap input[type=email], #vote .form-wrap .vote-wrap input[type=tel] { background-color: #cccccc; border-radius: 5px; }
#vote .form-wrap .vote-wrap .field-group { margin: 0.5em 0; width: 100%; }
#vote .form-wrap .vote-wrap .field-group dt, #vote .form-wrap .vote-wrap .field-group dd { display: inline-block; vertical-align: top; }
#vote .form-wrap .vote-wrap .field-group dt { width: 35%; padding: 0.3em 0; }
#vote .form-wrap .vote-wrap .field-group dd { margin: 0; width: 60%; }
#vote .form-wrap .vote-wrap .field-group dd > input[type=text], #vote .form-wrap .vote-wrap .field-group dd > input[type=email], #vote .form-wrap .vote-wrap .field-group dd > input[type=tel] { border: 0 none; width: 100%; margin-bottom: 0.2em; padding: 0.5em 0.5em; box-sizing: border-box; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list { padding: 0 1em; box-sizing: border-box; max-height: 0; overflow: hidden; transition-property: max-height; -webkit-transition-property: max-height; transition-duration: 0.6s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list > p { font-weight: bold; padding-top: 0.2em; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list ul { list-style: none; margin: 0; padding: 0 0 0.2em; width: 100%; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list ul li { display: inline-block; width: 48%; cursor: pointer; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list ul li:hover { color: #cccccc; }
#vote .form-wrap .vote-wrap .field-group dd.active .suggest-list { max-height: 600px; border: 2px solid #cccccc; }
#vote .form-wrap .vote-wrap .half-group { float: left; }
#vote .form-wrap .vote-wrap .half-group.left-group { width: 45%; }
#vote .form-wrap .vote-wrap .half-group.right-group { width: 55%; }
#vote .form-wrap .vote-wrap .half-group .name-group dt { width: 60px; }
#vote .form-wrap .vote-wrap .half-group .name-group dd { width: 350px; }
#vote .form-wrap .vote-wrap .half-group .tel-group dt { width: 90px; }
#vote .form-wrap .vote-wrap .half-group .tel-group dd { width: 320px; }
#vote .form-wrap .vote-wrap .half-group .email-group dt { width: 90px; }
#vote .form-wrap .vote-wrap .half-group .email-group dd { width: 420px; }
#vote .form-wrap .vote-wrap .half-group .hkid-group dt { width: 175px; }
#vote .form-wrap .vote-wrap .half-group .hkid-group dd { width: 335px; }
#vote .form-wrap .vote-wrap .half-group .sex-group { margin-top: 0; }
#vote .form-wrap .vote-wrap .half-group .sex-group dt { width: 60px; }
#vote .form-wrap .vote-wrap .half-group .sex-group dd { width: 350px; padding: 0.3em 0; }
#vote .form-wrap .vote-wrap .half-group .sex-group dd label { margin: 0 2em 0 0.5em; }
#vote .form-wrap .vote-wrap .half-group .age-group { margin-top: 0; }
#vote .form-wrap .vote-wrap .half-group .age-group dt { width: 60px; }
#vote .form-wrap .vote-wrap .half-group .age-group dd { width: 450px; }
#vote .form-wrap .vote-wrap .full-group { clear: both; border-top: 1px solid #000000; margin-top: 1em; padding-top: 1em; }
#vote .form-wrap .vote-wrap textarea { margin-top: 0.4em; width: 950px; height: 100px; border: 1px solid #cccccc; background-color: #cccccc; border-radius: 5px; box-sizing: border-box; padding: 0.5em; }
#vote .form-wrap .statement { padding: 0 0 2em; }
#vote .form-wrap .statement #btn-terms { color: #000000; }
#vote .form-wrap .statement div > span { display: inline-block; width: 23%; }
#vote .form-wrap .statement .tnc-wrap { padding-bottom: 1em; }
#vote .form-wrap .statement p + p { padding-bottom: 0.5em; }
#vote .form-wrap .statement label, #vote .form-wrap .statement span { vertical-align: middle; }
#vote .form-wrap .statement .note { padding-top: 1em; font-size: 0.8em; display: block; }
#vote .form-wrap .btn-wrap { padding-bottom: 2em; }

.dd-display { line-height: 30px; padding-left: 0.5em; background-color: #cccccc; color: #000000; position: absolute; z-index: 2; left: 1px; top: 0; border-radius: 5px; }

.dd-btn { top: 0; left: 0; height: 30px; display: block; position: absolute; z-index: 10; }

.dd-btn > i { float: right; margin-right: 0.5em; line-height: 30px; color: #cccccc; }

.dd-list { position: absolute; top: 30px; color: #000000; z-index: 20; display: none; width: 100%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.dd-list ul { margin: 0; padding: 0; list-style: none; background-color: #ffffff; }

.dd-list ul li { padding: 5px 10px; display: block; cursor: pointer; color: #000000; font-size: 14px; }

.dd-list ul li:hover { background-color: #000000; color: #ffffff; }

#genderwrap, #agewrap { position: relative; width: 100%; height: 30px; display: inline-block; background-color: #ffffff; color: #000000; }

#genderwrap .dd-btn, #agewrap .dd-btn { width: 100%; }

#genderwrap .dd-display, #agewrap .dd-display { width: 90%; }

#genderwrap .dd-list ul, #agewrap .dd-list ul { width: 100%; max-height: 150px; overflow: auto; }

#winner .img-kv-winner { background: url("../images/winnerlist/kv.png") 0 0 no-repeat; width: 1056px; height: 803px; position: absolute; top: 0; left: 50%; margin-left: -96px; z-index: -1; }
#winner .img-ball01 { background: url("../images/winnerlist/bg_blue.png") 0 0 no-repeat; width: 350px; height: 362px; position: absolute; top: 400px; left: 50%; margin-left: -960px; z-index: -1; }
#winner .img-ball02 { background: url("../images/winnerlist/bg_bottom_l_blue.png") 0 0 no-repeat; width: 810px; height: 700px; position: absolute; bottom: -60px; left: 50%; margin-left: -1060px; z-index: -2; }
#winner .img-ball03 { background: url("../images/winnerlist/bg_bottom_blue.png") 0 0 no-repeat; width: 844px; height: 986px; position: absolute; bottom: -20px; left: 50%; margin-left: 116px; z-index: -2; }
#winner .intro-wrap { position: relative; padding: 20px 250px 2em 1em; width: 850px; margin: 0 auto; }
#winner .intro-wrap p { padding: 0 0 0 30px; }
#winner .intro-wrap .main-logo-s { display: block; width: 200px; }
#winner .intro-wrap .sect-title { position: relative; background: url(../images/winnerlist/title.png) center center no-repeat; background-size: contain; width: 550px; display: inline-block; margin-top: 1em; }
#winner .intro-wrap .sect-title .title-text { font-size: 2em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 14% 0; }
#winner .body-wrap { width: 1200px; margin: 0 auto; min-height: 1020px; }
#winner .body-wrap .prize-cat-wrap { text-align: center; }
#winner .body-wrap .prize-cat-wrap .btn-prize-cat { padding: 16px 12px 0 90px; border-radius: 10px; color: #ffffff; width: 250px; height: 83px; box-sizing: border-box; }
#winner .body-wrap .prize-cat-wrap .btn-botbg { background: #29a4ac url(../images/winnerlist/cat1.png) 10px 10px no-repeat; }
#winner .body-wrap .prize-cat-wrap .btn-botbb { background: #f5c84d url(../images/winnerlist/cat2.png) 10px 10px no-repeat; }
#winner .body-wrap .prize-cat-wrap .btn-favbrand { background: #29a4ac url(../images/winnerlist/cat3.png) 10px 10px no-repeat; }
#winner .body-wrap .prize-cat-wrap .btn-asianbeauty { background: #f5c84d url(../images/winnerlist/cat4.png) 10px 10px no-repeat; }
#winner .body-wrap .prize-cat-wrap a + a { margin-left: 10px; }
#winner .body-wrap .award-wrap { width: 100%; background-color: rgba(255, 255, 255, 0.7); border-radius: 8px; padding: 2em; box-sizing: border-box; margin: 1.5em 0 3em; display: none; }
#winner .body-wrap .award-wrap .sect-title { position: relative; background: url(../images/winnerlist/title2.png) center center no-repeat; background-size: contain; width: 500px; display: block; margin: 1em auto 0; }
#winner .body-wrap .award-wrap .sect-title .title-text { font-size: 1.5em; color: #ffffff; text-shadow: 2px 2px 5px #999999; text-align: center; padding: 10% 0 13%; text-transform: uppercase; }
#winner .body-wrap .award-wrap .sect-title.title-botbg, #winner .body-wrap .award-wrap .sect-title.title-favbrand { background-image: url(../images/winnerlist/title.png); }
#winner .body-wrap .award-wrap .cat-a-wrap { padding: 1.5em 0; border-bottom: 1px solid #29a4ac; text-align: center; }
#winner .body-wrap .award-wrap .cat-a-wrap a { color: #29a4ac; display: inline-block; text-decoration: none; margin: 0 1em; }
#winner .body-wrap .award-wrap .cat-a-wrap a.active { text-decoration: underline; }
#winner .body-wrap .award-wrap .cat-b-wrap { padding: 1.5em 0; display: none; text-align: center; }
#winner .body-wrap .award-wrap .cat-b-wrap a { color: #666666; display: inline-block; text-decoration: none; margin: 0.2em 1em; }
#winner .body-wrap .award-wrap .cat-b-wrap a.active { text-decoration: none; color: #29a4ac; }
#winner .body-wrap .award-wrap .cat-b-wrap.active { display: block; }
#winner .body-wrap .award-wrap .cat-b-wrap select { display: none; }
#winner .body-wrap .award-wrap h4 { padding: 1em 0; text-transform: uppercase; font-size: 1.2em; color: #29a4ac; text-align: center; }
#winner .body-wrap .award-wrap .result-wrap { display: none; }
#winner .body-wrap .award-wrap .all-prize { display: flex; flex-wrap: wrap; justify-content: space-around; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap { position: relative; display: inline-block; width: 300px; margin: 2em; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap img { width: 90%; display: block; margin: 0 auto; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap p { color: #666666; text-align: center; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap .brand { font-weight: bold; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap .prize-tag { position: absolute; z-index: 5; top: 0; left: 0; width: 55px; height: 68px; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap.rank-1 .prize-tag { background: url(../images/winnerlist/prize_1st.png) center center no-repeat; background-size: contain; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap.rank-2 .prize-tag { background: url(../images/winnerlist/prize_2nd.png) center center no-repeat; background-size: contain; }
#winner .body-wrap .award-wrap .all-prize .prize-wrap.rank-3 .prize-tag { background: url(../images/winnerlist/prize_3rd.png) center center no-repeat; background-size: contain; }
#winner .body-wrap .award-wrap.award-botbb .all-prize { flex-wrap: nowrap; }

@media screen and (max-width: 750px) { body { font-size: 14px; }
  .container { min-width: initial; max-width: initial; }
  .container .animation_container > canvas, .container .animation_container > div { width: 100% !important; height: auto !important; }
  .container .animation_container#animation_container3 { display: none; }
  .container section { width: 100%; padding: 0; }
  .container .img-kv { background: url("../images/mobile/bg_girl.png") 0 0 no-repeat; background-size: contain; width: 100%; height: 0; padding-top: 128.8%; top: 0; left: 0; margin: 0; }
  .container .intro { padding-top: 28%; height: auto; box-sizing: border-box; }
  .container .intro .leadin { padding: 0 20px; }
  .container .intro .leadin .logo { width: 48%; padding-bottom: 2em; }
  .container .intro .leadin p { width: 100%; line-height: 1.8em; }
  .container .intro .leadin p > span { display: inline; letter-spacing: 1px; font-size: 1em; }
  .container .intro .link-wrap { padding: 0; width: 100%; }
  .container .intro .link-wrap .m-link-top { background: url("../images/mobile/bg_homePage_1_top.png") 0 0 no-repeat; background-size: contain; width: 100%; height: 0; padding-top: 14.66667%; }
  .container .intro .link-wrap .m-link-bottom { background: url("../images/mobile/bg_homePage_1_bottom.png") 0 0 no-repeat; background-size: contain; width: 100%; height: 0; padding-top: 36.93333%; }
  .container .intro .link-wrap .link-body { background-color: #ed1b22; padding-top: 1.5em; }
  .container .intro .link-wrap .title-text { font-size: 2.2em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-align: center; padding-bottom: 1em; }
  .container .brandlist .sect-title .title-text { padding: 10% 0; }
  .container .brandlist .sect-title #animation_container5 { width: 80% !important; height: auto !important; margin-left: -40%; }
  .container .brandlist .list-wrap { padding: 0 2.5%; }
  .container .brandlist .list-wrap .brand-wrap { width: 45%; height: 0; padding-top: 45%; margin: 5% 2.5%; }
  .container .brandlist .list-wrap .brand-wrap .brand-img, .container .brandlist .list-wrap .brand-wrap .brand-logo, .container .brandlist .list-wrap .brand-wrap .mask-color, .container .brandlist .list-wrap .brand-wrap .mask-shape { width: 100%; height: 0; padding-top: 100%; }
  .container #animation_container4 { display: none; }
  .container .otherbrand { position: relative; margin-top: -50%; z-index: 0; }
  .container .otherbrand .otherbrandlist { padding: 70% 20px 0; }
  .container .otherbrand .otherbrandlist .search-brand { width: 100%; }
  .container .otherbrand .otherbrandlist .search-brand #searchInput { width: 70%; }
  .container .otherbrand .otherbrandlist .otherbrand { width: 100%; }
  .container .otherbrand .otherbrandlist .otherbrand .scroll-wrap { position: relative; height: 260px; overflow: hidden; }
  .container .otherbrand .otherbrandlist .otherbrand .list-wrap .grid-sizer { width: 50%; }
  .container .all-event .sect-title .title-text { padding: 10% 0; }
  .container .all-event .sect-title #animation_container6 { width: 80% !important; height: auto !important; margin-left: -40%; }
  .container .all-event .timeline { margin: 1em auto; width: 80%; height: 0; padding-top: 98.75%; background-size: contain; }
  .container .all-event .timeline.tl-1 { background-image: url("../images/mobile/time_lev1.png"); }
  .container .all-event .timeline.tl-2 { background-image: url("../images/mobile/time_lev2.png"); }
  .container .all-event .timeline.tl-3 { background-image: url("../images/mobile/time_lev3.png"); }
  .container .all-event .timeline.tl-4 { background-image: url("../images/mobile/time_all.png"); }
  .container .all-event .wrapper { margin-top: 1.5em; position: relative; }
  .container .all-event .wrapper .event-wrap { padding: 12.5% 3% 1em; }
  .container .all-event .wrapper .prev-slide { color: #000000; display: block; position: absolute; top: 50%; left: 2%; }
  .container .all-event .wrapper .next-slide { color: #000000; display: block; position: absolute; top: 50%; right: 2%; }
  .container footer { width: 100%; box-sizing: border-box; }
  .container .ani-wrapper { position: relative; }
  .container .ani-wrapper #animation_container7 { margin-top: -340px; margin-left: -790px; }
  .container .ani-wrapper #animation_container8 { margin-top: -530px; margin-left: 0px; }
  #index .container { padding-bottom: 150px; }
  #brand .img-plball4 { background: url("../images/mobile/bg_Listing2.png") 0 0 no-repeat; background-size: contain; width: 100%; height: 0; padding-top: 69.92084%; position: absolute; left: auto; right: 0; top: 0; margin-left: 0; margin-top: 0; z-index: -1; }
  #brand .img-plball2 { background: url("../images/mobile/bg_Listing.png") 0 0 no-repeat; background-size: contain; width: 26.91293%; height: 0; padding-top: 51.58311%; position: absolute; left: 0; top: 0; margin-left: 0; margin-top: 25%; z-index: -1; }
  #brand .img-plball12 { background: url("../images/mobile/bg_blue.png") 0 0 no-repeat; background-size: contain; width: 109.2%; height: 0; padding-top: 62.4%; position: absolute; left: 50%; margin-left: -110%; margin-top: 0; z-index: -1; }
  #brand .img-plball13 { background: url("../images/mobile/bg_red.png") 0 0 no-repeat; background-size: contain; width: 147.33333%; height: 0; padding-top: 183.73333%; position: absolute; left: 50%; margin-left: 5%; margin-top: -60%; z-index: -1; }
  #brand .brandlist .sect-title { background-size: 80%; }
  #brand .main-logo-s { width: 200px; margin-left: -100px; top: 70px; }
  #brand .feat-brand .main-logo-s { width: 20%; left: 20px; margin-left: 0; top: 60px; }
  #brand .search-wrap { padding-top: 260px; }
  #brand .search-wrap span { display: block; text-align: center; }
  #brand .search-wrap select { width: 80%; }
  #brand .productlist { width: 100%; }
  #brand .productlist .sect-title { background-size: 65%; }
  #brand .productlist .product-grid { position: relative; margin: 0 auto 1.5em; width: 90%; }
  #brand .productlist .product-grid .item { width: 48%; }
  #brand .productlist .product-grid .grid-sizer { width: 48%; }
  #brand .productlist .product-grid .gutter-sizer { width: 4%; }
  #brand .brand-intro { padding-top: 175%; height: 0; min-height: initial; background-size: 200%; }
  #brand .brand-intro .intro-wrap { position: absolute; top: 25%; left: 50%; margin-left: -45%; width: 90%; }
  #brand .brand-intro .intro-wrap .brand-logo { max-width: 60%; width: auto; padding: 0 0 1em; }
  #brand .brand-intro .intro-wrap p { width: 100%; padding-bottom: 0; }
  #brand .video-wrap { padding-bottom: 1.5em; }
  #brand .video-wrap .video-player { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
  #brand .video-wrap .video-player > div { position: absolute !important; top: 0; left: 0; }
  #brand .product-info { width: 100%; }
  #brand .product-info .sect-title { background-size: 65%; }
  #brand .product-info .product-wrap { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
  #brand .product-info .product-wrap .product-img { width: 100%; display: block; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; }
  #brand .product-info .product-wrap .product-detail { clear: both; width: 90%; display: block; margin: 0 auto 1em; text-align: center; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; }
  #brand .product-info .product-wrap .product-detail .p-name { text-align: center; }
  #brand .blogger { width: 90%; padding: 1em; box-sizing: border-box; }
  #brand .blogger .wrapper .blogger-img { display: block; width: 65%; margin: 0 auto 1em; }
  #brand .blogger .wrapper .content { width: 100%; display: block; text-align: center; }
  #brand .blogger .wrapper .content span { font-weight: bold; display: block; }
  #brand .winning-prize { width: 90%; padding: 1em; }
  #brand .winning-prize h3 span { font-size: 1.4em; }
  #brand .winning-prize p { color: #FFFFFF; text-align: center; padding-bottom: 1em; }
  #brand .btn-otherBrand { background: url(../images/btn_morebrand.png) 0 0 no-repeat; background-size: contain; width: 220px; height: 220px; display: block; margin: 2em auto; }
  #vote .container { padding-bottom: 25%; }
  #vote .bg-img { display: none; }
  #vote .img-kv-vote { background: url("../images/v_bg_mobile.png") 0 0 no-repeat; width: 77.6%; height: 0; padding-top: 110.26667%; background-size: contain; top: 0; left: auto; right: 0; margin-left: 0; z-index: -1; }
  #vote .img-vote1 { display: block; background: url("../images/v_bg_2.png") 0 0 no-repeat; width: 41.6%; height: 0; padding-top: 45.86667%; background-size: contain; top: 17%; left: auto; right: 0; margin-left: 0; z-index: -1; }
  #vote .img-vote2 { display: block; background: url("../images/v_bg_3.png") 0 0 no-repeat; width: 99.06667%; height: 0; padding-top: 96.26667%; background-size: contain; top: 36%; left: -87%; margin-left: 0; z-index: -1; }
  #vote .img-vote3 { display: block; background: url("../images/v_bg_4.png") 0 0 no-repeat; position: absolute; width: 97.33333%; height: 0; padding-top: 111.2%; background-size: contain; top: 44%; right: -60%; margin-left: 0; z-index: -1; }
  #vote .img-vote4 { display: block; background: url("../images/v_bg_6.png") 0 0 no-repeat; width: 108.66667%; height: 0; padding-top: 45.06667%; background-size: contain; top: 87%; left: -94%; margin-left: 0; z-index: -1; }
  #vote .img-vote5 { display: block; background: url("../images/v_bg_5.png") 0 0 no-repeat; width: 100%; height: 0; padding-top: 58%; background-size: contain; bottom: 0; left: 0; margin-left: 0; z-index: -1; }
  #vote .intro-wrap { width: 100%; padding: 20px 1em 2em; box-sizing: border-box; }
  #vote .intro-wrap h4 { font-size: 1.2em; padding: 0 1em 0.5em; }
  #vote .intro-wrap .main-logo-s { padding-top: 3em; width: 60%; display: block; margin: 0 auto; }
  #vote .intro-wrap .sect-title { width: 100%; background-size: 100%; margin: 0.5em 0 1em; }
  #vote .intro-wrap .sect-title .title-text { font-size: 1.5em; }
  #vote .intro-wrap p { width: 100%; padding: 0 1em; box-sizing: border-box; }
  #vote .intro-wrap p > br { display: none; }
  #vote .body-wrap { width: 100%; padding: 0 20px; box-sizing: border-box; }
  #vote .body-wrap .form-wrap { width: 100%; background-color: transparent; margin-left: 0; padding: 0; }
  #vote .body-wrap .form-wrap .step-wrap { margin: 0 0 1em; padding: 5% 0 5% 22%; background-size: auto 100%; }
  #vote .body-wrap .form-wrap .step-wrap.step-1 { background-image: url("../images/m_step1.png"); }
  #vote .body-wrap .form-wrap .step-wrap.step-2 { background-image: url("../images/m_step2.png"); }
  #vote .body-wrap .form-wrap .vote-wrap { width: 100%; box-sizing: border-box; }
  #vote .body-wrap .form-wrap .vote-wrap > p { padding-bottom: 0.2em; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group { width: 100%; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dt, #vote .body-wrap .form-wrap .vote-wrap .field-group dd { display: block; width: 100%; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dt { padding: 0 0 0.3em; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dd { margin: 0; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dd > input[type=text], #vote .body-wrap .form-wrap .vote-wrap .field-group dd > input[type=email], #vote .body-wrap .form-wrap .vote-wrap .field-group dd > input[type=tel] { padding: 0.8em 0.5em; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dd .suggest-list { text-align: left; }
  #vote .body-wrap .form-wrap .vote-wrap .field-group dd .suggest-list ul li { vertical-align: middle; line-height: 1em; }
  #vote .body-wrap .form-wrap .vote-wrap .half-group { float: none; }
  #vote .body-wrap .form-wrap .vote-wrap .half-group.left-group { width: 100%; }
  #vote .body-wrap .form-wrap .vote-wrap .half-group.right-group { width: 100%; }
  #vote .body-wrap .form-wrap .vote-wrap textarea { width: 100%; }
  #vote .body-wrap .form-wrap .statement { width: 100%; box-sizing: border-box; padding: 1em; }
  #vote .body-wrap .form-wrap .statement div > span { width: 47%; }
  #vote .body-wrap .form-wrap .btn-wrap { padding: 1em; }
  #winner .img-kv-winner { background: url("../images/winnerlist/kv.png") 0 0 no-repeat; width: 1056px; height: 803px; position: absolute; top: 0; left: 50%; margin-left: -96px; z-index: -1; }
  #winner .intro-wrap { padding: 20px 1em 1em; width: 100%; box-sizing: border-box; }
  #winner .intro-wrap p { padding: 0 3%; }
  #winner .intro-wrap .main-logo-s { padding-top: 18%; width: 60%; margin: 0 auto; }
  #winner .intro-wrap .sect-title { width: 100%; display: block; margin-top: 0; }
  #winner .intro-wrap .sect-title .title-text { line-height: 1.2em; padding: 8% 0; }
  #winner .intro-wrap .sect-title .title-text span { display: block; }
  #winner .body-wrap { width: 100%; padding: 0 3%; box-sizing: border-box; min-height: 600px; }
  #winner .body-wrap .prize-cat-wrap { display: flex; flex-wrap: wrap; justify-content: space-around; }
  #winner .body-wrap .prize-cat-wrap .btn-prize-cat { padding: 8px 15px; width: 46%; height: auto; margin-bottom: 0.5em; }
  #winner .body-wrap .prize-cat-wrap .btn-botbg { background: #29a4ac; }
  #winner .body-wrap .prize-cat-wrap .btn-botbb { background: #f5c84d; }
  #winner .body-wrap .prize-cat-wrap .btn-favbrand { background: #29a4ac; }
  #winner .body-wrap .prize-cat-wrap .btn-asianbeauty { background: #f5c84d; }
  #winner .body-wrap .prize-cat-wrap a + a { margin-left: 0; }
  #winner .body-wrap .award-wrap { padding: 0 5%; background-color: transparent; }
  #winner .body-wrap .award-wrap .sect-title { width: 95%; margin: 0 auto; }
  #winner .body-wrap .award-wrap .sect-title .title-text { padding: 9% 10%; }
  #winner .body-wrap .award-wrap .sect-title.title-asianbeauty .title-text { padding: 10% 0 13%; }
  #winner .body-wrap .award-wrap .cat-a-wrap { padding: 0.8em 0; }
  #winner .body-wrap .award-wrap .cat-a-wrap a { margin: 0.4em 1em; }
  #winner .body-wrap .award-wrap .cat-b-wrap { padding: 1em 0; }
  #winner .body-wrap .award-wrap .cat-b-wrap a { display: none; }
  #winner .body-wrap .award-wrap .cat-b-wrap select { display: block; width: 80%; margin: 0 auto; padding: 0.3em; box-sizing: border-box; }
  #winner .body-wrap .award-wrap .all-prize .prize-wrap { display: block; margin: 1em auto; width: 80%; }
  #winner .body-wrap .award-wrap.award-botbb .all-prize { flex-wrap: wrap; } }

/*# sourceMappingURL=style.css.map */