@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@keyframes floating{0%{top:10px}50%{top:15px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.fontWhite{color:#fff}.fontPrimary{color:#38677b}.fontSecondary{color:#2e2e2e}.fontPrimaryLight{color:#38677b}.fontPrimaryTitle{color:#38677b;font-size:3rem;font-weight:500}.fontPrimaryTxt{color:#38677b;font-size:3.4rem;font-weight:400;line-height:48px;letter-spacing:3px}.fontGrey{color:#555}.strong{font-weight:700}.Primary{background:#38677b}.center{text-align:center}.left{text-align:left}.right{text-align:right}.btn{display:block;position:relative;margin:0 auto;overflow:hidden;color:#fff;font-size:2.4rem;font-weight:400;line-height:48px}.btn:hover{color:#38677b;transition:all linear .1s}.btn:before{display:inline-block;position:absolute;top:-180px;left:0;width:30px;height:100%;background-color:#fff;content:""}.pointer{cursor:pointer}.row{display:flex}.flexEnd{justify-content:flex-end}@keyframes shinyBtn{0%{opacity:0;transform:scale(0) rotate(45deg)}80%{opacity:.5;transform:scale(0) rotate(45deg)}81%{opacity:1;transform:scale(4) rotate(45deg)}to{opacity:0;transform:scale(50) rotate(45deg)}}@keyframes light{0%{top:700px;left:-500px}to{top:-300px;left:-60px}}*,*:after,*:before{box-sizing:border-box}a,a:hover{text-decoration:none;outline:none}a[href^=tel]{color:inherit;text-decoration:none}img{max-width:100%;height:auto}html,body{margin:0;padding:0;background:#011d19;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:10px}.container{width:750px;min-width:300px;height:auto;margin:0 auto;overflow:hidden;background-color:#000;box-shadow:0 0 20px 10px rgba(0,0,0,.1)}.container .footer img{position:relative;margin-bottom:-1px}.kv{position:relative;height:1220px;overflow:hidden;background-image:url(../images/kv-bg.jpg);background-position:center top;background-repeat:no-repeat;background-size:contain}.kv .logo{margin-top:120px}.kv .title{margin-top:32px}.kv .tag{position:relative;left:131px;margin-top:80px}.kv .name{position:relative;top:-8px;left:484px;filter:drop-shadow(2px 2px 10px rgba(0,0,0,.6))}.kv .kvBtn{width:192px;margin:400px auto 0;filter:drop-shadow(0 0 40px 0 rgba(0,0,0,.25))}.kv .kvBtn .btns{margin:auto}.kv .kvBtn .btns .btn{background:transparent;transition:all .2s linear}.kv .kvBtn .btns .btn:hover{transform:scale(.95) translateY(-5px)}.product{height:1566px;overflow:hidden;background-image:url(../images/product-bg.jpg);background-position:center top;background-repeat:no-repeat;background-size:contain}.product .boxes{margin-left:52px;position:relative;top:-164px;margin-bottom:-164px}.product .boxes .box{display:flex;align-items:center}.product .boxes .box .boxImg{position:relative;z-index:1}.product .boxes .box:nth-child(odd) .boxTxt{position:relative;left:-32px}.product .boxes .box:nth-child(2){margin-top:170px;position:relative;left:-32px}.product .boxes .box:nth-child(2) .boxImg{position:relative;top:-70px;left:-164px}.product .boxes .box:nth-child(3){margin-top:130px}.product .timing{margin-top:60px}.event{padding:120px 0 112px;background:url(../images/form-bg.jpg) no-repeat center top;background-size:cover}.event .inner{width:620px;margin:auto}.event .inner .title{margin-bottom:52px}.event .inner .txt{margin-bottom:60px}.event .form [type=submit]{display:none}.event .form ul{width:620px;margin:30px auto 0}.event .form ul li{margin-top:24px}.event .form ul li input{height:87px;border:1px solid #2e2e2e;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:620px;margin:0 auto;background:#fff;border:none;color:#10393a}.event .form ul li input[type=checkbox]{border:none;cursor:pointer}.event .form ul li input[type=checkbox]:checked{background:#fff url(../images/check.svg) no-repeat center center;background-size:contain}.event .form ul li select{height:87px;background:#fff;border:1px solid #2e2e2e;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#fff url(../images/arrow.svg) no-repeat 95% center;background-size:30px;border:none;color:#10393a;cursor:pointer}.event .form ul li select:nth-child(2){margin-top:20px}.event .form ul li select::-ms-expand{display:none}.event .form ul li select option{color:#10393a}.event .form ul li.checkWrap{margin:30px auto 35px}.event .form ul li .check{float:left;width:45px;height:45px}.event .form ul li .checkTxt{color:#fff;font-size:2.8rem;font-weight:300;line-height:40px;text-align:left;margin-left:18px}.event .form ul li .checkTxt a{color:#fff;text-decoration:underline}.event .form ul li.formInfo{margin-top:40px}.event .form ul li .btn{height:100px;background:#000;border:transparent;border-radius:0;color:#fff;font-size:3.2rem;font-weight:300;line-height:96px;letter-spacing:1.6px;transition:all .2s linear;cursor:pointer;margin-top:2px}.event .form ul li .btn:hover{transform:scale(.95)}.swiper-button-next,.swiper-button-prev{width:80px;height:80px;color:transparent}.swiper-button-prev{background:url(/images/arrow-prev.png) no-repeat center center;transform:translate(12px)}.swiper-button-next{background:url(/images/arrow-next.png) no-repeat center center;transform:translate(-12px)}.swiper .dots{bottom:64px}.swiper-pagination-bullet,.swiper-pagination-bullet-active{background:#9d9d9d}
