@charset "utf-8";

/* CSS Document */
body{position: relative;font-family: 'Noto Sans TC','微軟正黑體',sans-serif;font-size: 16px;line-height:1.5;color: #000;letter-spacing: .02rem;/* font-weight: 400; */}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777}
a *{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
/*---------------------- 基礎設定 ----------------------*/
.scrollbar-style::-webkit-scrollbar-track,body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#eee}
.scroll02::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #eee;background-color:#eee}
.scroll02::-webkit-scrollbar{width:4px}
.scrollbar-style::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.scroll02::-webkit-scrollbar-thumb,.d_menu_h::-webkit-scrollbar-thumb{background-color:#14407d}
body::-webkit-scrollbar{width:8px}
.d_menu_h{overflow-y:auto;max-height:200px}
.d_menu_h::-webkit-scrollbar,body::-webkit-scrollbar{width:4px;background-color:#eee}
.red{color:#e7141a}
.orange{color:#ed730d}
.blue{color:#1d4f96}
.bg-white{background:#fff}
.pic-shadow{-webkit-box-shadow:10px 10px 0 0 #cdd7e2;box-shadow:10px 10px 0 0 #cdd7e2}
/* 回頂端 */
#goTop,#goTop img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#goTop{z-index:9;text-align:center;position:fixed;bottom:20px;right:20px;width: 50px;height: 50px;line-height:50px;cursor:pointer;display:none;}
#goTop img{position:relative;z-index:1;width: 40px;}
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn-style{display:inline-block;padding: 0 1rem .3rem;border-radius: 30px;background: rgb(29, 79, 150);color: #fff;font-size: 1rem;}
.btn-style i{vertical-align: middle;width: 15px;padding-left: .5rem;}
.btn-style span{margin-right: .5rem;line-height: 1;}
/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
    /*RWD編輯器表格(X捲軸)*/
    .table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
@media screen and (max-width: 640px) {
    /* 回頂端 */
    #goTop{border:none;}
}
/*---------------------- 頁面開始 ----------------------*/
.title-style{position:relative;z-index:1;padding:.5rem 0;font-size: 2rem;/* color: #114b9e; */}
.mj-title{font-size: 2rem;font-weight: 700;}
/*全頁佈局*/
.wrapper {padding: 3em 0 0;overflow: hidden;position: relative;}
.container{max-width: 1300px;}
/*選單*/
.navbar{box-shadow:0 3px 3px rgba(0,0,0,0.2);font-weight:700;background-color:rgba(248,249,250,0.95)}
.navbar .bg-light{background:rgba(248,249,250,0.95)}
.navbar-brand img{max-width:100%;max-height:45px}
.navbar-light .navbar-nav .nav-link{color:#000;font-weight:400;font-size:17px}
.navbar-brand span{margin-left:.5rem}
.navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem}
.navbar-nav .dropdown-menu{margin-top:0;min-width:200px;max-height:500px;border-radius:0 0 3px 3px;background:rgba(255,255,255,0.95)}
.navbar-nav .dropdown-menu:before{content:'';pointer-events:none;z-index:-1;opacity:.9;position:absolute;left:0;top:0;width:45px;height:100%;background:url(../images/all/bg-circle.png)}
.dropdown-item{white-space:inherit;padding:.5rem 1rem;text-align:center}
.dropdown-item:focus,.dropdown-item:hover{color:#1d4f96;background:rgba(248,249,250,.5)}
.nav-item{margin:0 .5rem}
.nav-item .nav-link{position:relative}
.nav-item .nav-link:before{content:'';position:absolute;z-index:-1;left:-.25rem;bottom:0;top:0;display:block;width:1px;background:#dee6ef;transform:skewX(-15deg);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}/*首頁*/
.ix-banner{position:relative}
.ix-banner .owl-dots{position:absolute;left:0;right:0;bottom:0}
.ix-banner h4{position:absolute;margin:0;position:absolute;z-index:1;left:50%;top:50%;padding:1rem;font-size:2rem;text-align:center;text-shadow:3px 3px 5px #000;font-weight:700;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}
.ix-banner h4:after{content:'';z-index:-1;position:absolute;opacity:.85;display:block;left:0;top:50%;width:100px;height:75px;background:url(../images/all/bg-circle.png)}
.ix-banner h4 b{font-weight:900;font-size:180%}
.ix-banner .item{position:relative;overflow:hidden;margin-top:72px}
.ix-banner .bn-mask{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center top}
.ix-banner.video{position:fixed;z-index:-1;top:0;left:0;width:100%;height:35vw;overflow:hidden}
.ix-banner.video+*{margin-top:35vw}
.ix-banner.video:before{content:'';position:absolute;z-index:1;left:0;right:0;top:0;height:30%;background:-moz-linear-gradient(top,rgba(12,14,17,1) 0%,rgba(12,14,17,1) 1%,rgba(12,14,17,1) 30%,rgba(12,14,17,0) 99%,rgba(12,14,17,0) 100%);background:-webkit-linear-gradient(top,rgba(12,14,17,1) 0%,rgba(12,14,17,1) 1%,rgba(12,14,17,1) 30%,rgba(12,14,17,0) 99%,rgba(12,14,17,0) 100%);background:linear-gradient(to bottom,rgba(12,14,17,1) 0%,rgba(12,14,17,1) 1%,rgba(12,14,17,1) 30%,rgba(12,14,17,0) 99%,rgba(12,14,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0e11',endColorstr='#000c0e11',GradientType=0)}
.ix-banner video{position:absolute;left:50%;top:70%;width:100%;height:auto;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.about-area{position:relative;padding:4rem 0 0}
.about-area:after{content:'';position:absolute;z-index:-1;top:50%;left:10%;right:0;height:100%;background:#eee;background:url(../images/all/bg-circle.png);opacity:.6}
.about-area .container{position:relative}
.ix .item{font-size:1.2rem;margin-bottom:1rem}
.mask-text{position:absolute;z-index:1;left:0;top:-50px}
.mask-text em{display:inline-block;font-style:inherit;font-size:700%;transform-origin:left bottom;line-height:1;color:#1d4f96;font-family:'Montserrat',serif}
.mask-text.right{right:0;left:inherit;top:-5rem}
.mask-text.right em{transform-origin:right bottom;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
.ix-pd{position:relative;padding-top:2rem}
.ix-pd .container{position:relative}
.ix-pd:after{content:"";position:absolute;left:0;right:0;bottom:0;top:45%;background:#dee6ef}
.pd-area{position:relative;z-index:1;list-style:none;margin:0;padding:0;min-height:500px}
.pd-area .pd-item{position:relative;width:0;margin:1rem;padding:3rem;-o-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.pd-area .pd-item .bg{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-filter:grayscale(1);background-repeat:no-repeat;background-position:left center;-webkit-background-size:cover;background-size:cover}
.pd-area .infor{position:absolute;left:0;bottom:0;display:flex;padding:1rem;background:#eee;text-align:center;-ms-flex-align:center;align-items:center;color:#e27016}
.pd-area .infor .mj-title{margin:0 auto}
.ix-slogan{position:relative;padding:3rem 0;text-align:center;overflow:hidden}
.ix-slogan h1{display:inline-block;padding:1rem 0;border-bottom:solid 1px #000;font-weight:700;color:#1d4f96}
.ix-slogan h4{font-weight:700}
.ix-news{position:relative;z-index:1;padding:3rem 0;background:#dee6ef}
.ix-news .mask-text{position:static}

/* APEX Define */
.ix-news1{position:relative;z-index:1;padding: 3rem 0;
background: -webkit-linear-gradient(left top,#fff6ef,#dee6ef);
background: -o-linear-gradient(bottom right,#fff6ef,#dee6ef);
background: -moz-linear-gradient(bottom right,#fff6ef,#dee6ef);
background: linear-gradient(to bottom right,#fff6ef,#dee0ef);
display:inline-block;
box-shadow:6px 6px 13px #cecfd0;}
.ix-news1 .container{width: 99%;}
.ix-news1 .mask-text{position:static}
.ix-news2{position:relative;z-index:1;padding: 3rem 0;
background: -webkit-linear-gradient(left top,#dee0ef,#fff6ef);
background: -o-linear-gradient(bottom right,#dee0ef,#fff6ef);
background: -moz-linear-gradient(bottom right,#dee0ef,#fff6ef);
background: linear-gradient(to bottom right,#dee0ef,#fff6ef);
display:inline-block;
box-shadow:6px 6px 13px #cecfd0;}
.ix-news2 .container{width: 99%;}
.ix-news2 .mask-text{position:static}

.ix-news-p{position:relative;z-index:1;padding: 3rem 0;
background: -webkit-linear-gradient(left top,#dee0ef,#fff6ef);
background: -o-linear-gradient(bottom right,#dee0ef,#fff6ef);
background: -moz-linear-gradient(bottom right,#dee0ef,#fff6ef);
background: linear-gradient(to bottom right,#dee0ef,#fff6ef);
display:inline-block;
box-shadow:6px 6px 13px #cecfd0;}
.ix-news-p .container{}
.ix-news-p .mask-text{position:static}

.banner-title {position:absolute; z-index:10; left:70px; top:100px; color:#fff; font-weight:bold;}
.bannertxt {
  font-size: 2.0rem;
  color: #f48924;	/*#ed730d;*/
}

@media (min-width: 600px) and (max-width: 1200px) {
  .bannertxt {
   font-size: calc(2.0rem + (5.0 - 2.0) * ((100vw - 600px) / (1200 - 600)));
   color: #f48924;	/*#ed730d;*/
  }
}
@media (min-width: 1200px) {
  .bannertxt {
     font-size: 5.0rem;
     color: #f48924;	/*#ed730d;*/
  }
}

/* APEX Define end*/

.news-list{list-style:none;margin:0 -.5rem;padding:0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.news-list li{padding:0 .5rem;flex:1 1 auto}
.news-list a{position:relative;display:block;padding:1rem 0;border-top:solid 4px #333}
.news-list a:hover .btn-style{background:#254168;color:#fff}
.news-list a:hover .btn-style i{padding-left:2rem;padding-right:.5rem}
.news-list a:before{content:'';position:absolute;right:0;top:-4px;z-index:1;display:block;width:0;height:4px;background:#e27016;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.news-list a:hover:before{width:100%;left:0}
.news-list .tt{font-size:1.4rem}
footer{position:relative;z-index:1;background:#343a40;color:#fff;padding:0 0 3rem;font-size:.9rem}
footer:before{pointer-events:none;content:'';position:absolute;z-index:-1;top:70%;left:0;right:10%;bottom:0;background:#eee;background:url(../images/all/bg-circle.png);opacity:.1}
footer ul{margin:0;padding:0;list-style:none}
footer a{color:rgba(255,255,255,.75)}
footer a:hover{color:rgba(255,255,255,1);text-decoration:none}
footer .infor-box{color:rgba(255,255,255,0.7)}
footer .infor-box li{padding:.2rem 0}
footer .infor-box i{width:2rem;text-align:center}
footer .mj{padding-left:.5rem;font-size:1rem;color:#fff}
.footer-title{font-size:18px;position:relative}
.footer-title:before{position:absolute;content:'';width:100%;height:1px;background-color:#444b51;top:50%;z-index:-1}
.footer-title span{background-color:#5d6166;padding-right:15px}
.sitemap .footer-title span{background-color:#343a40}
.ft-menu{list-style:none;margin:0;padding:0}
.ft-menu .item{display:inline-block;margin-bottom:.5rem;vertical-align:top}
.ft-menu .unit{display:inline-block;padding:.2rem 1rem;border:solid 1px #fff;text-align:center}
.ft-menu .unit:hover{background:rgba(255,255,255,0.8);color:#333}
.sub-item{display:block;padding:.5rem .5rem 0}
.copyright{margin-top:.5rem}
.footer-top{margin-bottom:3rem;padding:0 0 3rem;background:rgba(255,255,255,.2)}
.footer-top .infor-box{padding-left:65px;margin-bottom:1rem;padding-right:0}
.footer-top .infor-box:before{content:"\f3c5";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.4rem;position:absolute;left:10px;display:block;width:40px;height:40px;text-align:center;line-height:40px;background:#343a40;border-radius:100%}
.footer-top button span{display:block}
.footer-top button{background:#343a40;border:none;margin:auto;display:block;width:auto;height:auto;color:#fff;margin-bottom:3rem;cursor:pointer;padding:6px 12px}
.footer-top button:hover{background:#ee730f}
.lan-box{position:relative}
.lan-box:before{position:absolute;content:'';width:calc(100% - 128px);height:1px;top:50%;background-color:#777;left:0}
.lan-box a{padding:1px 6px;border:1px solid #fff}
.lan-box a:hover,.lan-box a.active{background-color:#fff;color:#333}
.company-infor .item{margin-bottom:2rem}
.company-infor .left{padding-right:60px}
.company-infor .right{padding-left:60px;-ms-transform:translate(0,-3rem);-webkit-transform:translate(0,-3rem);transform:translate(0,-3rem)}
.company-infor .infor-box{list-style:none;margin:0;padding:0}
.company-infor .infor-box i{width:40px;margin-right:.5rem;text-align:center}
.company-infor .mj{margin-bottom:.5rem;padding-bottom:.5rem;font-size:1.2rem;border-bottom:solid 1px #343a40}
.angle-trapezoid{position:relative;width:100%;background:#cdd7e2;padding:1rem}
.angle-trapezoid:after{content:'';position:absolute;z-index:-1;top:0;bottom:0;width:60px;background:#cdd7e2;-ms-transform:skewX(-15deg) translate(-50%,0);-webkit-transform:skewX(-15deg) translate(-50%,0);transform:skewX(-15deg) translate(-50%,0)}
.right .angle-trapezoid{background:#ee730f;color:#fff}
.left .angle-trapezoid:after{left:100%}
.right .angle-trapezoid:after{right:100%;-ms-transform:skewX(-15deg) translate(50%,0);-webkit-transform:skewX(-15deg) translate(50%,0);transform:skewX(-15deg) translate(50%,0);background:#ee730f}
.right .angle-trapezoid .mj{border-color:#fff}
.right a{color:#fff}
.use-area{margin-bottom:2rem}
.use-infor{margin:0}
.use-infor li{position:relative;font-size:1.4rem}
.use-infor li:before{content:'';position:absolute;z-index:-1;right:100%;top:10px;width:20px;height:20px;background:#ee730f;border-radius:100%}
.use-infor li p{font-size:1rem}
.client-box{list-style:none;margin:0;padding:0;text-align:center}
.client-box li{padding:.5rem;background:#ee730f;-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.client-box li h4{margin-bottom:0;padding:.5rem;border:solid 1px #000}
.client-box li:hover{background:#343a40;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.client-box li:hover h4{border-color:#fff}
/*內頁*/
.inner-banner{height:18vw;margin-top:73px;background-attachment:fixed!important;box-shadow:0 0 10px -1px #929292;background-size: contain!important;}
.breadcrumb{background-color:transparent}
.root_bg{position:absolute;width:100%}
.breadcrumb li{font-size:15px}
.breadcrumb li+li{margin-left:30px;position:relative}
.breadcrumb li.active{color:#e27016}
.breadcrumb li+li:before{position:absolute;content:'';width:15px;height:1px;background-color:#1d4f96;left:-21px;top:50%}
.breadcrumb li a{color:#bfbfbf}
/*關於*/
.inner-title{text-align:center;position:relative;margin:30px 0 60px}
.inner-title p:before{position:absolute;content:'';width:70px;height:1px;background-color:#333;bottom:-5px;z-index:-1;left:50%;transform:translateX(-50%)}
.inner-title p{font-size:25px;display:table;margin:0 auto;padding:0 10px}
.inner-title span{position:absolute;font-family:'Montserrat',serif;font-weight:600;width:100%;color:#ed730d;z-index:-2;top:-30px;left:50%;transform:translateX(-50%);opacity:.2;font-size:4rem}
.text-style{font-size:1.1rem;line-height:33px;letter-spacing:1px}
.text-style.centered{max-width:1020px;margin-left:auto;margin-right:auto}
.ul-noli{list-style:none;padding-left:0}
.bg-box{background-color:#fff;position:relative;z-index:-1}
.r-text{margin-left:-50px;padding:50px 0 50px 90px;margin-bottom:-30px}
.imgTT figure{box-shadow:0 5px 10px -1px rgba(92,92,92,0.6);margin-bottom:0;position:relative}
.mt-80{margin-top:80px}
.bgline-object{width:100vw;height:650px;position:absolute;top:120px;left:0;background:#f8f9fa;opacity:.4;-webkit-transform:skew(0deg,-204deg);transform:skew(0deg,-204deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:-4}
.bgline-object:before{position:absolute;width:100%;height:100%;content:'';background:linear-gradient(-60deg,rgba(29,79,150,.2),rgba(29,79,150,.1) 30%,rgba(243,8,91,0) 70%);z-index:0}
.bgline-object02{top:auto;bottom:200px}
.dotBox{position:relative}
.dotBox:before{position:absolute;content:'';background:url(../images/all/bg-circle.png);background-repeat:repeat;left:-30px;right:30px;height:90%;top:20px;bottom:5px;z-index:-1;opacity:.5}
.box02-img{position:relative}
.box02-img:before{position:absolute;content:'';width:100%;height:100%;background-color:#1d4f96;left:-10px;bottom:-10px;z-index:-1}
.imgTT03{position:relative}
.imgTT03:before{position:absolute;content:'';width:70%;height:100%;background:linear-gradient(90deg,rgba(29,79,150,.2),rgba(29,79,150,.1) 30%,rgba(29,79,150,0) 50%);z-index:-1;bottom:-20px}
.listTT04 figure{width:125px;height:125px;padding:25px;background:rgba(29,79,150,.07);border-radius:60%;position:relative}
.listTT04 figure:before{position:absolute;content:'';width:90%;height:90%;border-radius:60%;border:2px solid #fff;left:50%;top:50%;transform:translate(-50%,-50%)}
.listTT04 figure+p{width:calc(100% - 125px);padding-left:30px}
.imgTT05{padding:15px 0 20px;position:relative}
.imgTT05::before{position:absolute;content:'';background:url(../images/all/bg-circle.png);opacity:.3;width:100%;height:100%;z-index:-1;top:0;bottom:0;left:0;right:0}
.people-pic{width:200px;position:relative;text-align:center}
.people-info{width:calc(100% - 200px);margin-left:-30px;margin-top:15px}
.group-page .text-style{font-size:16px;line-height:28px}
.group-Timg{position:relative;margin-bottom:50px}
.group-Timg:before{position:absolute;content:'';background:url(../images/all/bg-circle.png);opacity:.5;width:95%;height:100%;top:30px;left:-30px;z-index:-1}
.people-info-box{background-color:rgba(255,255,255,.8);padding:20px 20px 20px 60px}
.p-name{font-size:16px;position:relative;z-index:2;background-color:#edf1f6;display:table;padding:3px 10px;margin:-5px auto 0;box-shadow:0 2px 2px rgba(195,195,195,.5)}
.p-name span{font-size:15px;margin-right:15px;color:#1d4f96;position:relative}
.p-name span:before{position:absolute;content:'/';top:2px;right:-10px;font-size:12px}
.g-info-title{border-bottom:1px solid #eee;margin-bottom:10px;color:#1d4f96}
.g-info-title i{margin-right:8px}
.group-page .ul-noli{margin-bottom:0}
.ul-noli+.ul-noli{margin-left:20px}
.work-box{width:calc(100% - 260px)}
.work-box+.gra-box{width:260px;padding-left:30px;position:relative}
.work-box+.gra-box:before,.work-box+.gra-box:after{position:absolute;content:'';height:1px;background-color:#e27016;right:0}
.work-box+.gra-box:before{width:80%;bottom:0}
.work-box+.gra-box:after{width:50%;bottom:10px}
/*相關企業*/
.company01-box{position:relative}
.company01-box:before{position:absolute;content:'';width: 75%;height: calc(100% + 60px);background-image: url(../images/all/bg-circle.png);right: 0;opacity: .5;top: -30px;z-index:-1;}
.company-text article{padding: 60px 90px 40px 75px;background-color:#1d4f96;color:#fff;margin-right:-50px;width: calc(55% + 50px);}
.company-text article+article{background:#dde5ef;color:#1d4f96}
.company-name{font-size:24px;font-weight: 600;color: #343a40;}
.company-name span{position: relative;}
.company-name span:before{position:absolute;content:'';width: 95%;height: 10px;background-color: rgba(29, 79, 150, .15);left: 50%;transform: translateX(-50%);bottom: 3px;z-index: -1;}
.card-group{display: block;clear: both;overflow: hidden;}
.card-group > .card{float: left;width: 33.33%}
.card-group,.card-group > .card,.card-body{-ms-flex: inherit;flex: inherit}

/*招募*/
.recruit{padding-top: 10px;}
.recruit {position:relative}
.recruit::before{position:absolute;content:'';background-image:url(../images/about/recruit/01.jpg);background-size:cover;width: 55%;height: 86%;bottom: 0;right:0;}
.recruit::after{position:absolute;content:'';width:80%;height: 90%;background-image: url(../images/all/bg-circle.png);left:-50px;opacity: .3;top: 0;z-index:-1;}
.recruit_t{width:50%;margin-top:100px;background-color:#fff;padding: 35px;position:relative;box-shadow:-10px 5px 30px -5px rgba(97,97,97,0.2);}
.recruit_t::before{position:absolute;content:'';width:50px;height:150px;background-color: #1d4f96;opacity:.8;top:0;right:-50px;}
.recruit_t article{margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 5px;color: #e27016;font-size: 22px;}
.welfare-info li{width: calc(100% / 2 - 10px);padding:20px;margin-bottom: 10px;background-color:#fff;border-radius:2px;position:relative;z-index:0;overflow:hidden;-o-transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;}
.welfare-info li:before{position:absolute;font-size:10rem;font-style:italic;font-family:'Montserrat',serif;line-height:120px;color:#eee;opacity:.65;z-index:-1;left:-50px;bottom:0}
.welfare-info li:nth-of-type(1):before{content:'01'}
.welfare-info li:nth-of-type(2):before{content:'02'}
.welfare-info li:nth-of-type(3):before{content:'03'}
.welfare-info li:nth-of-type(4):before{content:'04'}
.welfare-info li:nth-of-type(5):before{content:'05'}
.welfare-info li:nth-of-type(6):before{content:'06'}
.welfare-info li:hover{box-shadow:0 0 8px #dedede}
.welfare-info li p:nth-of-type(1){border-bottom:1px solid #eee;font-size:18px;padding-bottom:5px;margin-bottom:5px;color:#1d4f96;font-weight:600}
.welfare-info li p:nth-of-type(2){margin-bottom:0;line-height:28px}
.action4{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}
.enviro-box-all{position: relative;}
.enviro-box-all::before{position: absolute;content:'';width: 75%;height:100%;background-image: url(../images/all/bg-circle.png);right: 0;opacity: .3;top: 0;z-index:-1;}
.en-img li{width: calc(100% / 3 - 20px);overflow:hidden;margin: 0 10px 20px;position:relative;cursor:pointer;}
.en-img li:before{position:absolute;content:'';width:0;height:0;background:#1d4f96;opacity: 0;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;pointer-events: none;}
.en-img li:hover:before{opacity: .3;width:100%;height:100%;}
.en-img li:hover .action4{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.en-img-more{position:absolute;bottom: -20px;left: 50%;transform: translateX(-50%);color: #fff;z-index: 2;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.en-img li:after{position:absolute;content:'';width:1px;height: 0;background-color:#fff;bottom:0;left: 50%;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.en-img li:hover:after{height:20px}
.en-img li:hover .en-img-more{bottom: 25px;}
/*優勢*/
.index-service{overflow:hidden;position:relative;width:100%;background-color:#dee6ef;padding:100px 0}
.index-service .mjtitle{text-align:center;margin-bottom:60px;z-index:5}
.index-service .mjtitle:before{left:50%;transform:translateX(-50%)}
.index-service-item{width:calc(100% / 3 - 20px);text-align:center;margin:0 10px}
.index-service-item>a{cursor:default;text-decoration:none}
.hb{position:relative;z-index:2;display:block}
.service-item-tt{position:relative;display:block;z-index:2;height:170px}
.hb:hover{color:#343a40}
.hb .txt p{margin-bottom:0;letter-spacing:2px;line-height:30px;font-size:17px}
.hb .txt h4{border-bottom:1px solid #1d4f96;padding-bottom:5px;font-size:22px;color:#1d4f96}
.service-item-tt img{width:80px}
.service-item-tt figcaption{margin-top:20px;position:relative;color:#646464}
.service-item-tt figcaption span{font-size:14px;font-family:'Lexend Deca',sans-serif;background-color:#e27016;color:#fff;padding:2px 10px;border-radius:2px}
.service-item-tt figcaption::before{position:absolute;content:'';width:20px;height:3px;background-color:#1d4f96;top:-10px;left:50%;transform:translateX(-50%)}
.service-item-tt p{letter-spacing:1px;line-height:26px}
/*大事紀*/
.timeline{position:relative;margin:0 auto}
.timeline__nav{position:fixed;z-index:1;top:0;transition:top .3s ease-out;width:200px;float:left;padding-left:1rem}
.timeline__nav ul{list-style:none;list-style-position:inside;margin:15px 0;padding:0}
.timeline__nav ul li{margin:15px 0;padding-left:0;list-style-type:none;color:#bfc1c3;border-bottom:1px dotted rgba(0,0,0,0.3);cursor:pointer;transition:all .3s ease-out}
.timeline__nav ul li.active{font-weight:700;color:#ee730f;border-bottom:1px dotted transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}
.timeline__nav ul li:hover{color:#000}
.timeline__section{padding-left:230px;margin-bottom:100px}
.p1_4{padding-top:73px}
.img-company{pointer-events:none;position:fixed;right:0;bottom:0;max-width:700px;max-height:60vw}
@media screen and (min-width: 991px){
    .hb figure{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;margin-bottom:0}
    .hb .txt{-webkit-transform:translateY(30%);-moz-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;opacity:0;background-color:rgba(255,255,255,0.9);padding:15px;box-shadow:0 10px 22px -2px rgba(80,80,80,0.6);width:90%;margin:0 auto}
    .hb:hover figure{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    .hb:hover .txt{-webkit-transform:translateY(-86%);-moz-transform:translateY(-63%);-ms-transform:translateY(-86%);-o-transform:translateY(-86%);transform:translateY(-86%);opacity:1}
    .hb:hover + .fullBg{opacity:1;transform:scale(1.02)}
    .fullBg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:transform .5s,opacity .5s;transform:scale(1);z-index:1}
    .fullBg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}
    .about-bom ul li:hover{box-shadow:0 10px 25px -2px rgba(90,90,90,0.3);background-color:rgba(255,255,255,0.5);border-radius:2px}
}
@media screen and (min-width: 768px) {
    .pd-area .pd-item:hover{width:33.33%}
    .pd-area .pd-item:hover .bg{-webkit-filter:grayscale(0)}
    .pd-area .pd-item:hover .infor{top:1rem;bottom:1rem;right:1rem;left:1rem;background:rgba(29,79,150,0.8);color:#fff}
    .boxw-35{width:35%}
    .boxw-40{width:40%}
    .boxw-45{width:45%}
    .boxw-50{width: 50%;}
    .boxw-55{width: 55%;}
    .boxw-60{width:60%}
}
/*rwd開始*/
@media (max-width: 1400px){
    .recruit::after {left: 30px}
}
@media (max-width: 1200px){
    /*選單*/
    .navbar-brand img {height: 40px}
    .navbar-light .navbar-nav .nav-link {font-size: 16px}
}
@media (max-width: 1024px) {
    .title-style{font-size:1.4rem}
    /*選單*/
    .navbar-brand span{display:none}
    /*首頁*/
    .ix-banner h4{bottom:0;width:65%;font-size:4vw;-ms-transform:translate(-50%,-25%);-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
    .about-area{padding-top:0;padding-bottom:1rem}
    .mask-text em{opacity:.05;font-size:15vw}
    .ix-slogan h1{font-size:5vw}
    .ix-slogan h4{font-size:3vw}
    .pd-area .pd-item{background-size:cover}
    .pd-area .infor{padding:3rem 2rem}
}
@media (max-width: 991px) {
    /*選單*/
    .navbar-collapse{margin:.5rem -1rem 0;border-top:solid 1px #869cb4}
    .navbar-nav{max-height:calc(100vh - 55px);overflow-y:scroll}
    .navbar-nav .dropdown-menu{margin-left:-.5rem;margin-right:-.5rem;background:#cdd8e4;border-radius:0;border:none}
    .nav-item .nav-link:before{left:-1rem}
    .dropdown-item{margin-top:0;margin-bottom:0;padding:.8rem .5rem;width:100%;border:none;text-align:left}
    .dropdown-item+.dropdown-item{border-top:solid 1px #b4c5d8}
    .dropdown-item img{width:50px}
    .ix-banner .item {margin-top: 66px;}
    /*內頁*/
    .inner-banner{margin-top:66px;height:20vw}
    .navbar-brand img{height:40px}
    .about01 .boxw-45{width:calc(50% + 85px)}
    .text-style{font-size:17px;line-height:30px}
    .r-text{padding:30px 0 30px 85px}
    .index-service{padding:0}
    .index-service-item{position:relative;width:100%;overflow:hidden;margin:0}
    .fullBg{position:absolute;left:0;top:0;opacity:.4}
    .fullBg img{width:100%;height:auto}
    .index-service .d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .service-item-tt{height:auto;padding:30px 20px}
    .service-item-tt figure{display:none}
    /*組織*/
    .work-box{width:100%}
    .work-box+.gra-box{width:100%;padding-left:0;margin-top:20px}
    .people-info-box{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .work-box+.gra-box:before {width: 30%;}
    .work-box+.gra-box:after {width: 20%;}
    /*相關企業*/
    .company-name+article {text-align: left;}
    .company-text{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .company-text article{width:90%;margin:0 auto;padding:30px 40px 60px}
    .company-text article+figure{margin:-35px auto 0;width:60%}
    .company01-box:before{width:85%}
    /*招募*/
    .recruit_t article{font-size:18px}
    .recruit_t{padding:25px}
    .recruit_t::before{width:40px;height:120px;right:-40px}
    /*大事紀*/
    .timeline__nav{width: 50px;padding-left: .5rem;}
    .timeline__section{padding-left: 65px;}
}
@media (max-width: 767px) {
    .btn-style{padding:.5rem 1.5rem}
    .navbar-brand{width:calc(100% - 5rem);height:45px}
    /*banner*/
    .ix-banner .item{margin-top:71px;margin-top:61px}
    .ix-banner .bn-mask{background-position:right center}
    /*首頁*/
    .mj-title{font-size:1.4rem}
    .ix .item{padding:0;font-size:1rem}
    .pd-area{min-height:inherit}
    .pd-area .infor{position:absolute;padding:0;height:100%;width:100%;background-color:transparent}
    .pd-area .infor .mj-title{width:100%;height:auto;background-color:#fff;padding:5px 0;position:absolute;bottom:0}
    .pd-area .pd-item{padding:40vw 0 0;width:50%;margin:0}
    .mask-text{top:0}
    /*footer*/
    .sitemap .footer-title {display: none;}
    .lan-box:before {right: 0;left: auto;}
    /*內頁*/
    .inner-banner{margin-top:61px;background-attachment:initial!important;background-size:cover!important;height:25vw}
    .inner-title span{font-size:3.1rem;top:-20px}
    .about01,.about02{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .imgTT figure{width:70%;margin:0 auto}
    .about01 .boxw-45{width:100%;padding:50px 20px 20px;margin:-30px 0 0}
    .about01 .boxw-45 ul{display:table;margin:0 auto}
    .mt-80{margin-top:40px}
    .about02 article{margin-bottom:30px}
    .about03{-ms-flex-direction:column-reverse;flex-direction:column-reverse;flex-wrap:wrap;-ms-flex-wrap:wrap}
    .imgTT03:before{width:100%;height:70%;bottom:20px}
    .listTT04 figure{width:100px;height:100px}
    .listTT04 figure+p{width:calc(100% - 100px)}
    .fullBg{opacity:.2}
    /*組織*/
    .work-box .d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .ul-noli+.ul-noli{margin-left:0}
    .work-box+.gra-box:before, .work-box+.gra-box:after{display: none;}
    /*相關企業*/
    .company-name{font-size:22px}
    .company01-box{margin-top:20px}
    .company-text article{width:100%;padding-bottom: 45px;}
    .company-name+article br{display:none}
    .company01-box:before{width:90%}
    .company-text article+figure{width:70%}
    /*招募*/
    .recruit_t{width:65%;margin-top: 40px;}
    .recruit::before{width: 65%;height: 90%;}

}
@media (max-width: 640px) {
    /*首頁*/
    .about-area:after{opacity:.3}
    .ix-slogan h1{font-size:5vw}
    .ix-slogan h4{font-size:3.5vw}
    footer .infor-box{float:none;width:100%}
    .navbar-brand img{height:auto}
    /*footer*/
    .footer-title{display: none;}
    .footer-top button span{display:block}
    /*內頁*/
    .wrapper {padding: 2em 0 0;}
    .inner-title span {font-size: 2.5rem;}
    .listTT04 figure+p {padding-left: 20px;}
    .inner-title p{font-size:23px}
    .inner-title{margin:20px 0 40px}
    .hb .txt h4{font-size:20px}
    .service-item-tt{padding: 20px 15px;}
    .hb .txt p{font-size:16px;letter-spacing:1px}
    .imgTT05{padding-bottom:0}
    .text-style br{display:none}
    /*相關企業*/
    .company-text article{padding:20px 20px 35px}
    .company-name{font-size:20px;margin-bottom:10px}
    /*招募*/
    .recruit_t{width:90%;margin-top:40px}
    .recruit_t::before{width:30px;height:100px;right:-30px}
    .recruit::before{width:90%}
    .recruit::after{left: 5px;width: 90%;}
    .welfare-info li{width:100%;padding:15px}
    .enviro-box+ul{margin: 0 -10px;}
    .en-img li{width:calc(50% - 20px)}
}
@media (max-width: 600px){
    .group-Timg{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .people-info{width:100%;margin:-40px auto 0}
    .group-page .text-style{padding:60px 20px 20px}
    .people-pic{margin-bottom:0;margin-left: 20px;}
    .group-Timg:before {height: 90%;}
    .ix-slogan {padding: 1rem 0;}
    .navbar-nav .nav-link {padding: 1rem;}
    .navbar-nav .dropdown-menu {padding:1rem;}
    .group-page .text-style{padding:60px 15px 15px}
    .group-Timg{margin-bottom:30px}
}
@media (max-width: 575px) {
    /*相關企業*/
    .card-group > .card{display: block;width:100%}
}
@media (max-width: 480px) {
    /*選單*/
    .navbar{padding:.5rem}
    .navbar-toggler{padding:.25rem .5rem}
    /*footer*/
    .footer-top .infor-box:before{width:30px;height:30px;line-height:30px;font-size:1rem}
    .footer-top .infor-box{padding-left:50px}
    .lan-box a{padding:3px 10px}
    .lan-box{margin-bottom:20px}
    .lan-box:before{width:100%;bottom:-14px;top:auto}
    /*內頁*/
    .root_bg {display: none;}
    .text-style {font-size: 16px;line-height: 28px;}
    .inner-title span {font-size: 2rem;}
    .listTT04 li{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .listTT04 li+li{margin-top:10px}
    .listTT04 figure+p{width:100%;padding-left: 0;}
    .listTT04 figure{margin:0 auto 10px;width:90px;height:90px;padding:17px}
    .fullBg img{width: 180%;margin-left: -40%;}
    .imgTT figure{width: 100%;}
    .hb .txt h4{font-size:18px}
    .box02-img:before{display:none}
    .enviro-box+ul{margin:auto;}
    .en-img li{width:100%;margin: 0 0 15px;}
    /*相關企業*/
    .company-text article+figure{width:95%}
    .company-text article{padding:15px 15px 30px}
    .company-name {font-size: 19px;}
}
@media (min-width: 769px) {
    .indicator{position:absolute;display: none;top:0;right:0;left:0;bottom:0;background: linear-gradient(to right top,#1d4f96 50%,transparent 50%) no-repeat;background-size: 100% calc(100% - 99vh);z-index: 999999;pointer-events:none;mix-blend-mode:darken;}
    .indicator::after{content:'';position:fixed;top: 3px;bottom:0;right:0;left:0;background: #fff;z-index:1;}
    /* 回頂端 */
    #goTop:hover{background:#cdd7e2}
    #goTop:hover img{-ms-transform:translate(0,-90%) scale(.9);-webkit-transform:translate(0,-90%) scale(.9);transform:translate(0,-90%) scale(.9)}
    #goTop:hover .top{right:50%;bottom:-10%}
    /*按鈕*/
    .btn-style:hover{background:#254168;color:#fff}
    .btn-style:hover i{padding-left:2rem;padding-right:.5rem}
    /*關於我們*/
    .about-area{position:relative;z-index:1;padding-bottom:3rem}
    .about-area .pic-box img{position:sticky;top:80px}
    .use-infor{-webkit-columns:2;columns:2;-webkit-column-gap:3rem;column-gap:3rem}
    .use-infor li{widows:3;orphans:3}
}
@media (min-width: 992px) {
    /*選單*/
    .navbar-nav .dropdown-menu{right:0;left:50%;box-shadow:0 5px 5px rgba(0,0,0,.2);-ms-transform:translate(-50%,1.5rem);-webkit-transform:translate(-50%,1.5rem);transform:translate(-50%,1.5rem)}
    .navbar-nav .dropdown-menu:before{content:'';position:absolute;z-index:-1;top:0;left:50%;margin-top:-12px;margin-left:-6px;display:block;width:0;height:0;border-style:solid;border-width:0 9px 12px;border-color:transparent transparent #fff;-webkit-filter:drop-shadow(0 -1px 0px rgba(0,0,0,.2))}
}