@charset "UTF-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}img{width:100%;display:block}a{display:block;text-decoration:none}.c{clear:both}.table{display:table}.tr{display:table-row}.td,.th{display:table-cell;vertical-align:middle}.hide{display:none}.ab{position:absolute}.clearfix:after{content:"";display:block;clear:both}.float-l{float:left}.float-r{float:right}._m{display:none}@media screen and (max-width:768px){._m{display:block}}@media screen and (max-width:768px){._pc{display:none}}.autoW{width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes lightani2{0%{top:-100%}70%{top:100%}to{top:100%}}@-moz-keyframes lightani2{0%{top:-100%}70%{top:100%}to{top:100%}}@-ms-keyframes lightani2{0%{top:-100%}70%{top:100%}to{top:100%}}@-o-keyframes lightani2{0%{top:-100%}70%{top:100%}to{top:100%}}@keyframes lightani2{0%{top:-100%}70%{top:100%}to{top:100%}}@-webkit-keyframes btntxtani{0%{left:0}to{left:100%}}@-moz-keyframes btntxtani{0%{left:0}to{left:100%}}@-ms-keyframes btntxtani{0%{left:0}to{left:100%}}@-o-keyframes btntxtani{0%{left:0}to{left:100%}}@keyframes btntxtani{0%{left:0}to{left:100%}}body,html{width:100%;background:#fff;font-family:"微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "新細明體", "蘋果儷黑體", Verdana, sans-serif;overflow-x:hidden}html{-webkit-text-size-adjust:none}.wrapper{width:100%;position:relative;background-repeat:no-repeat;background-position:center top;background-image:url("../images/all_bg.jpg")}section{width:100%;position:relative;padding:80px 0 0}@media screen and (max-width:768px){section{padding:12vw 0 0}}.container{width:88%;max-width:1000px;margin:auto;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.module{padding-bottom:120px}@media screen and (max-width:768px){.module{padding-bottom:15vw}}.maintitle{font-size:44px;color:#1e1e1e;text-align:center;font-weight:bold;position:relative;padding-bottom:20px;margin-bottom:70px}@media screen and (max-width:768px){.maintitle{font-size:6vw;padding-bottom:3vw;margin-bottom:12vw}}.maintitle:after{content:"";display:block;height:2px;position:absolute;width:300px;left:50%;bottom:0;margin-left:-150px;background-color:#ff6200}@media screen and (max-width:768px){.maintitle:after{width:40vw;margin-left:-20vw}}.subtitle{text-align:center;position:relative;margin-bottom:40px}@media screen and (max-width:768px){.subtitle{margin-bottom:8vw}}.subtitle:after{content:"";display:block;height:2px;position:absolute;width:100%;left:0;top:20px;background-color:#dedede}@media screen and (max-width:768px){.subtitle:after{height:2px;top:3vw}}.subtitle span{display:inline-block;font-size:36px;line-height:1.2;color:#1e1e1e;background-color:#fff;font-weight:bold;padding:0 20px;margin-bottom:10px;position:relative;z-index:1}.subtitle span font{font-size:44px}@media screen and (max-width:1024px){.subtitle span{padding:0 10px}}@media screen and (max-width:768px){.subtitle span{font-size:5.4vw;padding:0 1.5vw;margin-bottom:2.5vw}.subtitle span font{font-size:6vw}}.subtitle p{font-size:20px;color:#221815;line-height:1.5}@media screen and (max-width:768px){.subtitle p{font-size:3.4vw}}.subtitle font{display:inline-block;position:relative}@media screen and (max-width:768px){.subtitle font{display:block;margin-bottom:1vw}}.subtitle font:after{content:"";display:block;width:100%;height:16px;background-color:#b6e0ff;position:absolute;bottom:-3px;left:0;z-index:-1}@media screen and (max-width:768px){.subtitle font:after{width:35%;left:50%;margin-left:-17.5%;bottom:-0.3vw}}.sub{text-align:center;font-size:22px;color:#004483;font-weight:bold;background-image:url("../images/sub_bg.png");background-repeat:no-repeat;background-position:center bottom;padding-bottom:18px;margin-bottom:15px}@media screen and (max-width:768px){.sub{font-size:3.8vw;background-size:190% auto;padding-bottom:3vw;margin-bottom:4vw}}.btntop{width:75px;background-color:#29a7f9;border-radius:50%;position:fixed;right:2%;bottom:5%;cursor:pointer;z-index:5}@media screen and (max-width:768px){.btntop{width:12vw}}.btntop:hover{background-color:#2587c7}.aniItem,.aniItem2{opacity:0;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);transform:translateY(30%)}@media screen and (max-width:768px){.aniItem,.aniItem2{-webkit-transform:translateY(15vw);-ms-transform:translateY(15vw);transform:translateY(15vw)}}footer .container{max-width:1105px}footer .warn{background-color:#004483;font-size:14px;font-weight:bold;line-height:1.4;color:#b8c3d3;padding:30px 0}@media screen and (max-width:768px){footer .warn{font-size:3vw;padding:5vw 0;line-height:1.5}}footer .warn p{opacity:0.6}footer .warn font{color:#fabe00}footer .copyright{background-color:#003567;padding:20px 0;font-size:12px;line-height:1.5;color:#fff;text-align:center}@media screen and (max-width:768px){footer .copyright{font-size:3vw;padding:4vw 0}}.sec1{padding-top:0}.sec1 .inner{position:relative;overflow:hidden}.sec1 .kvslide{opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sec1 .kvslide.slick-initialized{opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sec1 .kvslide.slick-dotted.slick-slider{margin-bottom:0}.sec1 .kvslide .slick-dots{bottom:6vw}.sec1 .kvslide .slick-dots button{display:none}.sec1 .kvslide .slick-dots li{width:15vw;height:0.5vw;background-color:rgba(255, 255, 255, 0.5);margin:0}.sec1 .kvslide .slick-dots li.slick-active{background-color:white}.sec1 .kv{height:570px;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;background-image:url("../images/kv.jpg")}@media screen and (max-width:768px){.sec1 .kv{height:85vw}}.sec1 .kv .box{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}@media screen and (max-width:1280px){.sec1 .kv .box{width:85%;margin:auto}}@media screen and (max-width:768px){.sec1 .kv .box{width:100%}}@media screen and (max-width:768px){.sec1 .kv .box .title{margin-top:-7vw}}.sec1 .logo{width:58px;position:absolute;top:30px;right:2%;z-index:10}@media screen and (max-width:768px){.sec1 .logo{width:10vw;top:4vw;right:5vw}}.sec1 .sidebox{width:300px;height:100%;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(0, 0, 0, 0.4);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:-50%;opacity:0}@media screen and (max-width:1280px){.sec1 .sidebox{width:220px}}@media screen and (max-width:768px){.sec1 .sidebox{bottom:-20vw;right:0;width:100%;height:auto;top:auto;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:rgba(0, 0, 0, 0.3);padding:2vw 0}}.sec1 .sidebox .menu{width:200px;color:#fff;font-weight:bold;line-height:1.5}@media screen and (max-width:768px){.sec1 .sidebox .menu{width:100%}}.sec1 .sidebox .menu .title{font-size:20px;margin-bottom:15px}@media screen and (max-width:768px){.sec1 .sidebox .menu .title{text-align:center;text-align:center;font-size:3.6vw;margin-bottom:0vw}}.sec1 .sidebox .menu ul{font-size:0}@media screen and (max-width:768px){.sec1 .sidebox .menu ul{text-align:center}}.sec1 .sidebox .menu li{border-left:2px solid rgba(255, 255, 255, 0.4);padding:10px 15px;font-size:18px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.sec1 .sidebox .menu li.select,.sec1 .sidebox .menu li:hover{border-left:2px solid white;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sec1 .sidebox .menu li a{color:inherit}@media screen and (max-width:768px){.sec1 .sidebox .menu li{display:inline-block;padding:0;padding:1.2vw 3vw;border-left:none;border-bottom:2px solid rgba(255, 255, 255, 0.4);font-size:3.5vw}.sec1 .sidebox .menu li.select,.sec1 .sidebox .menu li:hover{border-left:none;border-bottom:2px solid white}}.navbar{width:100%;background-color:#ededed;padding:25px 20px;z-index:99;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative}.navbar.fixed{position:fixed;top:0;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:none}@media screen and (max-width:768px){.navbar{padding:5vw 0}}@media screen and (max-width:768px){.navbar .now{font-size:4vw;text-align:center;font-weight:bold;position:relative}.navbar .now:after{content:"";display:block;width:3vw;height:3vw;position:absolute;top:0.7vw;right:23vw;background-image:url("../images/m/ar_down.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat}}@media screen and (max-width:768px){.navbar .nav{display:none}}.navbar .nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:768px){.navbar .nav ul{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2vw 0 0}}.navbar .nav li{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#131e29;font-size:20px;font-weight:bold;text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.navbar .nav li.select,.navbar .nav li:hover{color:#60afe7;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:768px){.navbar .nav li{-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:100%;padding:1.8vw 0;font-size:3.5vw}}.navbar .logo2{width:42px;position:absolute;right:1.5%;top:10px;z-index:5}@media screen and (max-width:768px){.navbar .logo2{width:8vw;top:2.5vw;right:3vw}}.sec2 .spotlist{max-width:750px;margin:auto}.sec2 .spotlist li{position:relative;margin-bottom:45px}.sec2 .spotlist li:last-child{margin-bottom:0}.sec2 .spotlist li:first-child .txt{background-color:#6b727b}.sec2 .spotlist li:nth-child(2) .txt{background-color:#2d4a73}.sec2 .spotlist li:nth-child(3) .txt{background-color:#5d838c}.sec2 .spotlist li:nth-child(4) .txt{background-color:#6bb2c0}.sec2 .spotlist li:nth-child(5) .txt{background-color:#c86c4e}@media screen and (max-width:768px){.sec2 .spotlist li{margin-bottom:7vw}}.sec2 .spotlist .txt{font-size:22px;line-height:1.5;color:#fff;font-weight:bold;border-radius:5px;padding:10px 0 10px 60px;margin-left:50px;opacity:0;-webkit-transform:translateX(-5%);-ms-transform:translateX(-5%);transform:translateX(-5%)}@media screen and (max-width:768px){.sec2 .spotlist .txt{font-size:3.33333vw;padding:2.2vw 0;margin-left:10vw;padding-left:8vw}}.sec2 .spotlist .icon{width:87px;position:absolute;left:0;top:-20px;z-index:1}@media screen and (max-width:768px){.sec2 .spotlist .icon{width:14.66667vw;top:-2.5vw}}.sec3{background-repeat:no-repeat;background-position:center top;background-image:url("../images/module_bg.jpg");background-color:#f2f6f9}.sec3 .subtitle span{background-color:#f2f6f9}.sec3 .picbox{margin-bottom:100px}.sec3 .picbox:last-child{margin-bottom:0}@media screen and (max-width:768px){.sec3 .picbox{margin-bottom:15vw}}.sec3 .picbox p{color:#221815;font-size:18px;line-height:1.3;text-align:center;font-weight:bold;margin-bottom:25px}@media screen and (max-width:768px){.sec3 .picbox p{font-size:3.2vw;margin-bottom:4vw}}.sec4 .tab{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.sec4 .tab li{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:20px;line-height:1.3;color:#004483;text-align:center;font-weight:bold;padding-bottom:20px;border-bottom:2px solid #004483;cursor:pointer;opacity:0.6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sec4 .tab li.select,.sec4 .tab li:hover{opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:768px){.sec4 .tab li{font-size:3.5vw;padding:2vw 1.5vw;padding-top:0;border-bottom:0.3vw solid #004483;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.sec5{background-color:#f2f6f9;padding-bottom:90px}@media screen and (max-width:768px){.sec5{padding-bottom:12vw}}.sec5 .maintitle{margin-bottom:30px}.sec5 .maintitle:after{width:150px;margin-left:-75px}@media screen and (max-width:768px){.sec5 .maintitle{margin-bottom:6vw}}.sec5 .btnbox{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:768px){.sec5 .btnbox{-ms-flex-wrap:wrap;flex-wrap:wrap}}.sec5 .btnbox .btn{font-size:18px;font-weight:bold;color:#004483;border-radius:50px;border:1px solid #004483;padding:20px 0;text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:32%;margin-right:3%}.sec5 .btnbox .btn:last-child{margin-right:0}.sec5 .btnbox .btn:hover{background-color:#004483;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:768px){.sec5 .btnbox .btn{width:100%;margin-right:0;margin-bottom:5vw}.sec5 .btnbox .btn:last-child{margin-bottom:0}}.lb{z-index:-1;opacity:0;position:relative;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(34, 34, 34, 0.95);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0}.lb:before{content:"";display:inline-block;vertical-align:middle;width:0;height:100%}.lb .lbbox{display:inline-block;vertical-align:middle;position:relative}.lb .btn_x{width:19px;position:absolute;top:-25px;right:0;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:1}.lb .btn_x:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}@media screen and (max-width:768px){.lb .btn_x{width:3vw;top:-5vw}}.videoWrapper{position:relative;padding-bottom:54%;padding-top:25px;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.loading{background:#ffffff;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;text-align:center}.loading .inner{display:inline-block;vertical-align:middle}.loading .line{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#004483;margin:0 5px}@media screen and (max-width:768px){.loading .line{width:3vw;height:3vw;margin:0 1vw}}.loading:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.loading .line:last-child{-webkit-animation:loadingC 0.6s 0.1s linear infinite;animation:loadingC 0.6s 0.1s linear infinite}.loading .line:nth-last-child(2){-webkit-animation:loadingC 0.6s 0.2s linear infinite;animation:loadingC 0.6s 0.2s linear infinite}.loading .line:nth-last-child(3){-webkit-animation:loadingC 0.6s 0.3s linear infinite;animation:loadingC 0.6s 0.3s linear infinite}@-webkit-keyframes loadingC{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes loadingC{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}