@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:100;src:url("../fonts/Barlow/barlow-100.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:100;src:url("../fonts/Barlow/barlow-100italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:200;src:url("../fonts/Barlow/barlow-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:200;src:url("../fonts/Barlow/barlow-200italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:300;src:url("../fonts/Barlow/barlow-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:300;src:url("../fonts/Barlow/barlow-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:400;src:url("../fonts/Barlow/barlow-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:400;src:url("../fonts/Barlow/barlow-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:500;src:url("../fonts/Barlow/barlow-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:500;src:url("../fonts/Barlow/barlow-500italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:600;src:url("../fonts/Barlow/barlow-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:600;src:url("../fonts/Barlow/barlow-600italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:700;src:url("../fonts/Barlow/barlow-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:700;src:url("../fonts/Barlow/barlow-700italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:800;src:url("../fonts/Barlow/barlow-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:800;src:url("../fonts/Barlow/barlow-800italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:normal;font-weight:900;src:url("../fonts/Barlow/barlow-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Barlow";font-style:italic;font-weight:900;src:url("../fonts/Barlow/barlow-900italic.woff2") format("woff2")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:100;src:url("../fonts/NotoSansTC/NotoSansTC-Thin.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Thin.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Thin.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:300;src:url("../fonts/NotoSansTC/NotoSansTC-Light.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Light.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Light.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:400;src:url("../fonts/NotoSansTC/NotoSansTC-Regular.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Regular.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Regular.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:500;src:url("../fonts/NotoSansTC/NotoSansTC-Medium.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Medium.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Medium.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:700;src:url("../fonts/NotoSansTC/NotoSansTC-Bold.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Bold.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Bold.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:900;src:url("../fonts/NotoSansTC/NotoSansTC-Black.woff2") format("woff2"),url("../fonts/NotoSansTC/NotoSansTC-Black.woff") format("woff"),url("../fonts/NotoSansTC/NotoSansTC-Black.otf") format("opentype")}html{width:100%}body{margin:0;padding:0;width:100%;font-size:16px;color:#222;font-family:"Barlow","Noto Sans TC",Sans-serif;font-weight:400;word-wrap:break-word;background-color:#fff}*{backface-visibility:hidden;box-sizing:border-box}img{border:0;text-decoration:none;vertical-align:top;max-width:100%;width:auto;height:auto !important;pointer-events:none}a{display:inline-block;position:relative;color:#231815;line-height:30px;text-decoration:none}a,a:visited,a:hover,a:focus,a:active{text-decoration:none}input,textarea,select,button{font-size:16px;font-weight:400}textarea,input{appearance:none;border-radius:0}input,textarea,select{box-shadow:none !important;border:none;font-size:16px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}input,textarea,select,input[type=radio],input[type=checkbox]{appearance:none}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;padding:0}p{line-height:inherit;margin:0;padding:0}span{display:inline-block}label{font-weight:inherit;margin:0;padding:0;border:0;vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0}::-webkit-input-placeholder{color:#fff;font-size:16px;opacity:1}::-moz-placeholder{color:#fff;font-size:16px;opacity:1}:-ms-input-placeholder,:-moz-placeholder{color:#fff;font-size:16px;opacity:1}.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:collapse}.reset input,.reset label,.reset select{vertical-align:middle}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}:after,:before{box-sizing:border-box}#header{position:fixed;z-index:1000;top:0;left:0;width:100%}#header .header-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:100%}#header .logo{position:fixed;z-index:0;top:55px;left:85px;display:flex;aspect-ratio:208/49;max-width:208px;width:100%;font-size:0;background:url(../images/logo.png) 0 0 no-repeat;background-size:100% auto;transition:.5s}#header .logo img{pointer-events:none;position:absolute;top:0;left:0;opacity:0;width:0;height:0;overflow:hidden}#header .sub-nav{position:absolute;top:60px;right:80px}#header .sub-nav ul{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0;list-style:none}#header .sub-nav ul li{margin-left:10px}#header .sub-nav ul .search{display:none;width:46px;height:46px;font-size:0;overflow:hidden;background:rgba(8,38,66,.5) url(../images/icon_search.png) no-repeat center center/14px 14px;backdrop-filter:blur(5px);border-radius:6px;transition:.5s}#header .sub-nav ul .search:hover{background-color:rgba(8,38,66,.8)}#header .sub-nav ul .talk{display:none;width:140px;height:46px;color:#fff;font-size:16px;line-height:44px;text-align:center;background:#133173;backdrop-filter:blur(5px);border-radius:6px;transition:.5s}#header .sub-nav ul .talk:hover{background-color:rgba(19,49,115,.8)}#header .sub-nav ul .catalogue{position:relative;display:block;padding-left:20px;width:140px;height:46px;color:#fff;font-size:16px;line-height:44px;text-align:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(5px);border-radius:6px;transition:.5s}#header .sub-nav ul .catalogue::before{pointer-events:none;content:"";position:absolute;top:16px;left:20px;width:13px;height:13px;background:url(../images/icon_catalogue.png) no-repeat center center/13px 13px}#header .sub-nav ul .catalogue:hover{background-color:hsla(0,0%,100%,.3)}#header.is-open .logo{opacity:.1}@media(max-width: 1480px){#header .logo{left:50px;top:30px}#header .sub-nav{top:30px;right:30px}}@media(max-width: 992px){#header .logo{left:20px;max-width:180px}#header .sub-nav{right:20px}}@media(max-width: 743px){#header .header-wrap{min-height:76px;background:linear-gradient(to bottom, rgba(8, 38, 66, 0.7) 50%, transparent 100%)}#header .logo{top:17px;left:15px;max-width:180px}#header .sub-nav{top:15px;right:15px}}#nav{pointer-events:none;opacity:0;position:fixed;z-index:1;top:0;bottom:0;right:-500px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:195px 20px 0;transition:1s;width:500px;overflow-y:auto;overflow-x:hidden;background:url(../images/nav_bg.png) no-repeat 0 0/cover}#nav .menu-list{position:relative;z-index:1;display:flex;flex-direction:column;margin:0 0 0 18px;padding:0;max-width:320px;width:100%;list-style:none}#nav .menu-list li{position:relative;padding:7px 0}#nav .menu-list li.current a{color:#6db58d}#nav .menu-list li.current a::before{opacity:1}#nav .menu-list a{display:block;position:relative;padding:5px 10px;color:#fff;font-size:30px;line-height:1.1;font-weight:700;transition:.5s}#nav .menu-list a::before{opacity:0;pointer-events:none;content:"";position:absolute;top:13px;left:-28px;width:26px;height:20px;background:url(../images/logo_icon.png) no-repeat 0 0/26px 20px;transition:.5s}#nav .menu-list a:hover{padding-left:15px;color:#6db58d}#nav.is-open{pointer-events:all;opacity:1;right:0}#nav .nav-header .txt{position:absolute;top:70px;left:105px;color:#7f7f7f}#nav .nav-header .close-btn{cursor:pointer;position:absolute;top:50px;right:40px;width:52px;height:52px;font-size:0;border:1px solid hsla(0,0%,100%,.2);border-radius:2px;transition:.5s}#nav .nav-header .close-btn:hover{border:1px solid hsla(0,0%,100%,.5)}#nav .nav-header .close-btn::after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon_close.png) no-repeat center center/26px 26px}#nav .nav-foot{display:inline-flex;flex-direction:column;justify-content:flex-start;position:absolute;bottom:80px;padding-left:28px;max-width:320px;width:100%;color:#7f7f7f;line-height:1.7}#nav .nav-foot ul{margin:0;padding:0;list-style:none}#nav .nav-foot a{display:inline-block;color:#7f7f7f;line-height:1.7}#nav .nav-foot a:hover{color:#fff}#nav .nav-foot .link{display:inline-flex;flex-direction:column;justify-content:flex-start;padding-bottom:3px}@media(max-width: 1240px){#nav{display:block;width:320px;padding:120px 20px 40px}#nav .nav-header .txt{top:45px;left:30px}#nav .nav-header .close-btn{top:30px;right:30px}#nav .menu-list{margin:0;height:auto}#nav .menu-list a{padding:10px;font-size:20px}#nav .menu-list a::before{font-size:24px;line-height:30px}}@media(max-width: 743px){#nav{width:280px}#nav .menu-list a::before{font-size:20px;line-height:24px}}@media(max-height: 800px){#nav{padding-top:130px;padding-bottom:60px}#nav .menu-list{max-height:100%;overflow-y:scroll}#nav .nav-foot{margin:0;padding:0;bottom:30px;width:calc(100% - 40px);text-align:center}}#nav-toggler{cursor:pointer;display:none !important;align-items:center;justify-content:center;position:fixed;z-index:1003;top:40px;right:40px;width:40px;height:40px;background:#fff;transition:.5s}#nav-toggler .box{position:relative;top:0;width:100px;height:100px;transition:.5s}#nav-toggler span{display:block;position:absolute;z-index:3;left:50%;margin-left:-11px;width:22px;height:2px;background-color:#000;transition:.5s;border-radius:2px;transform:rotate(0deg)}#nav-toggler span:nth-child(1){top:44px}#nav-toggler span:nth-child(2){top:50px}#nav-toggler span:nth-child(3){top:56px}#nav-toggler .slogan-text{pointer-events:none;position:absolute;top:50%;left:70px;width:400px;height:40px;color:#fff;font-size:17px;line-height:40px;letter-spacing:1.7px;text-align:center;white-space:nowrap;text-transform:uppercase;transform:rotate(90deg) translate(-50%, 0);transform-origin:0 0;transition:.5s}#nav-toggler.is-open{width:120px}#nav-toggler.is-open span:nth-child(2){opacity:0}#nav-toggler.is-open span:nth-child(1),#nav-toggler.is-open span:nth-child(3){top:calc(50% - 1px)}#nav-toggler.is-open span:nth-child(1){transform:rotate(45deg)}#nav-toggler.is-open span:nth-child(3){transform:rotate(-45deg)}#nav-toggler.is-open,#nav-toggler:hover{background-color:rgba(44,181,158,.98)}#nav-toggler.is-open span,#nav-toggler:hover span{background-color:#fff}@media(max-width: 1240px){#nav-toggler{top:0;left:0;margin:0;width:80px;height:80px;transform:none;background-color:rgba(44,181,158,.98)}#nav-toggler span{background-color:#fff}#nav-toggler.is-open{width:80px}}#gotop{opacity:0;cursor:pointer;position:fixed;z-index:10;bottom:100px;right:50px;width:60px;height:60px;font-size:0;background:#0043d8 url(../images/arrow.png) no-repeat center center/13px auto;border-radius:4px;transition:.5s}#gotop:hover{opacity:1}#gotop.is-show{opacity:1}#footer{position:relative;z-index:2;padding:90px 0;background:url(../images/bg2.png) 0 0/100% 100%}#footer .page-container{display:flex}#footer .footer-subject{padding-bottom:10px;color:hsla(0,0%,100%,.4);font-weight:400}#footer .top-area .left-side{flex:0 0 320px;padding-right:70px;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#6db58d;line-height:1.5;border-right:1px solid hsla(0,0%,100%,.1)}#footer .top-area .left-side .subject{padding-top:10px;font-size:17px;font-weight:700;text-transform:uppercase;text-align:center}#footer .top-area .left-side .text{font-weight:300;text-align:center}#footer .top-area .right-side{flex:0 0 calc(100% - 320px);display:flex;align-items:flex-start;justify-content:flex-start}#footer .top-area .menu-list{flex:0 0 400px;padding-left:90px;padding-right:90px;border-right:1px solid hsla(0,0%,100%,.1)}#footer .top-area .menu-list ul{margin:0;padding:0;list-style:none}#footer .top-area .menu-list a{color:#fff;font-size:30px;font-weight:600;line-height:1.2}#footer .top-area .menu-list a:hover{color:#6db58b}#footer .top-area .info-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding-left:90px}#footer .top-area .info-list .full{width:100%}#footer .top-area .info-list .half{padding-top:20px;width:50%}#footer .top-area .info-list a{color:#fff;font-size:24px;font-weight:600}#footer .top-area .info-list a:hover{color:#6db58b}#footer .top-area .info-list .add a{max-width:400px;font-size:16px;font-weight:400;line-height:1.4}#footer .down-area{margin-top:70px}#footer .down-area .page-container{padding:30px 10px 0;justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.2)}#footer .down-area .copyright{color:hsla(0,0%,100%,.5)}#footer .down-area .links ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:flex-start;color:hsla(0,0%,100%,.3)}#footer .down-area .links li{display:flex;align-items:center;padding-right:15px}#footer .down-area .links li::after{padding-left:15px;content:"/"}#footer .down-area .links li:last-child::after{display:none}#footer .down-area .links a{color:#fff}#footer .down-area .links a:hover{color:#6db58b}#footer .down-area .links .grnet{color:#fff}@media(max-width: 1380px){#footer{padding:70px 0 40px}#footer .top-area .menu-list{border:none}#footer .top-area .menu-list li{padding-bottom:10px}#footer .top-area .info-list{border-left:1px solid hsla(0,0%,100%,.1)}#footer .top-area .info-list .half{width:100%}}@media(max-width: 1180px){#footer{padding:70px 0 40px}#footer .top-area .left-side{padding-right:30px;flex:0 0 280px}#footer .top-area .right-side{flex:0 0 calc(100% - 280px)}#footer .top-area .menu-list{flex:0 0 240px;padding-left:50px;padding-right:30px}#footer .top-area .menu-list a{font-size:24px}#footer .top-area .info-list{padding-left:30px}#footer .top-area .info-list a{font-size:20px}}@media(max-width: 992px){#footer{padding-top:0}#footer .top-area .page-container{flex-direction:column}#footer .top-area .left-side{padding:60px 0 50px;flex:0 0 100%;border:none}#footer .top-area .right-side{flex:0 0 100%}#footer .top-area .menu-list{flex:0 0 200px;padding-left:30px;padding-right:30px}#footer .top-area .menu-list a{font-size:22px}#footer .top-area .info-list{padding-left:40px}#footer .top-area .info-list a{font-size:20px}}@media(max-width: 743px){#gotop{right:10px;bottom:10px}#footer{padding-bottom:0}#footer .top-area .page-container{flex-direction:column}#footer .top-area .left-side{padding:60px 0 50px;flex:0 0 100%;border:none}#footer .top-area .right-side{flex:0 0 100%;flex-direction:column}#footer .top-area .menu-list{flex:0 0 100%;padding:0 40px 10px}#footer .top-area .menu-list a{font-size:20px}#footer .top-area .info-list{padding-right:40px;border:none}#footer .top-area .info-list a{font-size:18px}#footer .down-area{margin-top:30px;padding-bottom:30px}#footer .down-area .page-container{flex-direction:column;padding-left:60px;padding-right:60px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.mask-bg{pointer-events:none;position:fixed;z-index:11;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px);transition:.5s;opacity:0}.mask-bg.is-open{pointer-events:all;opacity:.8}.outline-wrapper{position:relative;overflow:hidden}.page-container{margin:0 auto;padding-left:20px;padding-right:20px;max-width:1440px}#page{padding-top:180px;background:#082642 url(../images/bg1.png) no-repeat 0 0/100% auto}#page .img{margin:0 auto;max-width:1200px;padding:20px}#page .img img{margin-bottom:40px}#page .img img:last-child{margin-bottom:0}@media(max-width: 992px){#page{padding-top:120px}}