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-size:100%;font:inherit;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}.topnav{width:100%;background-color:#393a3e;position:fixed;top:0;left:0;z-index:2}.topnav_box{max-width:1200px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.topnav_box--link{margin-left:auto;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;display:block}.topnav_box--link a{text-decoration:none;color:#fff;border-right:1px solid #fff;padding:0 .5rem}.topnav_box--link a:last-child{border-right:none}.logo{display:block;padding:1rem 0}.logo img{display:block}.topnav__btn{display:none}.topnav_box .topnav_box__mobile--link{display:none}#main{margin-top:64px}@media screen and (max-width: 1200px){.topnav_box .logo{padding:1rem .5rem}}@media screen and (max-width: 768px){#main{margin-top:62px}.topnav_box{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.topnav__btn{display:block;margin-left:auto;width:60px;height:40px;background-image:url("../images/btn.png");cursor:pointer}.topnav_box .logo img{height:30px}.topnav_box__mobile__subtitle{display:block;width:100%;text-align:center;padding:1rem 0;color:#fff;text-decoration:none}.topnav_box__mobile__submenu-list{display:none}.topnav_box__mobile__submenu-list li{border-bottom:1px solid #868686 !important;background-color:#676767}.topnav_box .topnav_box--link{display:none}.topnav_box .topnav_box__mobile--link{width:100%;border-top:1px solid #545454}.topnav_box .topnav_box__mobile--link li{border-bottom:1px solid #545454}.topnav_box .topnav_box__mobile--link li a{display:block;width:100%;text-align:center;padding:1rem 0;color:#fff;text-decoration:none}.topnav_box .topnav_box__mobile--link li:last-child{border-bottom:none}}@media screen and (max-width: 414px){#main{margin-top:52px}.topnav_box .logo img{height:20px}}nav,main{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-family:Arial,'微軟正黑體'}#app{width:100%}#app.p2{background-color:#4AC8EE}#app.p3{background-color:#005b9e}header{width:100%;height:628px;margin-top:64px;background-position:center center;background-repeat:no-repeat;position:relative;background-size:cover}header.p2{background-image:url("../images/p2/bg.jpg")}header.p2:before{background-image:url("../images/p2/bg2.png")}header.p3{background-image:url("../images/p3/bg.jpg")}header:before{content:"";width:100%;height:116px;position:absolute;bottom:-38px;right:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover}.header-wrap{width:100%;max-width:1200px;margin:0 auto;position:relative}.header--mobile{display:none}.header--mobile img{display:block;width:100%}.header__slogan{position:absolute;top:165px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block}.header__slogan-2{position:absolute;top:268px;right:35px;display:block}.header__slogan2{position:absolute;top:395px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block}.header__super{position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block}nav{width:100%;max-width:1200px;margin:0 auto 12px;position:relative}.menu-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.menu-li{white-space:nowrap}.menu-li a{display:block}.menu-li a img{display:block}main{width:100%;max-width:1200px;margin:0 auto;position:relative;padding:12px 0}.offer-img{display:block;width:100%;margin-bottom:12px}.dm-img{display:block;width:100%}.submenu-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:24px}.submenu-list li{margin-right:12px;padding:1rem 0}.submenu-list li a{color:#fff;text-decoration:none;font-size:1.5rem;border-right:1px solid #fff;padding-right:1rem}.submenu-list li a.selected{color:yellow}.submenu-list li:last-child a{border-right:none}.fix-bar{position:fixed;bottom:0;left:0;width:100%;display:none}.fix-bar__li{width:25%;padding:.25rem 0;background:#004b8f}.fix-bar__li:last-child{border-right:none}.fix-bar__li a{text-decoration:none;color:#fff;text-align:center;padding:.5rem .75rem;display:inline-block;width:100%;border-right:1px solid #056cca;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 1200px){header.p3{height:inherit;background-image:none}header.p3 .header--pc{display:none}header.p3 .header--mobile{display:block}}@media screen and (max-width: 990px){.header__slogan{width:80%}main{padding:6px}.menu-list{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.submenu-list{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;white-space:nowrap}}@media screen and (max-width: 768px){header{height:auto;background-image:none}header::before{background-image:none}.header--pc{display:none}.header--mobile{display:block}nav{display:none}.submenu-list{display:none}.fix-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.fix-bar__li a{font-size:14px}main{margin-bottom:38px}}@media screen and (max-width: 576px){header{margin-top:62px}main{margin-bottom:38px}.fix-bar__li a{font-size:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 414px){header{margin-top:52px}}