* { resize: none; outline: 0; }

p, div, a, h1, h2, h3, h4, h5, h6, label, select, option, span, input, li { font-size: 16px; font-family: "OpenSans", Arial, Helvetica, "Microsoft JhengHei", "Heiti TC", "STHeiti", PMingLiU, sans-serif; line-height: 1.4em; margin: 0; }

html { margin: 0; padding: 0; width: 100%; height: 100%; }

body { margin: 0 auto; padding: 0; position: relative; box-sizing: border-box; width: 100%; min-height: 100%; overflow: auto; }

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

.messi-title { color: #ffffff; }

.messi-box { margin: 0 auto; }

.container { width: 100%; min-width: 1024px; max-width: 1920px; margin: 0 auto; position: relative; }
.container .body-wrap { position: relative; }

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: #FFFFFF; display: block; }
nav .menu-wrap { width: 390px; height: 100%; background-color: #a40019; 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); }

.btn { display: inline-block; padding: 0.6em 2em; color: #000000; border: 1px solid #000000; text-decoration: none; text-align: center; }
.btn span, .btn i { display: inline-block; vertical-align: middle; color: #000000; }
.btn span + i, .btn i + span { margin-left: 6px; }

.btn-wrap { text-align: center; padding-bottom: 1em; }
.btn-wrap .btn { display: inline-block; }
.btn-wrap .btn + .btn { margin-left: 1em; }

.btn-loadmore { margin-top: 0.5em; color: #FFFFFF; border-color: #FFFFFF; }
.btn-loadmore span, .btn-loadmore i { color: #FFFFFF; }
.btn-loadmore span { margin-right: 0.4em; }

.btn-icon { width: 20px; height: 20px; margin-left: 5px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.btn-icon.icon-bag { background-image: url(../images/bag_s.png); }
.btn-icon.icon-play { background-image: url(../images/video_s.png); }
.btn-icon.icon-mouse { background-image: url(../images/mouse_s.png); }
.btn-icon.icon-winner { background-image: url(../images/heart_s.png); }

.icon-mag { display: inline-block; width: 30px; height: 30px; margin-left: 5px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; background-image: url(../images/icon_glass.png); }

.layout-blk-w { position: absolute; width: 100%; height: 0; padding-top: 3.125%; left: 0; bottom: 0; z-index: 1; background: url(../images/bar_w.png) left bottom no-repeat; background-size: cover; }

.layout-blk-w2 { position: absolute; width: 100%; height: 0; padding-top: 3.125%; right: 0; bottom: 0; z-index: 1; background: url(../images/bar_w2.png) right bottom no-repeat; background-size: cover; }

.layout-blk-b { position: absolute; width: 100%; height: 0; padding-top: 3.125%; left: 0; bottom: 0; z-index: 1; background: url(../images/bar_b.png) left bottom no-repeat; background-size: cover; }

.layout-blk-r { width: 100%; height: 0; padding-top: 3.125%; background: url(../images/bar_r.png) left bottom no-repeat; background-size: cover; }

.layout-blk-wb { width: 100%; height: 0; padding-top: 3.125%; background: url(../images/bar_wb.gif) left bottom no-repeat; background-size: cover; }

.layout-blk-bw2 { width: 100%; height: 0; padding-top: 3.125%; background: url(../images/bar_bw2.gif) left bottom no-repeat; background-size: cover; }

.layout-blk-bw { width: 100%; height: 0; padding-top: 3.125%; background: url(../images/bar_bw.gif) left bottom no-repeat; background-size: cover; }

.layout-blk-rb { width: 100%; height: 0; padding-top: 3.125%; background: url(../images/bar_rb.jpg) left bottom no-repeat; background-size: cover; }

.brandlist { background-color: #000000; width: 100%; }
.brandlist h3 { color: #FFFFFF; text-align: center; padding: 0.3em 0; }
.brandlist h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
.brandlist .img-grid { padding: 0.5em 0; overflow: auto; }
.brandlist .img-grid .feat-brand { width: 20%; float: left; position: relative; overflow: hidden; opacity: 0; display: none; transform: scale(0); 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; }
.brandlist .img-grid .feat-brand.shown { display: block; animation: showFrNone 0.3s ease-in-out; animation-fill-mode: forwards; }
.brandlist .img-grid .feat-brand img { width: 100%; display: block; 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; }
.brandlist .img-grid .feat-brand .brand-logo { position: absolute; left: -2%; top: -2%; background-color: rgba(0, 0, 0, 0.6); width: 104%; height: 104%; 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; }
.brandlist .img-grid .feat-brand:hover img { transform: perspective(800px) translateZ(0px) scale(1.2); }
.brandlist .img-grid .feat-brand:hover .brand-logo { opacity: 0; }
.brandlist .img-grid .search-brand { width: 20%; height: 0; padding-top: 20%; float: left; position: relative; }
.brandlist .img-grid .search-brand .wrapper { position: absolute; width: 90%; height: 4em; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.brandlist .img-grid .search-brand .wrapper span { display: block; color: #FFFFFF; text-align: center; }
.brandlist .img-grid .search-brand .wrapper input { display: inline-block; width: 70%; border: 0; border-bottom: 1px solid #FFFFFF; background-color: transparent; color: #FFFFFF; }
.brandlist .name-grid { padding-bottom: 1em; }
.brandlist .name-grid .other-brand { padding: 0.4em 1.5em; width: 20%; box-sizing: border-box; float: left; color: #FFFFFF; text-decoration: none; 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; }
.brandlist .name-grid .other-brand:hover { background-color: #a40019; }
.brandlist .name-grid .grid-sizer { width: 20%; }

#index .top-video { background: url(../images/BOTB_image_2.jpg) top center no-repeat; text-align: center; overflow: hidden; position: relative; }
#index .top-video .video-bg { display: none; position: absolute; z-index: 0; width: 100%; height: 0; padding-top: 56.25%; }
#index .top-video .video-bg > div { position: absolute !important; top: 0; left: 0; }
#index .top-video .main-logo { position: relative; padding: 3em 0 4em; z-index: 1; width: 275px; }
#index .intro-wrap { padding: 1em 0; }
#index .intro-wrap p { text-align: center; width: 80%; margin: 0 auto; padding-bottom: 1em; }
#index .intro-wrap .btn-startgame span, #index .intro-wrap .btn-startgame i { vertical-align: top; }
#index .video-wrap { max-height: 0; overflow: hidden; text-align: center; }
#index .video-wrap.active { max-height: 100%; }
#index .video-wrap .video-player { background-color: #000000; width: 800px; height: 450px; display: inline-block; vertical-align: bottom; }
#index .video-wrap .btn-hideVideo { padding: 0 0.5em; display: inline-block; vertical-align: bottom; }
#index .video-wrap .btn-hideVideo i { color: #cccccc; }
#index .event-wrap { clear: both; }
#index .event-wrap h3 { padding-top: 1em; color: #000000; text-align: center; }
#index .event-wrap h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
#index .event-wrap .event-slider { width: 100%; position: relative; margin-bottom: 3em; }
#index .event-wrap .event-slider .next-slide { position: absolute; top: 40%; right: 10px; color: #cccccc; z-index: 5; }
#index .event-wrap .event-slider .next-slide:hover { color: #a40019; }
#index .event-wrap .event-slider .prev-slide { position: absolute; top: 40%; left: 10px; z-index: 5; color: #cccccc; }
#index .event-wrap .event-slider .prev-slide:hover { color: #a40019; }
#index .event-wrap .event-slider .event { width: 100%; text-align: center; padding: 2em; box-sizing: border-box; }
#index .event-wrap .event-slider .event .ball-wrap { font-size: 2.5em; color: #FFFFFF; text-align: center; border-radius: 50%; line-height: 1em; padding: 1.5em 0.5em; display: inline-block; vertical-align: middle; background-color: #a40019; color: #FFFFFF; }
#index .event-wrap .event-slider .event .ball-wrap.ball-m { padding: 1.5em 1em; }
#index .event-wrap .event-slider .event .event-detail { width: 45%; margin-left: 1em; display: inline-block; vertical-align: middle; }
#index .event-wrap .event-slider .event .event-detail p { text-align: left; }
#index .event-wrap .event-slider .event .event-detail .btn-wrap { padding-top: 0.5em; text-align: left; }

#brand .main-logo-s { position: absolute; right: 10px; top: 10px; z-index: 10; }
#brand .search-wrap { width: 100%; min-height: 200px; padding: 4em 0 1em; text-align: center; background: url(../images/top_tri.png) bottom center no-repeat; color: #FFFFFF; }
#brand .search-wrap div { text-align: center; padding-bottom: 1.5em; }
#brand .search-wrap .allBrand select { color: #000000; padding: 0.3em; }
#brand .productlist h3 { padding: 1em 0 1.5em; color: #a40019; text-align: center; }
#brand .productlist h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
#brand .productlist .product-grid { position: relative; margin: 0 auto 1.5em; max-width: 1600px; }
#brand .productlist .product-grid .item { width: 485px; position: relative; float: left; margin-bottom: 1.5em; text-decoration: none; box-sizing: border-box; display: inline-block; }
#brand .productlist .product-grid .item img { width: 100%; display: block; }
#brand .productlist .product-grid .item .p-name { font-size: 1.2em; font-weight: bold; padding: 0.2em 0; }
#brand .productlist .product-grid .item .p-cat { background-color: #a40019; padding: 3px 6px; color: #FFFFFF; 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: 485px; }
#brand .productlist .product-grid .gutter-sizer { width: 40px; }
#brand .brand-intro { position: relative; width: 100%; min-height: 1000px; background-position: top center; background-repeat: no-repeat; text-align: center; clear: both; }
#brand .brand-intro .brand-logo { position: relative; padding: 220px 0 1em; width: 400px; }
#brand .brand-intro p { color: #FFFFFF; text-align: center; width: 80%; margin: 0 auto; }
#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 #a40019; }
#brand .video-wrap .video-player { width: 1000px; height: 562px; margin: 1em auto 1.5em; }
#brand .product-info { width: 80%; margin: 0 auto 2em; }
#brand .product-info h3 { padding: 1em 0 1.5em; color: #a40019; text-align: center; }
#brand .product-info h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
#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; }
#brand .product-info .product-wrap .product-detail .p-cat { background-color: #a40019; padding: 3px 6px; color: #FFFFFF; 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 .blogger { width: 80%; margin: 0 auto 2em; padding: 2em; box-sizing: border-box; background-color: #a40019; }
#brand .blogger h3 { padding: 0; color: #FFFFFF; text-align: center; }
#brand .blogger h3 span { font-size: 1.8em; border-bottom: 5px solid #FFFFFF; }
#brand .blogger .wrapper { padding-top: 1em; text-align: center; }
#brand .blogger .wrapper .blogger-img { display: inline-block; width: 32%; border-radius: 50%; vertical-align: middle; margin-right: 3%; }
#brand .blogger .wrapper .content { width: 60%; color: #FFFFFF; display: inline-block; vertical-align: middle; text-align: left; }
#brand .blogger .wrapper .content span { font-weight: bold; display: block; padding-bottom: 0.5em; }
#brand .winning-prize { width: 80%; margin: 1em auto 2em; padding: 2em; box-sizing: border-box; background-color: #a40019; }
#brand .winning-prize h3 { padding: 0 0 0.5em; color: #d8a75b; text-align: center; }
#brand .winning-prize h3 span { font-size: 1.8em; border-bottom: 5px solid #d8a75b; }
#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; 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 { height: 0; overflow: hidden; }
#brand .brandlist.active { height: auto; }

footer { width: 100%; text-align: center; background-color: #000000; padding: 0.4em 0; }
footer.bg-o { background-color: #ee5d52; }
footer.bg-w { background-color: #ffffff; }
footer.bg-w span { color: #000000; }
footer span { font-size: 0.8em; color: #FFFFFF; }
footer br { display: none; }

#game nav .btn-nav { color: #000000; }
#game.index nav .btn-nav { color: #FFFFFF; }
#game .main-logo-s { position: absolute; right: 10px; top: 10px; z-index: 10; }
#game .header-wrap { display: none; }
#game .game-intro { position: relative; width: 100%; min-height: 800px; text-align: center; padding-top: 50px; }
#game .game-intro .btn { border: 1px solid #ffffff; background-color: #ffffff; }
#game .game-intro .game-logo { width: 50%; min-width: 500px; max-width: 849px; padding-bottom: 30px; }
#game .game-intro .bg-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#game .game-intro .bg-slider .slick-list, #game .game-intro .bg-slider .slick-track { height: 100% !important; }
#game .game-intro .bg-slider .bg-wrap { width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; }
#game .game-intro .bot-wrap { background: url(../images/redbg2.png) top center no-repeat; padding: 80px 0 20px; }
#game .game-intro .bot-wrap .intro { width: 60%; margin: 0 auto; text-align: center; padding-bottom: 1.5em; color: #FFFFFF; }
#game #gamerule { display: none; }
#game #gamerule .rule-wrap { text-align: left; }
#game #gamerule .rule-wrap .subtitle { text-align: center; padding: 1em 0 0.4em; font-size: 1.2em; font-weight: bold; }
#game #gamerule .rule-wrap ol { margin: 0; padding-left: 1.5em; }
#game .game-set { position: relative; width: 100%; min-height: 800px; padding-bottom: 350px; box-sizing: border-box; }
#game .game-set.game-form { padding-bottom: 100px; }
#game .game-set .title-wrap { background: url(../images/toptriangle.png) top center no-repeat; background-size: contain; width: 50%; min-width: 500px; min-height: 100px; margin: 0 auto; }
#game .game-set .title-wrap h3 { color: #FFFFFF; text-align: center; padding: 0.8em 0 0; }
#game .game-set .title-wrap h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
#game .game-set .title-wrap h3 .btn-info { border: 0 none; width: 25px; height: 25px; background: url(../images/btn_question.png) top center no-repeat; background-size: contain; vertical-align: baseline; padding: 0; margin-left: 6px; }
#game .game-set.s1 .title-wrap { background-image: url(../images/title_scenario1.png); }
#game .game-set.s2 .title-wrap { background-image: url(../images/title_scenario2.png); }
#game .game-set.s3 .title-wrap { background-image: url(../images/title_scenario3.png); }
#game .game-set.s4 .title-wrap { background-image: url(../images/title_scenario4.png); }
#game .game-set.s5 .title-wrap { background-image: url(../images/title_scenario5.png); }
#game .game-set.s6 .title-wrap { background-image: url(../images/title_scenario6.png); }
#game .game-set.s7 .title-wrap { background-image: url(../images/title_scenario7.png); }
#game .game-set.s8 .title-wrap { background-image: url(../images/title_scenario8.png); }
#game .game-set .bot-wrap { position: absolute; bottom: 0; left: 0; width: 100%; overflow: visible; }
#game .game-set .bot-wrap .bg-left { float: left; width: 23.64583%; height: 0; padding-top: 9.89583%; background: url(../images/lefttriangle.gif) top right no-repeat; background-size: contain; }
#game .game-set .bot-wrap .bg-right { float: right; width: 23.64583%; height: 0; padding-top: 9.89583%; background: url(../images/righttriangle.gif) top left no-repeat; background-size: contain; }
#game .game-set .bot-wrap .img-bag { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; width: 42.96875%; height: 0; padding-top: 17.70833%; background: url(../images/bag.png) top left no-repeat; background-size: contain; }
#game .game-set .bot-wrap .shopping-bag { position: absolute; right: 15%; bottom: 40px; z-index: 5; width: 120px; height: 160px; text-align: center; }
#game .game-set .bot-wrap .shopping-bag .btn-shopbag { border-radius: 50%; padding: 0.8em 1.5em; background-color: #FFFFFF; }
#game .game-set .bot-wrap .shopping-bag .btn-shopbag .icon-bag-l { width: 47px; height: 47px; display: block; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url(../images/bag_l.png); }
#game .game-set .bot-wrap .shopping-bag .btn-shopbag span { display: block; margin: 0; }
#game.form .game-set .bot-wrap { z-index: 0; }
#game .form-wrap { position: relative; z-index: 1; width: 500px; margin: 0 auto; }
#game .form-wrap .lead { text-align: center; padding: 2em 0; }
#game .form-wrap .form-row { padding-bottom: 1em; }
#game .form-wrap .form-row .left { float: left; width: 35%; line-height: 2em; }
#game .form-wrap .form-row .left > span { display: block; }
#game .form-wrap .form-row .right { float: right; width: 65%; }
#game .form-wrap .form-row .right input { background: #ffffff; -webkit-appearance: none; -moz-appearance: none; display: block; margin: 0; width: 100%; padding: 0.3em 1em; box-sizing: border-box; border: 1px solid #000000; }
#game .form-wrap .statement { padding-bottom: 2em; }
#game .form-wrap .statement .tnc-wrap { padding-bottom: 1.5em; }
#game .form-wrap .statement p + p { padding-bottom: 0.5em; }
#game .form-wrap .statement p, #game .form-wrap .statement label, #game .form-wrap .statement span { line-height: 1.2em; }
#game .form-wrap .statement label, #game .form-wrap .statement span { vertical-align: middle; }
#game .form-wrap .statement .note { padding-top: 1em; font-size: 0.8em; display: block; }
#game .next-slide { position: absolute; top: 40%; right: 15px; color: #cccccc; z-index: 5; }
#game .next-slide:hover { color: #a40019; }
#game .prev-slide { position: absolute; top: 40%; left: 15px; color: #cccccc; z-index: 5; }
#game .prev-slide:hover { color: #a40019; }
#game .scene-info { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; display: none; }
#game .scene-info.active { display: block; }
#game .scene-info .wrapper { width: 600px; height: 500px; position: absolute; top: 150px; left: 0; right: 0; margin: auto; }
#game .scene-info .btn-close { width: 36px; height: 36px; display: block; margin-top: 0.5em; background-repeat: no-repeat; background-position: 0 0; background-size: contain; background-image: url(../images/btn_closel.png); position: absolute; top: 0; right: 0; }
#game .scene-info h3 { padding: 1em 0 1.5em; color: #FFFFFF; text-align: center; }
#game .scene-info h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
#game .scene-info .scene-desc { padding-bottom: 1em; text-align: center; color: #FFFFFF; width: 400px; margin: 0 auto; }
#game .scene-info .scene-desc span { display: inline-block; background-color: #a40019; font-size: 1.2em; padding: 6px 12px; margin-top: 0.5em; }
#game .bag-list { display: none; background-color: #a5001a; position: fixed; width: 100%; height: 100%; padding: 0 8%; box-sizing: border-box; z-index: 999; }
#game .bag-list.active { display: block; }
#game .bag-list .header { position: absolute; width: 100%; padding: 1.5em 0 0; box-sizing: border-box; height: 5.5em; top: 0; left: 0; color: #FFFFFF; }
#game .bag-list .header p { display: inline-block; }
#game .bag-list .header p i, #game .bag-list .header p span { display: inline-block; vertical-align: bottom; }
#game .bag-list .header p span { font-size: 1.6em; }
#game .bag-list .header .icon-bag-l { width: 47px; height: 47px; display: inline-block; margin-right: 0.5em; background-repeat: no-repeat; background-position: 0 100%; background-size: 100% auto; background-image: url(../images/bag_l.png); }
#game .bag-list .header .btn-close { width: 36px; height: 36px; display: block; float: right; margin-top: 0.5em; background-repeat: no-repeat; background-position: 0 0; background-size: contain; background-image: url(../images/btn_closel.png); }
#game .bag-list .list-wrap { position: relative; width: 100%; height: 100%; padding: 5.5em 0; box-sizing: border-box; }
#game .bag-list .list-wrap .baglist { width: 100%; height: 100%; overflow: auto; }
#game .bag-list .list-wrap .baglist .all-item { width: 50%; float: left; margin: 1em 0; padding: 0 1em; box-sizing: border-box; display: none; }
#game .bag-list .list-wrap .baglist .all-item.selected { display: block; }
#game .bag-list .list-wrap .baglist .all-item .p-img { width: 25%; display: inline-block; vertical-align: middle; border-radius: 50%; }
#game .bag-list .list-wrap .baglist .all-item .p-info { width: 55%; display: inline-block; vertical-align: middle; margin: 0 2.5%; color: #FFFFFF; }
#game .bag-list .list-wrap .baglist .all-item .p-info .p-cat, #game .bag-list .list-wrap .baglist .all-item .p-info .p-brand { font-size: 1.5em; font-weight: bold; }
#game .bag-list .list-wrap .baglist .all-item .p-info .p-brand, #game .bag-list .list-wrap .baglist .all-item .p-info .p-name { width: 100%; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }
#game .bag-list .list-wrap .baglist .all-item .p-info .p-price { font-size: 1.2em; }
#game .bag-list .list-wrap .baglist .all-item .btn-close { width: 12%; height: 0; padding-top: 12%; display: inline-block; vertical-align: middle; background: #000000 url(../images/btn_closel.png) center center no-repeat; background-size: 50%; border-radius: 50%; }
#game .bag-list .amount-wrap { position: absolute; width: 100%; padding: 1.5em 0 0; box-sizing: border-box; height: 5.5em; bottom: 0; left: 0; color: #FFFFFF; text-align: center; border-top: 1px solid #FFFFFF; }
#game .bag-list .amount-wrap span { font-size: 1.2em; display: inline-block; vertical-align: middle; }
#game .bag-list .amount-wrap .amount-left { font-size: 1.6em; }
#game .bag-list .amount-wrap .checkout-wrap { display: none; float: right; }
#game .bag-list .amount-wrap .checkout-wrap span { padding-right: 0.4em; }
#game .bag-list .amount-wrap .checkout-wrap span, #game .bag-list .amount-wrap .checkout-wrap a { color: #ffffff; display: inline-block; vertical-align: middle; border-color: #FFFFFF; }
#game .bag-list .amount-wrap .checkout-wrap span i, #game .bag-list .amount-wrap .checkout-wrap a i { color: #FFFFFF; }
#game .scene-slider { margin-top: 2em; }
#game .scene-slider .scene { text-align: center; transform: scale(0.7) translate3d(0px, -50px, 0px); transition-property: transform; -webkit-transition-property: transform; 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; }
#game .scene-slider .scene .mask { position: absolute; width: 100%; height: 100%; z-index: 999; }
#game .scene-slider .scene .select-btn { display: inline-block; opacity: 0.6; transition-property: all; -webkit-transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
#game .scene-slider .scene .img-topic { display: block; width: 100%; max-width: 100%; }
#game .scene-slider .scene .scene-desc { transform: scale(0); padding-top: 1em; text-align: center; transition-property: transform; -webkit-transition-property: transform; 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; }
#game .scene-slider .scene .scene-desc span { display: inline-block; background-color: #a40019; font-size: 1.2em; padding: 6px 12px; margin-top: 0.5em; color: #FFFFFF; }
#game .scene-slider .slick-center { transform: scale(1) translate3d(0px, 0px, 0px); }
#game .scene-slider .slick-center .mask { display: none; }
#game .scene-slider .slick-center .select-btn { opacity: 1; }
#game .scene-slider .slick-center.played .select-btn { opacity: 0.6; }
#game .scene-slider .slick-center.selected .select-btn { transform: scale(0) translate3d(0px, -100%, 0px); transform-origin: bottom center; }
#game .scene-slider .slick-center .scene-desc { transform: scale(1); }
#game .cat-slider { position: absolute; left: 0; top: 90px; width: 30%; z-index: 5; }
#game .cat-slider p { text-align: right; background-color: #000000; color: #FFFFFF; width: 100%; box-sizing: border-box; padding: 0.3em 0.4em 0.3em 1em; font-size: 1.8em; }
#game .product-slider { margin-top: 2em; }
#game .product-slider .product { text-align: center; transform: scale(0.5) translate3d(0px, -50px, 0px); transition-property: transform; -webkit-transition-property: transform; 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; }
#game .product-slider .product .mask { position: absolute; width: 100%; height: 100%; z-index: 999; }
#game .product-slider .product .select-btn { display: inline-block; opacity: 0.6; transition-property: all; -webkit-transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
#game .product-slider .product .img-product { display: block; width: 100%; max-width: 100%; }
#game .product-slider .product .p-info { opacity: 0.6; padding-top: 1em; text-align: center; transition-property: transform; -webkit-transition-property: transform; 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; }
#game .product-slider .product .p-info .p-brand { font-size: 1.2em; font-weight: bold; }
#game .product-slider .slick-center { transform: scale(1) translate3d(0px, 0px, 0px); }
#game .product-slider .slick-center .mask { display: none; }
#game .product-slider .slick-center .select-btn { opacity: 1; }
#game .product-slider .slick-center.selected .select-btn { transform: scale(0) translate3d(0px, -100%, 0px); transform-origin: bottom center; }
#game .product-slider .slick-center .p-info { opacity: 1; }
#game.thankyou .game-set { min-height: initial; padding-bottom: 80px; }
#game.thankyou .game-set p { padding: 3em 0; text-align: center; }
#game.thankyou .game-set .btn-wrap a { line-height: 2em; }
#game.thankyou .video-wrap { max-height: 0; overflow: hidden; text-align: center; }
#game.thankyou .video-wrap.active { max-height: 100%; }
#game.thankyou .video-wrap .video-player { width: 800px; height: 450px; display: inline-block; vertical-align: bottom; }
#game.thankyou .video-wrap .btn-hideVideo { padding: 0 0.5em; display: inline-block; vertical-align: bottom; }
#game.thankyou .video-wrap .btn-hideVideo i { color: #cccccc; }

#vote .intro-wrap { background: url(../images/voting_bg_desktop.jpg) top center no-repeat; padding-top: 2em; text-align: center; overflow: hidden; position: relative; color: #FFFFFF; }
#vote .intro-wrap h4 { font-size: 1.6em; font-weight: bold; color: #FFFFFF; }
#vote .intro-wrap p { padding-top: 0.5em; }
#vote .intro-wrap .main-logo { position: relative; padding: 0.5em 0; width: 290px; }
#vote .intro-wrap .btn-wrap { padding-top: 1em; }
#vote .intro-wrap .btn-wrap .btn-botb-detail { padding: 0.3em 2em; border: 1px solid #FFFFFF; color: #FFFFFF; }
#vote .form-wrap { color: #FFFFFF; background-color: #a40019; width: 100%; }
#vote .form-wrap .vote-wrap { max-width: 890px; margin: 0 auto; }
#vote .form-wrap .vote-wrap h3 { color: #FFFFFF; text-align: center; padding: 0.3em 0; }
#vote .form-wrap .vote-wrap h3 span { font-size: 1.8em; border-bottom: 5px solid #000000; }
#vote .form-wrap .vote-wrap > p { padding-top: 1em; text-align: center; }
#vote .form-wrap .vote-wrap .field-group { 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 { border: 0 none; width: 100%; margin-bottom: 0.2em; padding: 0.3em 0.5em; box-sizing: border-box; color: #000000; }
#vote .form-wrap .vote-wrap .field-group dd .suggest-list { color: #000000; background-color: #FFFFFF; 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: #a40019; }
#vote .form-wrap .vote-wrap .field-group dd.active .suggest-list { max-height: 600px; }
#vote .form-wrap .statement { max-width: 890px; margin: 0 auto; padding: 2em 0; }
#vote .form-wrap .statement #btn-terms { color: #FFFFFF; }
#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; }
#vote .form-wrap .btn-wrap .btn-submit { border: 1px solid #FFFFFF; background-color: #FFFFFF; width: 100px; }

#winner .intro-wrap { background: url(../images/result_bg.jpg) top center no-repeat; padding-top: 5em; text-align: center; overflow: hidden; position: relative; color: #FFFFFF; }
#winner .intro-wrap h4 { font-size: 1.6em; font-weight: bold; color: #FFFFFF; }
#winner .intro-wrap h4 br { display: none; }
#winner .intro-wrap p { padding: 0.5em 1em 7em; }
#winner .intro-wrap .main-logo { position: relative; padding: 0.5em 0; width: 290px; }
#winner .result-wrap { background-color: #a40019; padding: 1em 0 0; }
#winner .result-wrap .list-wrap { padding-bottom: 1em; }
#winner .result-wrap .list-wrap.list-1 { width: 1000px; margin: 0 auto; }
#winner .result-wrap .list-wrap h3, #winner .result-wrap .list-wrap .list-result { margin: 0 0 1px; padding: 0; text-align: center; color: #FFFFFF; overflow: hidden; }
#winner .result-wrap .list-wrap h3 .fa { line-height: 1.6em; vertical-align: middle; padding-right: 10px; float: right; transform-origin: 30% 50%; 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; }
#winner .result-wrap .list-wrap .ui-accordion-header-active .fa { transform: perspective(800px) rotate(45deg); }
#winner .result-wrap .prize-wrap { position: relative; margin: 1em 0.5em; padding: 7px; box-sizing: border-box; width: 280px; display: inline-block; vertical-align: top; }
#winner .result-wrap .prize-wrap img { width: 100%; display: block; }
#winner .result-wrap .prize-wrap p { padding: 0.5em 0 0; }
#winner .result-wrap .prize-wrap .rank-img { position: absolute; right: 0; top: 0; height: 0; width: 50%; padding-top: 50%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
#winner .result-wrap .prize-wrap .brand { font-weight: bold; }
#winner .result-wrap .prize-wrap.rank-1 { width: 420px; display: block; margin: 1em auto; padding: 8px; }
#winner .result-wrap .prize-wrap.rank-1 .rank-img { width: 40%; padding-top: 40%; background-image: url(../images/icon_champion.png); }
#winner .result-wrap .prize-wrap.rank-2 .rank-img { background-image: url(../images/icon_silver.png); }
#winner .result-wrap .prize-wrap.rank-3 .rank-img { background-image: url(../images/icon_copper.png); }
#winner .result-wrap .list-1 > h3 { background-color: #000000; font-weight: bold; font-size: 1.5em; padding: 6px 0; }
#winner .result-wrap .list-2 > h3 { background-color: #790013; font-weight: bold; padding: 12px 0; }
#winner .result-wrap .list-3 > h3 { background-color: #ea2746; font-weight: bold; padding: 12px 0; }

@media screen and (max-width: 750px) { .container { min-width: initial; max-width: initial; }
  nav .menu-wrap { width: 250px; left: -250px; }
  nav.active .menu-wrap { transform: perspective(800px) translate3d(250px, 0px, 0px); -webkit-transform: perspective(800px) translate3d(250px, 0px, 0px); }
  .btn { padding: 0.8em 1.5em; }
  .brandlist .img-grid .feat-brand { width: 50%; }
  .brandlist .img-grid .search-brand { width: 50%; padding-top: 50%; }
  .brandlist .name-grid .other-brand { padding: 0.4em 1em; width: 50%; }
  .brandlist .name-grid .grid-sizer { width: 50%; }
  #index .top-video { background: url(../images/BOTB_image_2.jpg) top center no-repeat; background-size: auto 100%; }
  #index .top-video .video-bg { display: none; }
  #index .top-video .main-logo { width: 40%; }
  #index .video-wrap { margin-bottom: 1.5em; }
  #index .video-wrap .video-player { width: 100%; height: 0; padding-top: 56.25%; }
  #index .video-wrap .btn-hideVideo { display: none; }
  #index .event-wrap .event-slider .next-slide { top: 20%; }
  #index .event-wrap .event-slider .prev-slide { top: 20%; }
  #index .event-wrap .event-slider .event .event-detail { width: 90%; display: block; margin: 2em auto 0; }
  #index .event-wrap .event-slider .event .event-detail .btn-wrap { text-align: center; }
  #brand .main-logo-s { width: 150px; }
  #brand .search-wrap span { display: block; text-align: center; }
  #brand .search-wrap select { width: 80%; }
  #brand .productlist h3 { padding: 1em 0 1.5em; color: #a40019; text-align: center; }
  #brand .productlist h3 span { font-size: 1.8em; border-bottom: 5px solid #a40019; }
  #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 { min-height: 600px; }
  #brand .brand-intro .brand-logo { width: 60%; padding: 150px 0 1em; }
  #brand .brand-intro p { width: 90%; }
  #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 .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; }
  #game nav .btn-nav { color: #FFFFFF; }
  #game .main-logo-s { display: none; }
  #game.index .main-logo-s { display: block; width: 45%; }
  #game .header-wrap { display: block; position: relative; height: 4em; width: 100%; background-color: #000000; }
  #game .header-wrap .main-logo-s { display: block; height: 90%; }
  #game.play .header-wrap { position: absolute; top: 0; right: 0; width: 50%; background-color: transparent; }
  #game.play .header-wrap .main-logo-s { width: 90%; display: block; }
  #game .game-intro { min-height: initial; padding-top: 6em; }
  #game .game-intro .game-logo { width: 80%; min-width: initial; }
  #game .game-intro .bg-slider .bg-wrap { background-size: auto 100%; }
  #game .game-intro .bot-wrap { padding-top: 60px; }
  #game .game-intro .bot-wrap .intro { width: 80%; }
  #game .game-set { min-height: initial; padding-bottom: 180px; }
  #game .game-set .title-wrap { width: 100%; min-width: initial; min-height: 5em; background-size: auto 100%; }
  #game .game-set .title-wrap h3 span { font-size: 1.3em; }
  #game .game-set .bot-wrap { position: absolute; bottom: 0; left: 0; width: 100%; overflow: visible; }
  #game .game-set .bot-wrap .bg-left { width: 40%; padding-top: 16.74009%; }
  #game .game-set .bot-wrap .bg-right { width: 40%; padding-top: 16.74009%; }
  #game .game-set .bot-wrap .img-bag { width: 80%; padding-top: 32.9697%; }
  #game .game-set .bot-wrap .shopping-bag { right: 5%; bottom: 20px; }
  #game .game-set .bot-wrap .shopping-bag .btn-shopbag { padding: 0.8em 1.2em; }
  #game .game-set .bot-wrap .shopping-bag .btn-shopbag .icon-bag-l { width: 24px; height: 24px; margin: 0 auto; }
  #game.play .title-wrap { min-height: 9em; }
  #game.play .title-wrap h3 { padding: 4em 0 0; }
  #game.thankyou .game-set .title-wrap { min-height: 5em; }
  #game.thankyou .game-set .title-wrap h3 { padding: 1em 0 0; }
  #game.thankyou .video-wrap { margin-bottom: 1.5em; }
  #game.thankyou .video-wrap .video-player { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
  #game.thankyou .video-wrap .video-player > div { position: absolute !important; top: 0; left: 0; }
  #game .form-wrap { width: 90%; }
  #game .form-row small { display: block; }
  #game .scene-info .wrapper { width: 80%; height: 60%; top: 20%; }
  #game .scene-info .btn-close { top: -36px; }
  #game .scene-info h3 span { font-size: 1.3em; }
  #game .scene-info .scene-desc { width: 100%; }
  #game .bag-list .header { padding-top: 1em; height: 4em; }
  #game .bag-list .header p span { font-size: 1.2em; }
  #game .bag-list .header .icon-bag-l { width: 30px; height: 30px; }
  #game .bag-list .header .btn-close { width: 25px; height: 25px; }
  #game .bag-list .list-wrap { padding: 4em 0 6.5em; }
  #game .bag-list .list-wrap .baglist .all-item { width: 100%; float: none; padding: 0; position: relative; }
  #game .bag-list .list-wrap .baglist .all-item .p-img { width: 40%; display: inline-block; vertical-align: middle; border-radius: 50%; }
  #game .bag-list .list-wrap .baglist .all-item .p-info { margin: 0 0 0 2.5%; }
  #game .bag-list .list-wrap .baglist .all-item .p-info .p-cat, #game .bag-list .list-wrap .baglist .all-item .p-info .p-brand { font-size: 1.2em; }
  #game .bag-list .list-wrap .baglist .all-item .p-info .p-price { font-size: 1em; }
  #game .bag-list .list-wrap .baglist .all-item .btn-close { width: 14%; height: 0; padding-top: 14%; position: absolute; left: 27%; top: 0; }
  #game .bag-list .amount-wrap { padding: 0.5em 0 0; }
  #game .bag-list .amount-wrap span { font-size: 1em; }
  #game .bag-list .amount-wrap .amount-left { font-size: 1.2em; }
  #game .bag-list .amount-wrap .checkout-wrap { float: none; text-align: center; }
  #game .bag-list .amount-wrap .checkout-wrap .btn-next { padding: 0.4em 1em; }
  #game .cat-slider { left: 0; right: 0; width: 60%; margin: auto; top: 7em; }
  #game .cat-slider p { font-size: 1em; text-align: center; padding: 0.3em 0.4em; }
  footer br { display: block; }
  #vote .intro-wrap { padding-top: 60px; }
  #vote .intro-wrap h4 { font-size: 1.2em; padding: 0 1em; }
  #vote .intro-wrap .main-logo { width: 145px; }
  #vote .intro-wrap p { padding: 0 1em; }
  #vote .intro-wrap p > br { display: none; }
  #vote .form-wrap .vote-wrap { padding: 0 1em; width: 100%; box-sizing: border-box; }
  #vote .form-wrap .vote-wrap > p { border-bottom: 1px solid #FFFFFF; padding-bottom: 0.2em; }
  #vote .form-wrap .vote-wrap .field-group { width: 100%; }
  #vote .form-wrap .vote-wrap .field-group dt, #vote .form-wrap .vote-wrap .field-group dd { display: block; width: 100%; text-align: center; }
  #vote .form-wrap .vote-wrap .field-group dt { padding: 0 0 0.3em; }
  #vote .form-wrap .vote-wrap .field-group dd { margin: 0; }
  #vote .form-wrap .vote-wrap .field-group dd .suggest-list { text-align: left; }
  #vote .form-wrap .vote-wrap .field-group dd .suggest-list ul li { vertical-align: middle; line-height: 1em; }
  #vote .form-wrap .statement { width: 100%; box-sizing: border-box; padding: 1em; }
  #vote .form-wrap .statement div > span { width: 47%; }
  #winner .intro-wrap { background: url(../images/result_bg.jpg) top center no-repeat; padding-top: 5em; text-align: center; overflow: hidden; position: relative; color: #FFFFFF; }
  #winner .intro-wrap h4 { font-size: 1.4em; font-weight: bold; color: #FFFFFF; }
  #winner .intro-wrap h4 br { display: block; }
  #winner .intro-wrap p { padding: 0.5em 1em 4em; }
  #winner .intro-wrap p br { display: none; }
  #winner .intro-wrap .main-logo { width: 145px; }
  #winner .result-wrap .list-wrap h3 .fa { line-height: 1.4em; }
  #winner .result-wrap .list-wrap.list-1 { width: 95%; }
  #winner .result-wrap .prize-wrap { margin: 1em 0; padding: 4px; width: 42%; }
  #winner .result-wrap .prize-wrap .brand { font-weight: bold; }
  #winner .result-wrap .prize-wrap.rank-1 { width: 90%; }
  #winner .result-wrap .list-1 > h3 { font-size: 1.3em; } }
@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; } }

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