@charset "UTF-8";
html{font-size:18px}
body{font-family:"Microsoft JhengHei",微軟正黑體,微軟雅黑體,細明體_HKSCS,Arial,sans-serif;min-width:320px}
body > section{max-width:100vw;overflow:hidden}
a{color:#19458d;transition:color .3s ease-in-out}
a:hover,a:focus{color:#0093B2;text-underline-offset:5px;text-decoration-thickness:1px}
h2{color:#0093B2;font-weight:400;font-size:1.5555555555556rem;margin-bottom:1rem}
h2.blue{color:#074A97}
h3{color:#00a0e9;font-size:1.3333333333333rem}
small{font-size:.66666666666667rem}
section p{text-align:justify}
header{position:sticky;top:0;z-index:10;background:#FFFFFFf2;transition:top .3s ease-in-out}
@media (min-width: 992px) {
.pt-100{padding-top:60px}
}
.nav-top,.nav-top-right{display:flex;justify-content:space-between}
.nav-top .navbar{padding-left:0;padding-right:0}
.navbar-toggler{padding:.25rem .5rem}
.navbar-brand{padding:0;margin:1rem 1rem 0}
.navbar-brand img{width:101%;height:auto;max-height:80px}
.navbar-nav .nav-item{position:relative}
#navbar{top:0;z-index:10;position:sticky;transition:top .3s ease-in-out;padding-top:0;padding-bottom:0}
.dropdown-menu{position:relative;top:unset;left:unset;z-index:1000;display:none;float:left;min-width:5rem;font-size:1rem;text-align:left;list-style:none;background-clip:padding-box;background-color:transparent;border:0;margin:0;box-shadow:none;padding:0 10px;border-radius:0}
.dropdown-menu.show{display:block}
.navbar-light .navbar-nav .nav-link{color:#212529;transition:all .3s ease-in-out}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:#19458d}
@media (max-width: 991px) {
.navbar-brand{margin-bottom:1rem}
#navbar .navbar-collapse{position:absolute;top:100%;z-index:10;background:#FFFFFFf2;width:100%;margin-left:-1rem;max-height:calc(100vh - 90px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;box-shadow:0 5px 5px 0 rgba(32,32,32,0.1)}
.navbar-nav{padding:1rem}
}
#navbar .navbar-collapse::-webkit-scrollbar{display:none}
@media (min-width: 992px) {
#navbar .dropdown-menu{position:absolute;background-color:#fff;box-shadow:0 9px 54px 0 rgba(32,32,32,0.1);padding:5px 10px}
#navbar .navbar-nav .nav-item:last-child .dropdown-menu{left:calc(-330px + 97px)}
#navbar .navbar-nav:first-child .dropdown-menu{width:330px;display:block;opacity:0;visibility:hidden;transition:all .3s ease-in-out}
#navbar .navbar-nav .dropdown-menu.show{opacity:1;visibility:visible}
.nav-link{position:relative}
.navbar-nav.main{padding-bottom:.5rem}
.navbar-nav.main > .nav-item:after{bottom:-.5rem;content:'';position:absolute;height:.5rem;border-radius:.625rem;background:#00a0df;background:linear-gradient(90deg,rgba(0,160,223,0.5) 0%,rgba(72,177,106,0.5) 100%);transition:all .3s ease-in-out;width:0;left:5%}
.navbar-nav.main > .nav-item:hover:after{width:90%}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.5rem;padding-left:1.5rem}
html:lang(en) .navbar-expand-lg .navbar-nav .nav-link{padding-right:1vw;padding-left:1vw}
}
@media (max-width: 1200px) {
html:lang(en) .navbar-expand-lg .navbar-nav .nav-link{font-size:16px}
}
ul.navbar-nav ul .nav-link{font-size:15px!important}
#navbar2 .navbar-nav .nav-link{color:#19458d}
#navbar2 .navbar-nav .nav-link:hover{color:#0093B2}
#navbar2 .navbar-nav .nav-item:last-child .dropdown-menu{width:100px;left:unset}
#navbar2 .navbar-nav .nav-item a{padding-left:.5rem}
#navbar2 .navbar-toggler-icon{background:url(../images/icn-lang.png) center center/26px no-repeat}
@media (min-width: 768px) {
.lang-switch > a:before{content:"\00a0";display:inline-block;width:26px;background:url(../images/icn-lang.png) center center/contain no-repeat}
.lang-switch > a{border:1px #19458D solid;padding:5px;margin-top:4px;border-radius:30px}
#navbar2 .dropdown-menu{position:absolute;background:#FFFFFFf2;box-shadow:0 9px 54px 0 rgba(32,32,32,0.1);padding:.25rem .5rem;width:calc(100% - 1.5rem);left:.75rem}
}
@media (max-width: 767px) {
#navbar2 .navbar-collapse{position:absolute;top:100%;right:0;background:#FFFFFFf2;padding:1rem;box-shadow:0 5px 5px 0 rgba(32,32,32,0.05);z-index:11;white-space:nowrap}
}
.scroll-top{position:sticky;bottom:0}
.scroll-top-inner{width:40px;height:40px;background:url(../images/arrow_UP.png) center bottom/contain no-repeat;position:absolute;bottom:15px;right:15px;transition:1s ease-in-out;transform:translateY(-100%);opacity:0}
.scroll-top-inner.is-active{transform:translateY(0);opacity:1}
.home-bg{position:relative;overflow:hidden;background-image:url(../images/home-bg-2.jpg);background-size:100% auto;background-position:top center;background-repeat:no-repeat}
.home-banner-top{background:url(../images/home-bg-top-4.png);background-size:100% auto;background-position:top center;background-repeat:no-repeat;min-width:768px;aspect-ratio:1920 / 1080}
@media (max-width: 768px) {
.home-bg{background-size:100% 100%}
.home-banner-top{margin-left:calc((768px - 100vw)/-2)}
.h1a,.h1b{margin-left:calc((768px - 100vw)/-12)}
}
.home-banner-layer{position:absolute;width:100%;min-height:100vh;background-size:contain;background-position:top left;background-repeat:no-repeat;min-width:768px}
.h1a.tc{background-image:url(../images/home-H1a.png);opacity:0;animation:2s ease-in-out 0 slideLeft forwards}
.h1b.tc{background-image:url(../images/home-H1b.png);opacity:0;animation:2s ease-in-out 3s slideRight forwards}
.h1a.sc{background-image:url(../images/home-H1a-SC.png);opacity:0;animation:2s ease-in-out 0 slideLeft forwards}
.h1b.sc{background-image:url(../images/home-H1b-SC.png);opacity:0;animation:2s ease-in-out 3s slideRight forwards}
.h1a.en{background-image:url(../images/home-H1a-EN.png);opacity:0;animation:2s ease-in-out 0 slideLeft forwards}
.h1b.en{background-image:url(../images/home-H1b-EN.png);opacity:0;animation:2s ease-in-out 3s slideRight forwards}
.fig1{background-image:url(../images/home-figure-1.png);opacity:0;animation:1s ease-in-out 0 fadein forwards}
.fig2{background-image:url(../images/home-figure-2.png);opacity:0;animation:1s ease-in-out .5s fadein forwards}
.fig3{background-image:url(../images/home-figure-3.png);opacity:0;animation:1s ease-in-out 1s fadein forwards}
.fig4{background-image:url(../images/home-figure-4.png);opacity:0;animation:1s ease-in-out 1.5s fadein forwards}
.fig5{background-image:url(../images/home-figure-5.png);opacity:0;animation:1s ease-in-out 2s fadein forwards}
.fig6{background-image:url(../images/home-figure-6.png);opacity:0;animation:1s ease-in-out 2.5s fadein forwards}
@keyframes fadein {
0%{opacity:0}
100%{opacity:1}
}
@keyframes slideLeft {
0%{opacity:0;left:-5%}
100%{opacity:1;left:0}
}
@keyframes slideRight {
0%{opacity:0;left:5%}
100%{opacity:1;left:0}
}
.owl-item img{height:auto}
.owl-item{margin-left:20px;margin-right:0!important}
.owl-prev,.owl-next{border-radius:30px!important}
.owl-prev:hover,.owl-next:hover{background:none!important}
.owl-prev span,.owl-next span{width:60px;height:60px;display:block;font-size:0;transition:all .3s ease-in-out}
.owl-prev span{background-image:url(../images/arrow_L.png)}
.owl-prev:hover span,.owl-prev:focus-within span{background-image:url(../images/arrow_L-active.png)}
.owl-next span{background-image:url(../images/arrow_R.png)}
.owl-next:hover span,.owl-next:focus-within span{background-image:url(../images/arrow_R-active.png)}
.owl-stage-outer{padding-top:40px;padding-bottom:40px}
.owl-item{z-index:1}
.owl-item:hover,.owl-item:focus-within{z-index:2}
.owl-item:hover img,.owl-item:focus-within img{transform:scale(1.2)!important;box-shadow:0 5px 10px 0 rgba(32,32,32,0.2);border-radius:10px;overflow:hidden}
.owl-item img{transition:all .3s ease-in-out}
.owl-nav{margin-bottom:72px}
.catch{display:none}
.mv_fade_in{display:block}
.fade_in{display:block}
.u-fade-type-left{transition:2s ease-in-out;transform:translateX(10%);opacity:0}
.u-fade-type-left.is-active{transform:translateX(0);opacity:1}
.u-fade-type-right{transition:2s ease-in-out;transform:translateX(-10%);opacity:0}
.u-fade-type-right.is-active{transform:translateX(0);opacity:1}
.u-fade-type-down{transition:2s ease-in-out;transform:translateY(-10%);opacity:0}
.u-fade-type-down.is-active{transform:translateY(0);opacity:1}
.u-fade-type-up{transition:2s ease-in-out;transform:translateY(10%);opacity:0}
.u-fade-type-up.is-active{transform:translateY(0);opacity:1}
.u-fade-type-static{opacity:0}
.u-fade-type-static.is-active{transition:2s ease-in-out;opacity:1}
.container-xxl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width: 1630px) {
.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1630px}
}
.page-banner{padding:0;position:relative;width:100%;overflow:hidden}
.page-banner-content{position:absolute;z-index:1;padding:20px;display:flex;justify-content:center;align-items:center;height:100%;width:max(38.2%,200px);margin:auto}
.page-banner-content img{max-height:50%}
.page-banner-bg{position:relative;z-index:0;display:flex;justify-content:center;min-height:280px;overflow:hidden}
.page-banner-bg img{object-fit:cover;object-position:25%;width:100%}
.page-banner-bg.contain{min-height:unset}
.page-banner-bg.contain img{object-fit:contain}
.number{font-size:min(90px,max(3em,4.6875vw));font-weight:700;color:#005F6E;font-family:sans-serif;white-space:nowrap}
.page-header{padding:60px 20px 120px;background-position:bottom;background-size:max(1920px,100vw) auto;background-repeat:no-repeat}
.page-header .row{row-gap:1.5rem}
.page-header .row > div{max-width:768px;margin:auto}
.card{border:none;background-color:transparent}
.card .card-header{background-color:transparent;border:none;padding-left:0}
.card .card-body{padding-left:0}
.card h3 a{color:#005f6e}
.card h3 a:after{content:"";display:inline-block;width:18px;height:18px;background:url(../images/arrow.png) center center/contain no-repeat;transform:rotate(-180deg);transition:transform .3s ease-in-out}
.card a.collapsed:after{transform:rotate(0deg)}
.blue .card h3 a{color:#2878C8}
.blue .card h3 a:after{background:url(../images/arrow_blue.png) center center/contain no-repeat}
@media (min-width: 1140px) {
.row.add-col-gap{justify-content:space-between}
.row.add-col-gap > .col-md-6{flex-basis:calc((100% - 1.5625vw)/2)}
}
.page-bg{background:url(../images/bg_green_2-crop.jpg) center bottom/max(1920px,100vw) auto no-repeat;min-height:calc(100vh - 150px - 100px)}
.event-bg{background:url(../images/Event_bg.jpg) center bottom/max(1920px,100vw) auto no-repeat}
.page-nav a{color:#212529}
.page-nav a:hover,.page-nav a:focus-within{color:#19458d;text-decoration-color:#19458d}
.page-nav li{list-style-type:disc;font-size:1.25rem}
.page-nav li::marker{color:#212529}
.page-nav li li{list-style-type:-\00a0;font-size:1rem}
@media (min-width: 1400px) {
.page-nav li{font-size:1.5555555555556rem}
.page-nav li li{font-size:1.25rem}
}
.float-right.w-50,.float-left.w-50{padding-top:1rem;padding-bottom:1rem}
.w-100 p,.w-50 p,.w-100 li,.w-50 li,.card-body{text-align:justify}
@media (max-width: 767px) {
.float-right.w-50,.float-left.w-50{width:100%!important}
}
@media (min-width: 768px) {
.float-right.w-50{padding-left:calc(1.71875vw*2);margin-left:1.71875vw}
.float-left.w-50{padding-right:calc(1.71875vw*2);margin-right:1.71875vw}
}
.rc-l{-webkit-border-radius:24px;-webkit-border-top-right-radius:225px;-webkit-border-bottom-right-radius:225px;-moz-border-radius:24px;-moz-border-radius-topright:225px;-moz-border-radius-bottomright:225px;border-radius:24px;border-top-right-radius:225px;border-bottom-right-radius:225px;overflow:hidden}
.rc-r{-webkit-border-radius:225px;-webkit-border-top-right-radius:24px;-webkit-border-bottom-right-radius:24px;-moz-border-radius:225px;-moz-border-radius-topright:24px;-moz-border-radius-bottomright:24px;border-radius:225px;border-top-right-radius:24px;border-bottom-right-radius:24px;overflow:hidden}
.responsiveGallery-item p{-webkit-font-smoothing:subpixel-antialiased}
table td{padding:2px 8px}
ol.domtree{margin-left:0;margin-top:0;text-align:left}
ol.domtree ol{margin:0;padding:0 0 0 28px}
ol.domtree li{list-style:none;position:relative;padding:16px 0 0;color:#2f1f06}
ol.domtree a{text-decoration:none}
ol.domtree a:hover{color:red;font-weight:700}
ol.domtree ol li a{color:#2a0584}
ol.domtree ol ol li a{color:#80500c}
ol.domtree ol ol ol li a{color:#07380e}
ol.domtree ol ol ol ol li a{color:#030f61}
ol.domtree > li:first-child:before{border-style:none}
ol.domtree li:before{position:absolute;content:'';top:0;left:-10px;width:7px;height:26px;border-style:none none solid solid;border-width:1px;border-color:#ae0}
ol.domtree ol li:before{border-color:#2a0584}
ol.domtree ol ol li:before{border-color:#80500c}
ol.domtree ol ol ol li:before{border-color:#07380e}
ol.domtree ol ol ol ol li:before{border-color:#030f61}
ol.domtree li:not(:last-child):after{position:absolute;content:'';top:10px;left:-10px;bottom:0;border-style:none none none solid;border-width:1px;border-color:#aaa;border-color:#2a0584}
ol.domtree ol ol li:not(:last-child):after{border-color:#80500c}
ol.domtree ol ol ol li:not(:last-child):after{border-color:#07380e}
ol.domtree ol ol ol ol li:not(:last-child):after{border-color:#030f61}
#content .parent-nav:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;transform:rotate(180deg);transition:.3s transform}
#content .parent-nav.collapsed:after{transform:rotate(0deg)}
.cart-table{width:100%;overflow:auto}
.cart-table::-webkit-scrollbar{height:7px}
.cart-table::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.15);box-shadow:inset 0 0 6px rgba(0,0,0,0.15)}
.cart-table::-webkit-scrollbar-thumb{background-color:#ccc7c7}
.cart-table table{width:100%;border-spacing:0 20px;border-collapse:separate;border-collapse:collapse}
.cart-table table th{background-color:#F8F8F8;color:#555;font-size:16px;font-weight:800;padding:10px;text-align:center;white-space:nowrap;border:1px solid #000}
.cart-table table td{color:#555;font-size:16px;font-weight:400;padding:10px;text-align:left;border:1px solid #000}
.cart-table tbody tr:hover{background-color:#ffffec}
.cart-table table td .main-btn{padding:8px 25px;font-size:14px;white-space:nowrap}
.cart-table table td.cancel a{color:#555}
.cart-table table td.cancel a:hover{color:#fb8a35}
.cart-table table .cart-quantity button{padding:5px 20px;font-size:15px}
.cart-table table .cart-quantity input{padding:5px 10px}
.cart-table-white table th{background-color:#fff}
.cart-table-white table td{background-color:#fff}
.cart-table-white .product-table-info{background-color:#f8f8f8}
.service-card{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.service-card-thumb{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25px;font-size:1.2em}
.service-card-thumb i{font-size:40px}
.service-card-details{margin-left:8px}
.service-card-details h3{font-size:16px;margin-bottom:5px}
.service-card-details p{font-size:14px;margin-bottom:0}
.service-card-secondary .service-card-thumb i{color:#fb8a35}
@media (min-width:576px) {
.col-sm-a{flex:0 0 auto;width:20%}
}
.aspect-ratio-3-2{aspect-ratio:3/2;object-fit:cover;max-height:533px}
.appendix1 td{vertical-align:middle}
.appendix1 td:nth-last-child(1),.appendix1 td:nth-last-child(2),.appendix1 td:nth-last-child(3){text-align:center}
.appendix td:nth-last-child(1),.appendix td:nth-last-child(2),.appendix td:nth-last-child(3){text-align:right;white-space:nowrap}
.appendix4 td:nth-last-child(1),.appendix4 td:nth-last-child(2){text-align:right}
.appendix7 tbody td:nth-last-child(1),.appendix7 tbody td:nth-last-child(2),.appendix7 tbody td:nth-last-child(3){text-align:right}
.appendix9 td:nth-last-child(1),.appendix9 td:nth-last-child(2),.appendix9 td:nth-last-child(3),.appendix9 td:nth-last-child(4),.appendix9 td:nth-last-child(5),.appendix9 td:nth-last-child(6){text-align:right}
.appendix12_ol li,.appendix12_ol2 li{padding:5px 0}
.appendix14 td:nth-last-child(1),.appendix14 td:nth-last-child(2),.appendix14 td:nth-last-child(3),.appendix14 td:nth-last-child(4){text-align:right}
.appendix15 td:nth-last-child(2),.appendix15 td:nth-last-child(3),.appendix15 td:nth-last-child(4){text-align:center}
.appendix15 td:nth-last-child(1){text-align:center;font-weight:700}
.appendix16 td:nth-last-child(2){text-align:center}
.appendix16 td:nth-last-child(1){text-align:right}
.appendix17{font-size:.9em}
.appendix17 tbody td{text-align:right}
.appendix17 tbody td:first-child,.appendix18 tfoot td:first-child{text-align:left}
.appendix17 tfoot td{text-align:right}
.appendix18 tbody th:nth-last-child(1) p,.appendix18 tbody td:nth-last-child(4){text-align:center}
.appendix18 tbody td:nth-last-child(1),.appendix18 tbody td:nth-last-child(2),.appendix18 tbody td:nth-last-child(3){text-align:right}
.appendix19 td:nth-last-child(4){text-align:center}
.appendix20 td{text-align:left}
ol.domtree2{margin-left:-40px;margin-top:-16px}
ol.domtree2 ol{margin:0;padding:0 0 0 28px}
ol.domtree2 li{list-style:none;position:relative;padding:16px 0 0;color:#074A97;font-weight:700}
ol.domtree2 a{text-decoration:none}
ol.domtree2 a:hover{color:red}
ol.domtree2 ol li{color:#2878C8;font-weight:700}
ol.domtree2 ol ol li{color:#000;font-weight:700}
ol.domtree2 ol ol li.level4 span{width:30px;display:inline-block;line-height:14px;border-bottom:1px solid #07380e;position:absolute;left:-3px;top:25px}
ol.domtree2 ol ol li.level4{color:#07380e;padding-left:28px}
ol.domtree2 ol ol ol li.level5a{color:#030f61;font-weight:400}
ol.domtree2 ol ol ol ol li{color:#030f61}
ol.domtree2 ol ol ol li{color:#07380e}
ol.domtree2 ol ol ol li.level5 span{height:26px;width:30px;display:inline-block;line-height:14px;border-bottom:1px solid #030f61;position:absolute;left:-3px;top:0}
ol.domtree2 ol ol ol li.level5{color:#030f61;padding-left:30px;font-weight:400}
ol.domtree2 ol ol ol li.level5_special{padding-left:60px;color:#078c11;font-weight:400}
ol.domtree2 ol ol ol li.level5_special span{height:26px;width:60px;display:inline-block;line-height:14px;border-bottom:1px solid #078c11;position:absolute;left:-3px;top:0}
ol.domtree2 ol ol ol ol li{color:#030f61;font-weight:400}
ol.domtree2 > li:first-child:before{border-style:none}
ol.domtree2 li:before{position:absolute;content:'';top:0;left:-10px;width:7px;height:26px;border-style:none none solid solid;border-width:1px;border-color:#ae0}
ol.domtree2 ol li:before{border-color:#00f}
ol.domtree2 ol ol li:before{border-color:#000}
ol.domtree2 ol ol ol li:before{border-color:#07380e}
ol.domtree2 ol ol ol ol li:before{border-color:#030f61}
ol.domtree2 li:not(:last-child):after{position:absolute;content:'';top:10px;left:-10px;bottom:0;border-style:none none none solid;border-width:1px;border-color:#aaa;border-color:#2a0584}
ol.domtree2 ol ol li:not(:last-child):after{border-color:#000}
ol.domtree2 ol ol ol li:not(:last-child):after{border-color:#07380e}
ol.domtree2 ol ol ol ol li:not(:last-child):after{border-color:#030f61}
.appendix12_ol{-moz-column-count:3;-webkit-column-count:3;column-count:3}
@media only screen and (max-width: 991px) {
.appendix12_ol{-moz-column-count:2;-webkit-column-count:2;column-count:2}
}