.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.container{width:auto;max-width:1200px;margin:0 auto;padding:0;}@media screen and (max-width: 1199px){.container{padding:0 20px;}}@-webkit-keyframes toptobottom{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0px);opacity:1;}}@keyframes toptobottom{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0px);opacity:1;}}.zh-hant header .bottom .menu li a{font-size:16px;}.zh-hant header .bottom .menu li .submenu ul li a{font-size:16px;}header{z-index:50;position:relative;}header #logo{position:absolute;top:0;left:0;display:block;padding:13px 0;}@media screen and (max-width: 1199px){header #logo{left:20px;}}@media only screen and (max-width: 767px){header #logo{left:auto;position:relative;text-align:center;}}header #logo div{font-family:'Nunito Sans', sans-serif;font-weight:900;font-size:32px;color:#003a7b;letter-spacing:3.8px;}@media screen and (max-width: 1060px){header #logo div{letter-spacing:1px;}}@media screen and (max-width: 991px){header #logo div{letter-spacing:1px;}}@media only screen and (max-width: 767px){header #logo div{letter-spacing:3.8px;}}@media only screen and (max-width: 500px){header #logo div{font-size:20px;}}header .top{text-align:right;background:#fff;}header .top .container{position:relative;padding:0 0 0 644px;}@media screen and (max-width: 1199px){header .top .container{padding:0 20px;}}header .top .links{display:inline-block;vertical-align:top;margin:17px 0;height:36px;line-height:36px;padding:0 26px 0 0;}@media screen and (max-width: 991px),only screen and (max-width: 767px){header .top .links{display:none;}}header .top .links a{display:inline-block;vertical-align:top;font-size:14px;letter-spacing:0.5px;margin:0 0 0 26px;}header .top .links a.btn-home img{margin:0 10px 0 0;vertical-align:text-bottom;}header .top .links a.btn-contact img{margin:0 4px 0 0;vertical-align:text-bottom;}header .top .lang{display:inline-block;vertical-align:top;margin:17px 0;padding:0 0 0 23px;border-left:2px solid #dadada;}@media screen and (max-width: 991px){header .top .lang{border:0;padding:0;}}@media only screen and (max-width: 767px){header .top .lang{display:none;}}/*953795e33e25c16a067bcfa2a5842f5b*/header .top .lang a{margin:0 0 0 7px;font-size:15px;color:#777;background:#f4f4f4;display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;}header .top .lang a.active{background:#6b5c40;color:#fff;}header .bottom{background:rgba(255,255,255,0.8);position:absolute;top:70px;width:100%;z-index:50;left:0;}@media screen and (max-width: 991px),only screen and (max-width: 767px){header .bottom{text-align:center;}}@media only screen and (max-width: 767px){header .bottom{position:relative;top:auto;}}header .bottom #btn-menu{width:50px;display:none;margin:0 auto;}@media screen and (max-width: 991px),only screen and (max-width: 767px){header .bottom #btn-menu{display:block;}}header .bottom #btn-menu-close{width:50px;display:none;margin:0 auto;}header .bottom .menu{margin:14px 0 6px 0;text-align:center;}@media screen and (max-width: 1199px){header .bottom .menu{margin:14px 0 6px 0;}}@media screen and (max-width: 991px),only screen and (max-width: 767px){header .bottom .menu{display:none;}}header .bottom .menu li{position:relative;list-style:none;display:inline-block;text-transform:uppercase;margin:0 51px 0 0;}header .bottom .menu li:hover a:after{width:100%;left:0;margin-left:0;}header .bottom .menu li:hover .submenu{display:block;animation:toptobottom 0.8s ease forwards;}header .bottom .menu li.active a:after{width:100%;left:0;margin-left:0;}header .bottom .menu li a{position:relative;font-size:14px;letter-spacing:0.5px;display:block;padding:0 0 10px;}header .bottom .menu li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:0;margin-left:0;height:2px;background:#003877;transition:all 0.5s ease;}header .bottom .menu li .submenu{display:none;z-index:1;position:absolute;top:10px;left:50%;width:260px;margin-left:-130px;opacity:0;}header .bottom .menu li .submenu ul{background:#fff;margin:30px 0 0;padding:15px 25px;}header .bottom .menu li .submenu ul li{display:block;text-align:center;margin:0;padding:10px 0;}header .bottom .menu li .submenu ul li:hover{background:#003a7b;}header .bottom .menu li .submenu ul li:hover a{color:#fff;}header .bottom .menu li .submenu ul li a{text-transform:capitalize;font-size:14px;padding:0;border:0;}header .bottom .menu li .submenu ul li a:after{content:'';display:none;}header .mobile-menu{background:#f1f1f1;display:none;position:absolute;top:119px;left:0;width:100%;z-index:50;}@media only screen and (max-width: 767px){header .mobile-menu{top:166px;}}@media only screen and (max-width: 500px){header .mobile-menu{top:132px;}}header .mobile-menu .lang{text-align:center;display:block;margin:40px 0;}header .mobile-menu .lang a{margin:0 0 0 7px;font-size:15px;color:#777;background:#f4f4f4;display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;}header .mobile-menu .lang a.active{background:#6b5c40;color:#fff;}header .mobile-menu li{display:block;margin:0 0 12px;}header .mobile-menu li a{text-align:center;display:block;padding:14px 0;font-size:16px;font-weight:bold;}header .mobile-menu li .submenu li{margin:0;}header .mobile-menu li .submenu a{font-weight:normal;font-size:14px;}footer{background:#f5f5f5;text-align:center;padding:37px 0;}footer p{letter-spacing:0.6px;font-size:14px;}footer p a{letter-spacing:0.6px;font-size:14px;}.top-banner{background:url('img/home/about-bg.jpg');background-size:cover;background-position:center;position:relative;height:380px;overflow:hidden;}@media screen and (max-width: 991px){.top-banner{height:300px;}}@media only screen and (max-width: 767px){.top-banner{height:200px;}}.top-banner .bg-image{width:50%;height:100%;position:absolute;top:0;right:0;background-size:cover;background-position:center;z-index:1;}@media screen and (max-width: 991px){.top-banner .bg-image{width:60%;}}@media only screen and (max-width: 767px){.top-banner .bg-image{width:80%;}}.top-banner .container{position:relative;z-index:2;}.top-banner h1{font-size:40px;color:#003a7b;font-weight:bold;margin:277px 0 0;letter-spacing:1.3px;}@media screen and (max-width: 991px){.top-banner h1{margin:200px 0 0;}}@media only screen and (max-width: 767px){.top-banner h1{margin:143px 0 0;font-size:25px;}}.top-banner .bg1{position:absolute;bottom:74px;left:0;width:100%;height:40px;background:rgba(255,255,255,0.6);}@media screen and (max-width: 991px){.top-banner .bg1{z-index:2;}}.top-banner .bg2{position:absolute;bottom:0;left:0;width:100%;height:74px;background:#fff;}@media screen and (max-width: 991px){.top-banner .bg2{z-index:2;}}.path{background:#f5f5f5;padding:15px 0;}.path .container{position:relative;}.path .path-left{margin:0;}.path .path-left.has-back{margin-right:66px;}.path .path-left a{text-transform:uppercase;font-size:14px;color:#000;background:url(img/share/path-arrow.svg) no-repeat right;background-size:10px;padding:0 25px 0 0;margin:0 18px 0 0;letter-spacing:0.4px;}.path .path-left a.active{background:none;margin:0;color:#003a7b;}.path .btn-back{text-transform:uppercase;font-size:14px;color:#000;letter-spacing:0.5px;position:absolute;top:0;right:0;}@media screen and (max-width: 1199px){.path .btn-back{right:20px;}}.path .btn-back img{-webkit-transform:scaleX(-1);transform:scaleX(-1);width:10px;margin:0 18px 0 0;}@media screen and (max-width: 991px){.path .btn-back img{margin:0 9px 0 0;}}.bg-overlay{z-index:30;background:#f1f1f1;display:none;position:fixed;top:0;left:0;width:100%;height:100%;}body.modal-open{overflow:visible;}*.modal-open{overflow-y:scroll;padding-right:0 !important;}.modal{padding-right:0 !important;}p,li{word-break:break-word;}.zh-hant header #logo div{font-family:"標楷體";}@media only screen and (max-width: 991px){.top-banner .bg1{display:none;}.top-banner .bg2{display:none;}.top-banner .container{width:100%;height:100%;}.top-banner h1{bottom:0;margin:0;position:absolute;top:auto;left:0;right:0;padding:10px 20px;background:rgba(255,255,255,0.6);}}@-webkit-keyframes fadeInUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0px);opacity:1;}}@keyframes fadeInUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0px);opacity:1;}}@-webkit-keyframes fadeEnlarge{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0px);opacity:1;}}@keyframes fadeEnlarge{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0px);opacity:1;}}.fadeEnlarge{animation:fadeEnlarge 0.8s ease forwards;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.fadeEnlarge{animation:none;}}.banner{position:relative;}.banner .swiper-slide .bg-image{display:block;width:100%;height:680px;background-position:center;background-size:cover;}@media screen and (max-width: 1199px){.banner .swiper-slide .bg-image{display:none;}}.banner .swiper-slide img{display:none;width:100%;height:auto;}@media screen and (max-width: 1199px){.banner .swiper-slide img{display:block;}}.txt-wrap{position:absolute;bottom:-39px;z-index:1;max-width:952px;width:100%;padding:0 0 0 18.1%;min-height:224px;left:0;overflow:hidden;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap{position:relative;margin:-30px 0 0;padding:0 20px 35px;max-width:none;min-height:auto;bottom:auto;}}.txt-wrap .slide-txt{display:none;}.txt-wrap .slide-txt.active{display:block;}.txt-wrap .slide-txt.active h1{opacity:0;animation:fadeInUp 0.8s ease forwards;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap .slide-txt.active h1{opacity:1;animation:none;}}.txt-wrap .slide-txt.active p{opacity:0;animation:fadeInUp 0.8s ease forwards;animation-delay:1s;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap .slide-txt.active p{opacity:1;animation:none;}}.txt-wrap h1{display:block;font-size:68px;font-weight:700;color:#003a7b;margin:5px 0 0;letter-spacing:2px;position:relative;}@media screen and (max-width: 991px){.txt-wrap h1{font-size:48px;}}@media only screen and (max-width: 767px){.txt-wrap h1{font-size:32px;}}.txt-wrap p{display:block;position:relative;font-size:22px;margin:6px 0 0 5px;letter-spacing:0.7px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap p{font-size:20px;}}@media only screen and (max-width: 767px){.txt-wrap p{font-size:16px;}}.txt-wrap .bg1{position:absolute;top:0;left:0;width:100%;height:40px;background:rgba(255,255,255,0.6);}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap .bg1{height:30px;}}.txt-wrap .bg2{position:absolute;top:40px;left:0;width:100%;height:100%;background:#fff;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.txt-wrap .bg2{top:30px;}}.txt-wrap .swiper-pagination{position:relative;text-align:left;z-index:20;margin:24px 0 0 -2px;}.txt-wrap .swiper-pagination-bullet{width:16px;height:16px;margin:0 7.5px;background:#e9e9e9;display:inline-block;vertical-align:top;border-radius:0;opacity:1;}.txt-wrap .swiper-pagination-bullet:focus{border:0;outline:none;}.txt-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#6b5c40;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid{background:url('img/home/about-bg.jpg');background-size:cover;}}.about-grid .img{float:left;margin:40px 0 0 2%;width:50%;height:auto;}@media only screen and (max-width: 767px){.about-grid .img{width:100%;float:none;margin:40px 0 0;}}.about-grid .desc{margin:0 0 0 50%;background:url('img/home/about-bg.jpg');background-size:cover;padding:0 0 105px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid .desc{background:none;padding:0 0 35px;}}@media only screen and (max-width: 767px){.about-grid .desc{margin:0 20px;padding:0;}}.about-grid h5{font-size:28px;padding:114px 0 0 12.5%;letter-spacing:1px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid h5{font-size:20px;}}@media only screen and (max-width: 767px){.about-grid h5{padding:44px 0 0;}}.about-grid h4{font-size:46px;color:#003a7b;margin:-2px 0 0 0;font-weight:bold;letter-spacing:1.5px;padding:0 0 23px 12%;border-bottom:1px solid #fff;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid h4{font-size:36px;}}@media only screen and (max-width: 767px){.about-grid h4{padding:0 0 32px;margin:0;}}.about-grid .home_editor{margin:29px 0 0 12.5%;width:50%;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid .home_editor{margin:29px 20px 0;width:auto;}}.about-grid .btn-read{font-weight:bold;font-size:14px;color:#003a7b;margin:31px 0 0 8.7%;display:inline-block;padding:0 10px 9px 0;letter-spacing:0.7px;border-bottom:1px solid #003a7b;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.about-grid .btn-read{margin:40px 0 40px 20px;}}.about-grid .btn-read img{margin:0 11px 0 0;}.job-ref{overflow:hidden;}.job-ref h3{font-size:46px;color:#003a7b;display:block;text-align:center;padding:70px 0 46px;font-weight:bold;letter-spacing:1.5px;margin:0 0 0 7px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref h3{font-size:36px;}}@media only screen and (max-width: 767px){.job-ref h3{font-size:26px;}}.job-ref .job-swiper{opacity:0;position:relative;max-width:1200px;width:100%;margin:0 auto;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref .job-swiper{opacity:1;margin:0 50px;width:auto;}}.job-ref .job-swiper .swiper-container{overflow:visible;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref .job-swiper .swiper-container{overflow:hidden;}}.job-ref .job-swiper .swiper-button-prev{position:absolute;width:42px;height:42px;background:url(img/home/job-ref-arrow.svg) no-repeat;background-size:100%;top:50%;left:-68px;margin-top:-19px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref .job-swiper .swiper-button-prev{left:-45px;}}.job-ref .job-swiper .swiper-button-next{-webkit-transform:scaleX(-1);transform:scaleX(-1);position:absolute;width:42px;height:42px;background:url(img/home/job-ref-arrow.svg) no-repeat;background-size:100%;top:50%;right:-68px;margin-top:-19px;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref .job-swiper .swiper-button-next{right:-45px;}}.job-ref .swiper-slide{position:relative;}.job-ref .swiper-slide .img-wrap.leftslide{position:relative;right:50px;display:block;}.job-ref .swiper-slide .img-wrap.rightslide{position:relative;left:50px;display:block;}.job-ref .swiper-slide .img{width:100%;height:auto;}.job-ref .swiper-slide span{background:url('img/home/job-ref-shadow.png');font-weight:bold;position:absolute;bottom:0;left:0;color:#fff;font-size:18px;text-transform:uppercase;padding:28px 58px 18px 25px;letter-spacing:0.7px;width:100%;}@media screen and (max-width: 991px),only screen and (max-width: 767px){.job-ref .swiper-slide span{font-size:16px;}}.job-ref .swiper-slide .btn-more{position:absolute;right:11px;bottom:9px;display:block;width:45px;height:45px;background:url(img/home/job-ref-more-icon.svg) #fff no-repeat center;}.job-ref .btn-view{margin:46px 0 0;display:inline-block;}.job-ref .btn-view hr{width:80px;height:1px;display:inline-block;vertical-align:middle;background:#003a7b;}.job-ref .btn-view span{display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;color:#003a7b;padding:0 23px;letter-spacing:0.6px;}.contact-grid{position:relative;padding:104px 0 82px;margin:75px 0 0;}.contact-grid .bg-image{background-position:center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;}.contact-grid .container{position:relative;}.contact-grid .item.item-address{max-width:480px;width:100%;margin:0 auto;}@media only screen and (max-width: 767px){.contact-grid .item.item-address{max-width:none;margin:0 auto 54px;}}.contact-grid .item.item-address p{margin:29px 0 0;}.contact-grid .item img{display:block;margin:0 auto;}.contact-grid .item p{font-size:20px;color:#fff;display:block;margin:31px 0 0;margin:11px auto 0;letter-spacing:0.8px;text-align:center;}.contact-grid .item-wrap{text-align:center;margin:38px 0 0;}.contact-grid .item-wrap .item{display:inline-block;vertical-align:top;margin:0 2.4%;text-align:center;width:20%;}@media only screen and (max-width: 767px){.contact-grid .item-wrap .item{display:block;width:100%;margin:0 0 54px;}}.contact-grid .item-wrap .item p{margin:29px 0 0;}