html,body,#main{color:#fff;overflow-x:hidden}#header,#footer{background:#f50}main{min-height:100vh}body{background:url(/img/Event/20240626-HilifeSummerBeerParty/bg-repeat.jpg) 0 0/3em 5em !important}body,#main{flex:1 1 auto;background-position:top center;background-size:100% auto;background-repeat:repeat;background:url(/img/Event/20240626-HilifeSummerBeerParty/bg-repeat.jpg) 0 0/0.81em 1.4em}.bg-area .bg-bottom{position:relative;bottom:0}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}#article{position:relative}#article h3,#article p{color:#4f2e1a;filter:drop-shadow(2px 2px 0 #fff);font-family:Microsoft JhengHei;font-weight:700}#article h3{font-size:.55em}#article p{font-size:.5em}@media (max-width: 767px){#article h3{font-size:.6em}#article p{font-size:.52em}#article h3,#article p{width:90%;margin-left:auto;margin-right:auto;filter:none}}
@media (max-width: 1200px){#socials{left:0}}@media (max-width: 1160px){#footer{margin-top:0em;padding:.2em 0}#socials{padding:0;position:absolute;left:0;margin:0 auto;top:96.9%}#socials .side-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}#section-notice .border-container{top:-1.3em !important}#section-gift{margin-bottom:1.7em !important}}.mb-01{margin-bottom:0.1em !important}.mb-05{margin-bottom:0.5em !important}.mb-1{margin-bottom:1em !important}.mt-01{margin-top:0.1em !important}.mt-05{margin-top:0.5em !important}.mt-1{margin-top:1em !important}.mt-1-5{margin-top:1.5em !important}.mt-2{margin-top:2em !important}.mt-3{margin-top:3em !important}.display-none{display:none !important}.flex{display:flex !important}.wrap{flex-wrap:wrap !important}.clo{flex-direction:column !important}.txt-center{text-align:center !important}.active{transition:top .2s}.active:hover{top:2.1em !important}.z1{z-index:1 !important}.z2{z-index:2 !important}.z3{z-index:3 !important}.z-1{z-index:-1 !important}.no-poly{clip-path:none !important}.center{text-align:center !important}.blue{color:#4f47ff}.red{color:#dc2300}.green{color:#007e80}.justify-content-center{justify-content:center !important}.banner-img{position:relative;margin-top:1.7em}.banner-txt{margin-top:-1em}.border-container{position:relative;display:table;z-index:0;width:16em;margin:5px auto}.border-container::after{content:"";position:absolute;height:100%;width:100%;top:0;z-index:-1}@media (max-width: 767px){.border-container{width:100%}}
#alcohol-warn{background-color:#005083;padding:0.2em 15px;position:relative;top:-0.3em}#section-exchangePC .border-container{margin-top:0.6em !important;height:15em;position:relative}#section-exchangePC .border-container::after{background:url(/img/Event/20240626-HilifeSummerBeerParty/border-01-pc0701.png) top/100% no-repeat}#section-exchangePC p{position:absolute;font-size:0.55em;bottom:3.5em;left:0;right:0;margin:auto;text-align:center}@media (max-width: 767px){#section-exchangePC .border-container{height:16em}#section-exchangePC p{bottom:17%}}@media (max-width: 500px){#section-exchangePC p{bottom:15%}}
#section-exchangeMobile .border-container{margin-top:0.6em !important}#section-exchangeMobile .border-container::after{background:url(/img/Event/20240626-HilifeSummerBeerParty/border-01.png) top/100% no-repeat}#section-exchangeMobile .step1{margin:3.5em 10px 0}#section-exchangeMobile .step1 img{max-width:7em;margin:.4em auto}@media (max-width: 767px){#section-exchangeMobile .step1 img{padding-top:0.4em;margin:.55em auto .35em auto}}#section-exchangeMobile .step2{margin:.7em .5em 0}#section-exchangeMobile .step2 img{max-width:7em;margin-top:1em}#section-exchangeMobile .step2 .btn-play{display:block;width:11em;height:2.12em;background:url(/img/Event/20240626-HilifeSummerBeerParty/btn-play.png?v0617) bottom/100% no-repeat;margin:.3em auto;animation:btnPlay 2s infinite step-end}#section-exchangeMobile .step2 .btn-play:hover{animation:none;bottom:0}@keyframes btnPlay{#section-exchangeMobile .step2 0%{background-position:top}#section-exchangeMobile .step2 50%{background-position:bottom}}#section-exchangeMobile .step3{margin-top:.6em;margin-bottom:1em}#section-exchangeMobile .step3 img{max-width:11em;margin:0 0 0 4em}#section-exchangeMobile .input-exchange{margin:.2em auto .2em}#section-exchangeMobile .input{width:85%;height:2.2em;background:#977846;border-radius:10px;border-color:#876938;border-top:#876937 4px solid;border-left:#876938 3px solid;color:#fff;font-size:.6em;padding-left:1.5em}#section-exchangeMobile .input::placeholder{color:#fffae8;margin-left:.4em}#section-exchangeMobile .btn{width:25%;height:2.25em;font-size:.6em;background:url(/img/Event/20240626-HilifeSummerBeerParty/btn-exchange.png) top/100% no-repeat;border:transparent;position:absolute;top:16.05em;left:17.4em;z-index:2;cursor:pointer}#section-exchangeMobile .btn:hover{filter:brightness(1.1);background:url(/img/Event/20240626-HilifeSummerBeerParty/btn-exchange.png) bottom/100% no-repeat}#section-overweight{height:100%;top:-0.35em;position:relative}#section-overweight .border-container{top:0.7em}#section-overweight .border-container::after{background:url(/img/Event/20240626-HilifeSummerBeerParty/border-02.png) top/100% no-repeat}#section-overweight .card{padding:.5em 1em 1.1em;position:relative;margin:auto}#section-overweight .card:hover img{animation:none}#section-overweight .card img{width:7em;cursor:pointer;animation:lights 2s infinite step-end}#section-overweight .card img:hover{filter:brightness(1.1) drop-shadow(0 0 2px #fcd95a);border:10px double #9b381779}#section-overweight p{margin-top:7.5em}#section-overweight p i{font-style:normal}@media (max-width: 767px){#section-overweight p{margin-top:7.5em}}#section-overweight .yoe:hover,#section-overweight .xinstar:hover{filter:brightness(1.1) drop-shadow()}#section-overweight .date-show{display:none !important}#section-overweight.type02 .border-container::after{background:url(/img/Event/20240626-HilifeSummerBeerParty/border-02-date.png) top/100% no-repeat}#section-overweight.type02 .date-none{display:none !important}#section-overweight.type02 .date-show{display:flex !important}#section-overweight.type02 .card{padding-top:0.3em}#section-overweight.type02 .card img{width:100%}#section-gift{margin:1em auto 1.4em}#section-gift .border-container::after{background:url(/img/Event/20240626-HilifeSummerBeerParty/border-03.png?v=1) top/100% no-repeat}#section-gift .gift{position:relative;right:.4em;margin-top:3.9em;margin-bottom:.4em}#section-gift p,#section-gift h3{width:100%;filter:none;margin:10px auto}#section-gift .text-outline{color:#fff;font-size:.8em;text-shadow:0 2px #382c00, 0 -2px #382c00, 2px 0 #382c00, -2px 0 #382c00, 1.4px 1.4px #382c00, -1.4px 1.4px #382c00, 1.4px -1.4px #382c00, -1.4px -1.4px #382c00;-webkit-filter:drop-shadow(0.03em 0em 0.01em #382c00) drop-shadow(0em -0.06em 0.01em #382c00) drop-shadow(-0.03em 0em 0.01em #382c00) drop-shadow(0em 0.06em 0.01em #382c00) drop-shadow(0.03em 0em 0.01em #382c00);filter:drop-shadow(0.03em 0em 0.01em #382c00) drop-shadow(0em -0.06em 0.01em #382c00) drop-shadow(-0.03em 0em 0.01em #382c00) drop-shadow(0em 0.06em 0.01em #382c00) drop-shadow(0.03em 0em 0.01em #382c00)}#section-notice{position:relative;margin-top:4em}@media (max-width: 767px){#section-notice{margin-bottom:1.5em}}#section-notice h2{width:44%;position:absolute;top:-2em;left:0;right:0;margin:auto;z-index:2}@media (max-width: 767px){#section-notice h2{top:-2.4em}}#section-notice .border-container{top:-1em}#section-notice .border-container::after{border-image:url(/img/Event/20240626-HilifeSummerBeerParty/border-04.png?v=2) 120 fill/2em/0.1em}#section-notice .notice-txt{margin:2em 1.3em 1.5em}#section-notice ol{left:.3em;position:relative}@media (max-width: 767px){#section-notice ol{padding-left:0.2em}}#section-notice li{font-weight:600;font-size:.375em;color:black;margin:0 auto;filter:none}#section-notice li:last-child,#section-notice li:nth-child(10){margin-left:0.5em}@media (max-width: 767px){#section-notice li{font-size:.55em}}
.side-container{position:fixed;left:50%;transform:translate(-50%);top:2.25em;z-index:5;pointer-events:none;width:100%;max-width:24em;opacity:1}.side-container>*{pointer-events:all}.side-btn{display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;transition:opacity .5s}@media (max-width: 900px){.side-btn{opacity:0;pointer-events:none}}
.fade-in{opacity:0;transition:opacity 1s}.fade-in.show{opacity:1}.fade-up{opacity:0;transform:translateY(50px);transition:opacity 1s, transform 1s}.fade-up.show{opacity:1;transform:translateY(0)}.fade-down{opacity:0;transform:translateY(-50px);transition:opacity 1s, transform 1s}.fade-down.show{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translateX(-100px);transition:opacity 1s, transform 1s}.fade-left.show{opacity:1;transform:translateY(0)}.fade-right{opacity:0;transform:translateX(100px);transition:opacity 1s, transform 1s}.fade-right.show{opacity:1;transform:translateY(0)}@keyframes lights{0%{filter:brightness(1);border:10px double transparent}50%{filter:brightness(1.1) drop-shadow(0 0 2px #fcd95a);border:10px double #9b381779}100%{filter:brightness(1);border:10px double transparent}}
/*# sourceMappingURL=main.css.map */