@charset "utf-8";

/* CSS Document */
body{font-family:'Nunito Sans','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
a{color:#000;text-decoration:none}
a:hover{color:#000;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

/*---------------------- 頁面開始 ----------------------*/
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:#052c58;
}

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;
}
/*header*/
.top-nav{background-color:#052c58;position:absolute;top:0;right:0;z-index:5}
.top-nav ul{list-style:none;padding-left:0;margin-bottom:0}
.top-nav li+li{border-left:1px solid #eee}
.top-nav a:hover{opacity:.75;text-decoration:none}
.top-nav a,.top-nav{color:#fff;}
.top-nav a{padding:5px 20px;display:inline-block;}
.lanbox a{opacity: .4;}
.lanbox a.active{opacity:1}
.navbar-brand img{width:110px;-o-transition:all .08s linear;-webkit-transition:all .08s linear;-moz-transition:all .08s linear;transition:all .08s linear}
.navbar-brand span{color:#2264B0;font-weight:600;line-height:19px;margin-left:13px;font-size: 20px;letter-spacing:.5px;text-shadow: 0 0 1px #5a5a5a;}
.navbar{padding:0}
.navbar-collapse{margin-top:40px}
.navbar-nav{border-bottom:1px solid rgba(255,255,255,.5);padding:0 5px 10px 0}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff;font-weight: 600;}
.navbar-nav .active{position: relative;}
.navbar-nav .active a{color:#052c58;}
.navbar-nav .active:before{position:absolute;content:'';width: 100%;height: 2px;bottom: -11px;background-color: #052c58;}
.nav-main{padding:20px 0 0;-o-transition:all .08s linear;-webkit-transition:all .08s linear;-moz-transition:all .08s linear;transition:all .08s linear}
.navbar-brand{padding:8px 50px 8px 20px;background:#fff;background:-webkit-linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,0)100%);background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0)100%);}
.navbar-brand span br{display:none}
header.change .nav-main{z-index: 18;top:0;}
.navbar-nav .nav-link:hover,.navbar-nav .active .nav-link{color:#052c58;}
.dropdown-toggle::after{margin-left:.5rem}
.mail-link .dropdown-menu{background-color:#052c58;top:105%;border-radius:0;padding: 0;min-width: 120px;}
.mail-link .dropdown-menu a+a{border-top:1px solid rgba(255,255,255,.5);padding-top: 10px;}
.mail-link .dropdown-menu a:hover{background-color: #ef9613;opacity: 1;}
@media(min-width: 992px){
  header.change .navbar-brand img{width:90px}
header.change .top-nav{opacity: 0;}
header.change .nav-main {background-color: rgba(255, 255, 255, .92);padding: 0;}
header.change .navbar-expand-lg .navbar-nav .nav-link{color: #262626;}
header.change .navbar-collapse{margin-top: 35px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 15px;}
.serbox article figure{display: none;}
}
/*banner*/
.fill {height: 48.5vw;}
.carousel-inner .carousel-item.active{position:relative;}
.carousel-control-next, .carousel-control-prev{z-index: 10;}
.banenr-deco{position:absolute;width:100%;height: 70%;background-image: url(../images/banner/banner-dec.png);background-size:cover;transition:all 1.5s;opacity: 0;bottom:0;right:0;}
.carousel-inner .carousel-item.active .banenr-deco{opacity: .2;z-index: 4;}
.slogan{position:absolute;color: #fff;/* max-width:1200px; */right: 80px;bottom: 43%;/* width: 100%; *//* max-width: 600px; */z-index: 7;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}

.slogan:after{width:80%;bottom:-15px;right: 200px;}
.slogan>h2{position:relative;font-size: 5rem;font-weight: 700;/* font-family:'Playfair Display',serif; */text-shadow: 0 0 10px rgba(58, 58, 58, 0.5);letter-spacing:1px;margin-bottom: 0;/* border-bottom: 1px solid rgba(255, 255, 255, .5); *//* padding-bottom: 3px; */margin-bottom: 10px;color: #f09713;}
.slogan>h2:before{position:absolute;content:'';width:100%;bottom: 0px;right: 50px;height: 25px;background: #ffffff;background:-webkit-linear-gradient(90deg,#ffffff,rgb(10, 153, 217)100%);background: linear-gradient(90deg,rgba(255, 255, 255, .8),rgb(255, 255, 255, 0)100%);transform: skewX(-20deg);z-index:-1;}
.slogan>h2 span{display:block;height: 85px;}
.slogan>h2 span:nth-of-type(2){margin-left: -25px;}
.slogan>p{text-shadow: 0 0 10px rgba(58, 58, 58, .8);font-size: 20px;margin-left: -30px;margin-top: 20px;position: relative;}
.slogan>p:before{position:absolute;content:'';width:100%;height: 40px;background-color:#2264b0;background:-webkit-linear-gradient(90deg,#2264b0,rgb(34, 100, 176)100%);background: linear-gradient(90deg,rgba(34, 100, 176, .8),rgba(34, 100, 176, 0)100%);bottom:-5px;left: -35px;transform: skewX(-20deg);z-index:-1;}
.fill {background-position: center;background-size: cover;-o-animation: grow 30s  linear 5ms infinite;-webkit-animation: grow 30s  linear 5ms infinite;-moz-animation: grow 30s  linear 5ms infinite;animation: grow 30s  linear 5ms infinite;transition:all 0.2s ease-in-out;}
 @-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
} 

.mask {
    position: absolute;
    height: 100%;
    width: 100%;
    
    top: 0;
    left: 0;z-index:2
}
/* .mask {
    position: relative;
}
.mask:before {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image:url(../images/banner/01-1.png)
    top: 0;
    left: 0;z-index:2
}
 */
.Bimg-box {position: relative;z-index: 0;}
.Bimg-box:before {content:'';position:absolute;width:0;height: 100%;background-color:rgba(34, 100, 176, .5);background: -webkit-linear-gradient(-90deg,rgba(34, 100, 176, .8),rgba(34, 100, 176, 0)100%);background: linear-gradient(0deg,rgba(34, 100, 176, .8),rgba(34, 100, 176, 0),100%);top: 0;right:-150px;transition:all 1.5s;z-index: 1;transform: skewX(-20deg);}
/* .Bimg-box04:after{content:'';position:absolute;background-image: url(../images/banner/star.png);background-size:cover; width: 100%;height: 100%;top:0;left:0;z-index:5;opacity:0;transition:all 4s;} */
.carousel-inner .carousel-item.active .Bimg-box:before{opacity: 1;width: 48%;}
/* .carousel-inner .carousel-item.active .Bimg-box04:after{opacity: .5;} */
/*全頁佈局*/
#particles-js{position:fixed;pointer-events:none;z-index: -5;left:0;top:0;width:100%;height:100%;opacity: .3;}
.wrapper {position: relative;/* overflow: hidden; *//* min-height: 42vh; */}
.inner-bk{position: fixed;background-image:url(../images/all/logo-bk.png);background-size: contain;background-repeat: no-repeat;background-position: center;width: 700px;height: 400px;opacity: .07;z-index: -1;bottom: 0;right: 0;}
/*共用*/
.button{padding:10px 20px;position:relative;z-index:1;cursor: pointer;text-decoration: none!important;}
.button:focus{outline:none}
.button--antiman.button--inverted,.button--antiman.button--inverted-alt{-webkit-transition:color .3s;transition:color .3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.button--antiman > span{font-size:16px;color:#fff}
.button--antiman::before,.button--antiman::after{content:'';z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)}
.button--antiman::before{border:1px solid #fff;opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);}
.button--antiman::after{background:#2264b0}
.button--antiman:hover::before{opacity:1;-webkit-transform:scale3d(.99,1,1);transform:scale3d(.99,1,1);}
.button--antiman:hover::after{opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}
.button--antiman:hover span{color:#fff}
.text-blue:hover span {color: #2264b0!important;}
/* 回頂端 */
.goTop{position:fixed;bottom: 15px;right: 15px;padding: 13px 12px 5px;}
.goTop.button--antiman::after{background-color: #eee!important;}
.goTop span{font-size: 13px!important;writing-mode: vertical-lr;color: #2264b0;font-weight: 600;position:relative;}
.goTop span:before{position:absolute;content:'';width: 1px;height: 30px;background-color: #2264b0;left: 50%;top: -38px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.goTop:hover span:before{top:-50px;}
/*首頁*/

.text-style{letter-spacing: .1px;line-height: 25px;font-size: 1.01rem;}
.index-welcome::before{position: absolute;content:'';background-image: url(../images/index/line.png);background-size: cover;width: 100%;height: 100%;opacity: .15;z-index: -6;}
.welcome-global{position: absolute;background-image: url(../images/index/global.png);background-size: contain;width: 72%;height: 80%;background-repeat: no-repeat;background-position: center;opacity: .3;left: 14%;bottom: -70px;z-index: 0;}
.index-welcome{position:relative;}
.index-welcome h1{font-size: 4.3rem;font-weight:700;color: #ef9713;opacity: .2;position: absolute;top: 0;left: 25%;}
.index-welcome h1+.d-flex{padding-top: 45px;}
/* .welcome-box{width: 40%;margin-top: 120px;}
.welcome-box figure:nth-of-type(1){width: 400px;margin-bottom: 0;}
.welcome-box figure:nth-of-type(2){text-align:right}
.welcome-box figure:nth-of-type(2) img{width:200px} */
.index-welcome article{width: 60%;}
.index-welcome article+figure{
    width: calc(40% + 20px);
    margin-bottom: 0;
    margin-left: -20px;
    position: relative;
}
.welcome-text{background-color: rgba(255, 255, 255, .65);padding: 50px 60px 60px;box-shadow: 0 5px 10px -1px #d1d1d1;}
.company-info{background-color:#2264B0;padding: 20px 0 5px 20px;color:#fff;width: 80%;/* margin-top: -40px; *//* margin-left: 35%; */position: relative;margin: 0 auto 0;}
.company-info figure{width:50%;position:relative;padding: 15px;margin-bottom:0;}
.company-info figure img{width: 65px;position:absolute;opacity: .15;top:0;left:0;}
/*首頁-服務項目*/
.service-item{position: relative;height: 450px;overflow: hidden;z-index: 0;}
.service-item .container{height:100%;position:relative;}
.service-item .container:before{position:absolute;content:'Service';font-size: 6rem;font-weight: 600;color: rgba(255, 255, 255, .18);top: 20%;z-index:-1}
.service-item:nth-of-type(odd) .container:before{left:-15px}
.service-item:nth-of-type(even) .container:before{right:-15px}
.service-item-info p{font-size: 29px;color: #fff;font-weight: 600;margin-bottom: 30px;position: relative;display: table;text-shadow: 0 0 5px rgba(68, 68, 68, .7);}
.service-item-info p:before,.service-item-info p:after{position:absolute;content:'';top: 51%;}
.service-item-info p:before{width: 180px;height: 1px;background-color: #eee;}
.service-item-info p:after{width:0px;height: 1px;background-color:#ef9613;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.service-item:hover .service-item-info p:after{width:180px}
.service-item:nth-of-type(odd) .service-item-info p:before,.service-item:nth-of-type(odd) .service-item-info p:after{left: calc(100% + 20px)}
.service-item:nth-of-type(odd) .service-item-info p:before{background: -webkit-linear-gradient(90deg,#ffffff,rgba(255, 255, 255, 0)100%);background: linear-gradient(90deg,#ffffff,rgba(255, 255, 255, 0)100%);}
.service-item:nth-of-type(even) .service-item-info p:before,.service-item:nth-of-type(even) .service-item-info p:after{right: calc(100% + 20px);}
.service-item:nth-of-type(even) .service-item-info p:before{background: -webkit-linear-gradient(-90deg,#ffffff,rgba(255, 255, 255, 0)100%);background: linear-gradient(-90deg,#ffffff,rgba(255, 255, 255, 0)100%);}
.service-item::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: bottom;-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);z-index: -2;}
.service-item:nth-of-type(even) .service-item-info {text-align: right;}
.service-item01::before{background-image: url(../images/index/ser-01.jpg);}
.service-item02::before{background-image: url(../images/index/ser-02.jpg);}
.service-item03::before{background-image: url(../images/index/ser-03.jpg);}
.service-item04::before{background-image: url(../images/index/ser-04.jpg);}
.service-item05::before{background-image: url(../images/index/ser-05.jpg);}
.service-item::after{position: absolute;content: '';height: 100%;width: 50%;top: 0;z-index: -2;}
.service-item:nth-of-type(odd):after{background-color: rgba(38, 70, 107, .5);background: -webkit-linear-gradient(90deg,rgba(38, 70, 107, .8),rgba(34, 100, 176, 0)100%);background: linear-gradient(90deg,rgba(38, 70, 107, .8),rgba(34, 100, 176, 0)100%);left: 0px;}
.service-item:nth-of-type(even):after{background-color: rgb(243, 195, 125, 0.4);background: -webkit-linear-gradient(-90deg,rgba(243, 195, 125, 0.5),rgb(214, 136, 20,0)100%);background: linear-gradient(-90deg,rgba(243, 195, 125, 0.5),rgb(214, 136, 20,0)100%);right:0;}
.service-item:hover::before{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
@media(min-width:768px){
.service-item::after{opacity:0; transition:all 1s;}
.service-item:hover:after{opacity:1;transform: translateX(0);}
.star-move{display: none;}
}

.particles-js-canvas-el {position: absolute;top: 0;z-index: -5; opacity: .3;}
.index-news{position:relative;padding-top: 50px;overflow: hidden;padding-bottom: 50px;}
.news-line{position: absolute;background-image: url(../images/index/line.png);width: 100%;height: 50%;background-size: cover;background-repeat: no-repeat;background-position: top;bottom: -200px;z-index: -11;opacity: .1;}
.index-title{position:relative;margin-bottom: 40px;}
.index-title span{font-size: 30px;display: table;margin: 0 auto;width: 100%;text-align: center;position: relative;}
.index-title span:before{position:absolute;content:'';width:30px;height:5px;background-color: rgb(240, 151, 19);left:50%;transform: translateX(-50%);bottom: -2px;}
.index-title-deco{position:absolute;font-size:4.3rem;font-weight:700;color:#2264b0;top: -19px;opacity: .1;width: 100%;text-align: center;margin-bottom: 0;line-height: 50px;}
.index-news ul {list-style: none;padding: 0;}
.index-news ul a{padding:20px;background-color:rgba(238,238,238,.8);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;
    flex-wrap:wrap;-ms-flex-wrap:wrap
}
.index-news .news-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    line-height:30px;height:120px
}

.index-news figure{margin-bottom:0;width:100%}
.index-news article{width:100%}
.index-news .news-text{padding-left:0}

.news-text{padding-left:50px;padding-top:5px;position:relative;width:100%}
.index-news a:hover{text-decoration:none;box-shadow:0 2px 9px -1px rgba(90,90,90,0.5)}
.news-text:before,.news-text:after{position:absolute;content:'';height:2px;top:14px;left:-10px}
.news-text:before{width:50px;background-color:#fff}
.news-text:after{width:0;background-color:#2264b0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

.index-news .news-text:before,
.index-news .news-text:after{display:none}
.index-news a:hover .news-text:after{width:50px}
.news-text span{font-style:italic;font-size:13px;font-weight:600;color:#969696;margin-bottom:5px;display:block}
.news-title{font-size:20px;color:#2264b0}
.index-news a:hover .news-text p{opacity:1}
.index-news article .button{margin-left:auto;text-align:right}
.index-news .button--antiman::before{border-color:#2264b0}
.index-news a:hover .button--antiman::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.index-news a:hover .button--antiman::after{opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}
.index-news a:hover .button--antiman span{color:#2264b0}
/*news-底層*/
.share_toolbox{float: right;}
.share_toolbox+p{/* margin-bottom:50px */}
.addthis_inline_share_toolbox{/* padding: 0 25px; *//* margin-bottom: 5px; *//* text-align: right; */line-height: 0;}
.addthis_inline_share_toolbox+span{display:table;margin-left: auto;font-weight: 900;color: #3d5998;font-size: 14px;}
.addthis_inline_share_toolbox table{margin-left:auto;}
.at-share-tbx-element .at-share-btn{margin-right: 0!important;margin-bottom: 0!important;}
.at-share-tbx-element .at-share-btn+.at-share-btn{margin-left:3px}
.page-content{background-color:rgba(242,244,246,.9);padding-bottom: 25px;}
.page-content img{max-width:100%;height: auto!important;}
.news-title-box{border-bottom:1px solid #e1e2e4;padding:25px 25px 15px;position:relative;margin-bottom: 20px;overflow: hidden;}
.news-title-box:before{position:absolute;content:'';width:50px;height:3px;background-color:#2264b0;bottom:-1px}
.news-title-box h1{margin-bottom:0;font-size:1.6rem}
.time-box{border-left:1px solid #e1e2e4;text-align:center;padding-left:20px}
.time-box span{display:block;font-size:13px;font-style:italic;font-weight:600;color:#2264b0}
.time-box span+span{margin-top:2px}
.page-content article{padding:0 25px}

.page-content table { max-width:100%; }
.tx01 {clear: both;}
.tx01 {clear: both;}
.tx01 figure{/* margin-bottom:0 */}
.tx01 figure+p{margin-top: 1rem;}
.tx02 {clear: both;/* margin-bottom: 2em; */}
.tx02 figure{max-width: 550px;margin-bottom:0}
.img-left,.img-left1 {float: left;/* padding-bottom: 1em; */padding-right: 2em;/* margin-bottom: 0; */max-width:50%;}
.img-right,.img-right1 {float: right;/* padding-bottom: 1em; */padding-left: 2em;max-width:50%;}
.video-box {padding: 0 25px;}
.video-box p{display: none;}
.fitImg {width: 100%;background-color: #052c58;}
.back{position:relative}
.back:before{position:absolute;content:'';width:calc(100% - 100px);height:1px;background-color:#e1e2e4;top:50%}
/*footer*/
footer{background:#2264b0;color:#fff;padding:30px 50px 10px;margin-top:50px}
.copyright{background-color:#3e4752;text-align:center;padding:10px 0;color:#fff;font-size:14px}
.copyright a{color:rgba(255,255,255,.75)}
.copyright a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.social-box{list-style:none;padding-left:0;margin-bottom:0;position:fixed;z-index:999999;right:0;top:50%;}
.social-box li+li{margin-top:5px}
.social-box li{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;border-radius:2px 0 0 2px}
.social-box li a{display:block;width:45px;padding:9px;}

.social-box li:nth-of-type(1){background-color:#3c5b9b}
.social-box li:nth-of-type(2){background-color:#0073B1;}
.social-box li:nth-of-type(3){background-color:#E62728}
.social-box li:nth-of-type(1):hover{background-color:#314b81}
.social-box li:nth-of-type(2):hover{background-color: #4090c9;}
.social-box li:nth-of-type(3):hover{background-color:#005f92}
.social-box li:nth-of-type(4):hover{background-color:#cb2425}
/*inner*/
.inner-banner{
    height: 26vw;
    background-size: cover !important;
    -webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;transition-delay:.15s;
    position: relative;
}
.inner-ba-box{overflow:hidden}
.inner-ba-box.zoom .inner-banner{transform:scale(1.05);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.staff-btn {position: absolute;left: 50%;top: 46%;transform: translateX(-50%);width: 100%;}
.staff-page .staff-btn {top:40%}
.inner-banner h1{
    font-weight: 700;
    color: #ffffff;
    font-size: 3.5rem;
    text-shadow: 0 0 5px rgba(139, 139, 139, .7);
    text-align: center;
}
.inner-ba-box.zoom .inner-banner h1{color: rgba(255, 255, 255, .8);}
.animated-lines {width: 100%;height: 100vh;position: fixed;z-index: -14;top: 70px;}
.animated-lines path {fill: none;stroke: rgba(34, 100, 176, .3);stroke-width: 0.5px;vector-effect: non-scaling-stroke;}
/*about*/
.container01{max-width: 1350px;margin: 0 auto;/* position: relative; *//* z-index: 5; */}

.about-page figure{border-radius:3px;overflow:hidden;box-shadow:0 3px 6px -1px rgba(51,51,51,.5);}
.about-page article span{font-weight:800;font-size:7rem;opacity:.1;color:#2264b0}
.about-page article p{display:table;color:#f09713;font-weight:800;/* margin-top:-20px; */font-size:31px;font-style:italic;}
.about-p1{position: relative;padding-bottom: 20px;padding-top: 50px;}
.about-p1:before{position:absolute;content:'';width: 45%;height: 50%;left: 0;top: 50%;transform: translateY(-50%);background-color:#2264b0;}
.about-Bimg-box{width:40%}
.about-p1 article{padding-left: 80px;width:60%;z-index:1;}
.about-p1 article span{color:#fff}
.imgBox_top figure,.imgBox_bottom{width:calc(50% - 10px)}
.about-p2{padding: 0 0 30px;position:relative;margin-top: 60px;}
.about-p2:before{position:absolute;content:'';width:40%;height:70%;right:0;bottom: 0;background-color: #eeeeee;z-index: 0;}
.about-p2 article{width:60%;padding-right:50px}

.about-p2 figure{width:40%;}
.about-p3{position:relative;margin-top: 30px;}
.about-p3:before{position:absolute;content:'';width: 40%;height: 70%;background-color: #2264b0;z-index: -1;bottom: 0;}
.about-p3 article{width:60%;padding-left:50px}
.about-img-box{width:40%}
.about-img-box figure:nth-of-type(1){width:50%}
.about-p4{position:relative;margin-top: 40px;padding-bottom: 50px;}
.about-p4:before{position:absolute;content:'';width:83%;height: 265px;background-color:#eee;right:0;z-index: 0;bottom:0;}
.about-p4 article{width:60%;padding-right:50px;position: relative;}
.about-p4 figure{width:40%}
.imp-speak{background-image:url(../images/about/05.jpg);background-attachment:fixed;background-repeat: no-repeat;background-size: cover;background-position: bottom;padding: 60px 0 60px;position:relative;z-index:0;text-align:center;}
.imp-speak:before{position:absolute;content:'';background-color:#2264b0;opacity: .4;width:100%;height:100%;top:0;left:0;z-index:-1;}
.imp-speak b{text-align:center;font-size: 2rem;font-style:italic;font-weight:700;color:#fff;text-shadow:0 0 4px #686868;}
.imp-speak-aeo{
    width: 180px;
    margin: 0 auto 15px;
    /* position: absolute; */
    /* top: 20px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* z-index: -1; */
    /* opacity: .7; */
}
.history{margin-top:50px;position: relative;padding-bottom: 80px;}
.history:before{position:absolute;content:'';width: 80%;height: 80%;background-image: url(../images/about/06.jpg);background-size: cover;opacity: .1;right: 0;bottom: 0;}
.year-box-all{position:relative;margin-top: 70px;}
.year-box-all::before{position: absolute;content: '';width: 1px;height: 100%;background-color: #eee;left: 50%;}
.year-box+.year-box{margin-top: 60px;}
.dot{width: 17px;height: 17px;background-color:#2264b0;border-radius:60px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.year-info{width: 50%;position: relative;}
.year-box:nth-of-type(odd) .year-info{padding-left: 50px;}
.year-box:nth-of-type(even) .year-info{padding-right: 50px;}
.year-box:nth-of-type(odd) .history_img{text-align: right;margin-right: 50px;}
.year-box:nth-of-type(even) .history_img{margin-left:50px}
.history_img{width:calc(50% - 50px);box-shadow:none!important}
.history_img img{width:60%}
.year-box{position:relative}
.year-info span{font-size:3rem;color:#f09713;line-height:30px;font-style:italic;font-weight:800}
.year-info b{display:block;font-size:24px;line-height:25px;color:#2264b0;margin-left:50px;position:relative}
.year-info b:before{position:absolute;content:'';width:30px;height:1px;background-color:#2164af;bottom:0;left:-40px}
.year-info b+article{border-bottom:1px solid rgba(51,51,51,.1);padding-bottom:3px}
.dot:before{position:absolute;content:'';border-radius:60px;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;background-color:#2264b0;opacity:.1;z-index:-1}
.dot-box{width:50px;height:20px}
.about-page article .month-text span {
    font-weight: initial;
    font-size: 16px;
    color: #333;
    opacity: 1;
    font-style: initial;
    width: 30px;
    display: inline-block;
}
.service-link{max-width:85%;margin: 0 auto 50px;position: relative;}
.service-link .owl-carousel .owl-stage-outer{margin-right: -1px;padding: 0 25px 25px;}
.owl-stage {display: -webkit-flex;display: flex;display: -ms-flexbox;}
.slick-slide{background-color: #fff;border: 1px solid #ddd;border-radius: 2px;box-shadow: 0 3px 11px rgba(136, 136, 136, 0.4);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.slick-slide:before{position:absolute;content:'';width: 80%;height: 3px;background-color: #2264b0;bottom: -2px;left: 50%;transform: translateX(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.slick-slide a{display: block;position: relative;padding: 15px;text-decoration: none;}
.slick-slide:hover{  background-color: rgb(238, 238, 238);}
.slick-slide:hover:before{background-color: #f09713;}
.slick-slide img{max-width:100%}
.slick-slide h4{font-size: 16px;margin-top: 20px;text-align: center;margin-bottom: 0;min-height: 40px;}
.pd-show{margin: 0 30px;}
.paginator-center{position:absolute;width: 100%;top: 55%;}
.slick-arrow{background-color: #2264b0;padding: 15px 5px;color: #ffff;border-radius: 2px;display: table;cursor: pointer;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.slick-arrow:hover{background-color: #f09713;}
/*服務項目*/
.area_point{ position:relative;}
.po_point{ position:absolute; top:-80px;}
.serbox{margin:50px 0}
.serbox:nth-of-type(odd) article{padding:30px 30px 30px 90px;background-color:#2264B0;color:#fff;margin-left:-50px}
.serbox:nth-of-type(even) article{background-color:#eee;padding:30px 80px 30px 30px;margin-right:-50px}
.serbox .d-lg-flex>figure{width:450px;box-shadow:0 3px 8px -1px rgba(51,51,51,.6);position:relative;z-index:2}
.serbox article{width:calc(100% - 450px);margin-top:30px;opacity: .85;}
.serbox article b{font-size:20px;margin-bottom:10px;display:block}
.serbox:nth-of-type(odd) article b{border-bottom:1px solid #eee}
.serbox:nth-of-type(even) article b{border-bottom:1px solid #2264b0}
.serbox article p{margin-bottom:0}
.serbox article p+p{margin-top:10px}
/*頁碼*/
.pagination-outer{text-align:center}
.pagination{font-family:'Allerta Stencil',sans-serif;display:inline-flex;position:relative}
.pagination li a.page-link{color:#fff;background:transparent;font-size:17px;line-height:40px;height:38px;width:38px;padding:0;margin:0 8px;border:none;position:relative;z-index:1;transition:all .4s ease 0;text-align:center}
.pagination li.active a.page-link,.pagination li a.page-link:hover,.pagination li.active a.page-link:hover{color:#fff;background-color:transparent}
.pagination li a.page-link:before,.pagination li a.page-link:after{content:'';background: rgba(240, 151, 19, .5);height:100%;width:100%;border-radius:50%;opacity:1;transform:translateX(-50%) translateY(-50%) rotate(-45deg);position:absolute;top:50%;left:50%;z-index:-1;transition:all .3s ease-in;}
.pagination li a.page-link:hover:before,.pagination li.active a.page-link:before{border-radius:50% 0 50% 50%;background-color:#2264b0}
.pagination li a.page-link:after{background:#fff;height:4px;width:4px;border:none;box-shadow:0 0 0 transparent;opacity:0;transform:translateX(-50%) translateY(0) rotate(0);top:auto;bottom:0}
.pagination li a.page-link:hover:after,.pagination li.active a.page-link:after{opacity:1;bottom:85%}
.pagination .page-item-pre a.page-link:before{transform:translateX(-50%) translateY(-50%) rotate(-135deg)}
.pagination .page-item-pre a.page-link:hover:before{border-radius:50% 0 50% 50%}
.pagination .page-item-pre a.page-link:after{transform:translateX(0) translateY(-50%);top:50%;bottom:auto;left:auto;right:0}
.pagination .page-item-pre a.page-link:hover:after{right:80%}
.pagination .page-item-next a.page-link:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}
.pagination .page-item-next a.page-link:hover:before{border-radius:50% 0 50% 50%}
.pagination .page-item-next a.page-link:after{transform:translateX(0) translateY(-50%);bottom:auto;top:50%;left:0}
.pagination .page-item-next a.page-link:hover:after{ left: 80%; }
/*最新消息*/
.inner-top{margin-top:50px;}
.news-card{list-style:none;padding-left:0}
.news-card li{margin: 0 5px 10px;padding:15px;background-color:#f2f4f6;width: calc(100% / 3 - 10px);}
.news-card li div.card-item{text-decoration:none;height: 100%;}

.news-page div.card-item:hover .button--antiman::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.news-page div.card-item:hover .button--antiman::after{opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}
.news-page div.card-item:hover .button--antiman span{color:#2264b0}

.news-card li figure{margin-bottom:0}
.news-card li article{height:100%}
.news-page .news-text:before{width:2px;height:30px;left:15px;top:-20px}
.news-page .news-text:after{width:2px;height:0;left:15px;top:-20px}
.news-card li div.card-item:hover .news-text:after{height:30px}
.news-page .news-text{padding-left:0;padding-top:20px}
.news-card li div.card-item a.button{margin-left:auto}
.text-blue.button--antiman::before{border-color:#2264b0!important}
.news-page a:hover .button--antiman::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.news-page a:hover .button--antiman::after{opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}
.news-page a:hover .button--antiman span{color:#2264b0}
/*tag*/
.new-content{/* width: calc(100% - 300px); *//* float: left; */}
.hashtag-box{/* float: right; *//* width: calc(300px - 20px); */margin-left: auto;/* padding-left:20px; */background: rgba(242,244,246,.9);/* position: sticky; *//* top: 70px; */padding: 20px;border-top: 1px solid #eee;}
.hashtag-title{position: relative;color:#fff;font-size: 20px;font-weight: 600;text-align: center;padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid rgb(255 255 255 / 50%);}
.hashtag-title:before{position:absolute;content:'';width:50px;height:3px;background-color:rgb(240, 151, 19);bottom: -2px;left: 50%;transform: translateX(-50%);}
.tagSearch{background-color:#fff;padding: 3px 10px;border-radius: 60px;font-size: 14px;display: inline-block;margin: 0 3px 5px;}
a.tagSearch:hover{background-color:rgb(240, 151, 19);text-decoration:none;color:#fff;}
.tag-result{text-align:center;margin-bottom: 30px;/* border-bottom: 1px solid #dfdfdf; */background: rgb(255 255 255 / 80%);box-shadow: 0 0 5px -1px #dbdbdb;padding: 20px;}
.tag-result .tagSearch{margin-bottom:0;background: #eee;margin-left: 10px;font-size: 17px;padding: 3px 15px;}
/*詢價*/
.form-title{text-align:center;margin-bottom:30px;margin-top:50px}
.form-title p{font-size:23px;display:table;margin:0 auto 10px;padding:0 10px;border-bottom:1px solid #052c58}
.form-title .red{color:#2264b0;font-size:14px}
.content {background-color: rgba(242,244,246,.9);padding: 10px 25px 25px;margin-bottom: 50px;}
select.input__field {/* height: 94px; *//* line-height: 35px; */-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select-box{position:relative}
.select-box:before{position:absolute;content:'▾';font-size: 20px;color: #052c58;right: 0;bottom: 0;}
.page_form{/* margin-top:1em; *//* padding-bottom: 1em; */height: 5em;position:relative;z-index: 0;}
.page_form .name{color:#052c58;font-weight:800;padding-top: 1.3em;}
.page_form_box{padding-bottom: 4px;margin-top: 4px;height: 35px;line-height: 23.5px;}
.page_form:before{position:absolute;content:'';width:100%;height: 100%;top: 0;border-bottom: 1px solid rgba(34, 100, 176, .3);z-index: -1;}
.page_form_box label{margin-left:10px;margin-bottom:0}
.textarea{height: 10em!important;padding:2.5em .15em 1em!important;}
.ver-img{line-height: 5em;}
.v-code {width: 200px!important;margin-right: 10px;}
.samebtn {color: #fff;border: none;width: 255px;}
.samebtn:hover{color: #2264b0;background-color: transparent;}
/*輸入框樣式*/
.input {
  position: relative;
  z-index: 1;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.con_block_l{float: left;width: 49%;}
.con_block_r{float: right;width: 49%;}
.input__field {
  font-family: 'Nunito Sans';
  position: relative;
  display: block;
  /* float: right; */
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #9c1e1e;
  color: #aaa;
  font-weight: bolder;
}
.red{
    color: #c33232;
    margin-right: 5px;
}
.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #9c1e1e;
  font-size: 70.25%;
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 800;
}
.col-sm-12.d-sm-flex span{
    width: calc(100% - 260px);
}
.input__label-content {
  position: relative;
  display: block;
  padding: 1.3em 0 0;
  width: 100%;
  font-size: 16px;
  color: #052c58;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

input:-internal-autofill-selected{
  background-color: transparent!important;
}
/* Hoshi */
.input--hoshi {overflow: hidden;}
.input__field--hoshi {/* margin-top: 1em; */padding: 3em 0 0 0;width: 100%;background: transparent;color: #818181;line-height: 2.5em;font-weight: 400;height: 5em;display: block;}
.input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.25em;
  width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
  margin-bottom: 0;
}
.input__label-content--hoshi {position: absolute;}

.input__label--hoshi::before,
.input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left:-1px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(34, 100, 176, .3);
}

.input__label--hoshi::after {
  margin-top: 2px;
  border-bottom: 4px solid #9c1e1e;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}


.input__label--hoshi-color-3::after {
  border-color: #052c58;
}

.input__field--hoshi:focus + .input__label--hoshi::after{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}

@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -20%, 0);
    transform: translate3d(-1em, -20%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}
/*聯絡我們*/
.contact-page .content{margin-bottom:0;position:relative;z-index:1;background-color:rgba(242,244,246,.9);background:-webkit-linear-gradient(0deg,rgba(242,244,246,1),rgba(242,244,246,.8)100%);background:linear-gradient(0deg,rgba(242,244,246,1),rgba(242,244,246,.8)100%);box-shadow:0 10px 15px -2px rgba(173,173,173,.7)}
.location-title{margin-bottom:30px;text-align:center;padding-bottom:3px;border-bottom:1px solid #fff}
.location-title span{font-size:24px;font-weight:600;position:relative}
.location-title span:before{position:absolute;content:'';width:80px;height:3px;background-color:#2264b0;bottom:-7px;left:50%;transform:translateX(-50%)}
.contact-page form{margin-bottom:-50px}
.map-bk{position:fixed;top:0;bottom:0;right:5%;left:5%;width:90%;opacity:.1;z-index:-4}
.location-card{padding-bottom:30px;position:relative;z-index:0;overflow:hidden;transform:translate(0,0);}
.location-box{padding-left:0;list-style:none;margin-bottom:0}
.location-info{width:calc(100% / 2 - 10px);background-color: rgba(242, 244, 246, .85);margin-bottom:20px;padding-right:10px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.location-info:hover{box-shadow:0 0 10px -1px rgba(154,154,154,.8)}
.location-info figure{margin-bottom:0;width:43%}
.location-info figure+div{padding-top:20px;width:57%}
.location-info figure+div i{margin-right:5px}
.location-info figure+div a{color:#052c58}
.location-info figure+div p:nth-of-type(1){font-size:20px;line-height:1;font-weight:800;border-left: 6px solid #f09713;padding-left:15px;margin-bottom: 10px;}
.location-info figure+div p{margin-bottom:5px;}
.company,.add,.mail{padding-left:21px}
.company{font-weight:600;color:#9a9a9a;font-size: 18px;}
.add,.mail{font-size: 15px;}
/*link*/
.link-box-all+.link-box-all{border-top: 1px solid #cdcdcd;padding-top: 30px;}
.link-box-all{list-style:none;padding-left:0;margin-bottom: 10px;}
.link-card{position:relative;width: calc(50% - 10px);margin-bottom: 20px;}
.link-card:before{position:absolute;content:'';width: 2px;height: 100%;background-color: #2264b0;-webkit-transition: all .7s;-moz-transition: all .7s;transition: all .7s;z-index: -1;}
.link-card a{background-color:rgba(34,100,176,.1);padding-left:20px;text-decoration: none;}
.link-card a>span{font-size:20px;padding-right: 5px;width: calc(100% - 45px);}
.link-box>span{font-size: 13px;width:100%;height:100%;display:inline-block;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.link-box{position:relative;overflow:hidden;background-color:#2264B0;color:#fff;height: 50px;width: 50px;line-height: 50px;padding:0 10px;}
.link-box i{position:absolute;left:-100%;width:100%;top:50%;transform:translateY(-50%);text-align:center;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.link-card:hover .link-box span{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}
.link-card:hover a>span{color:#fff;}
.link-card:hover .link-box i{left:0}
.link-card:hover:before{width:100%;background: rgb(34, 100, 176);background: -webkit-linear-gradient(90deg,rgba(34, 100, 176, .6),rgba(240, 151, 19, .2)100%);background: linear-gradient(90deg,rgba(34, 100, 176, .6),rgba(240, 151, 19, .2)100%);}
.link-title{text-align:center;font-size:24px;font-weight:600;position:relative}
.link-title:before,.link-title:after{position:absolute;content:'';left:50%;transform:translateX(-50%)}
.link-title:before{width:150px;height:3px;background-color:#f09713;bottom:-7px}
.link-title:after{width:0;height:0;border-top:9px solid #f09713;border-left:6px solid transparent;border-right:6px solid transparent;bottom:-16px}
/*rwd*/
@media(max-width: 1450px){
/*banner*/
.slogan>h2{font-size:3.5rem}
.slogan>h2 span{height:61px;}
.slogan{right: 90px;bottom:35%;}
.slogan>p{width:400px;font-size:19px;}
.slogan>p:before{height:70px;left:-40px}
.carousel-inner .carousel-item.active .Bimg-box:before{width: 49%;}
/*內頁*/
.inner-banner h1 {bottom: 33%;}
.container01 {max-width: 1100px;}
/*contact*/
/* .location-info{width:100%}
.location-info figure{width:35%}
.location-info figure+div{width:65%} */
/*contact*/
.location-card {padding-bottom: 10px;}
.location-info figure{width:100%;}
.location-info{flex-wrap:wrap;-ms-flex-wrap:wrap;padding-right:0;padding-bottom:10px;width: calc(50% - 10px);}
.location-info figure+div{width:100%;padding-right: 10px;padding-top: 15px;}
.location-info figure+div p{margin-bottom:3px}
.location-info figure+div p:nth-of-type(1) {padding-left: 10px;border-left: 5px solid #2264b0;font-size: 18px;margin-bottom: 10px;}
.company, .add, .mail {padding-left: 16px;}
}
@media(max-width: 1350px){
/*header*/
.navbar-brand img{width:80px}
.navbar-brand span{font-size:16px;margin-left:10px}

.navbar-brand {margin-right: 0;padding: 8px 20px 8px 15px;}
/*banner*/
.slogan {right: 55px;}
/*index*/
.service-item {height: 300px;}
/*about*/
.imp-speak {background-position: right;}
}
@media(max-width: 1250px){
.navbar-brand {padding: 8px 20px 8px 10px;}
.navbar-brand img{width:70px}
.navbar-brand span{margin-left:6px}
.navbar-brand span br{display:block;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0 10px}
/*banner*/
.carousel-inner .carousel-item.active .Bimg-box:before {width: 53%;}
.slogan {bottom:26%}
/*index*/
.index-welcome h1 {left: 10%;font-size: 4rem;}
/*內頁*/
.inner-banner h1{bottom:27%;font-size:3.2rem}

.container01 {max-width:960px;}
.serbox .d-lg-flex>figure{width:400px}
.serbox article{width:calc(100% - 400px)}
.inner-bk {width: 750px;height: 500px;}
/*tag*/
.new-content{/* width: calc(100% - 220px); */}
.hashtag-box{/* width: calc(220px - 20px); */}
}

@media(max-width: 991px){
    /*header*/
    .navbar-brand span br{display:none;}
    .navbar-collapse{text-align:center;padding-top:5px;margin-top: 0;}
    .navbar-nav{background-color: rgba(255,255,255,.8);border-bottom:1px solid #2264b0;padding: 0;
        height: calc(100vh - 110px);
        overflow-y: auto;
    }
    .navbar-nav li:nth-of-type(odd){background-color:rgba(34,100,176,.1);}
    .navbar-expand-lg .navbar-nav .nav-link{color:#2264b0;padding: 10px 0;}
    .top-nav{background-color: #2264b0;width: 100%;}
    .nav-main{background-color:#fff;padding-top: 35px;}
    .navbar-toggler-icon{height:2px;background-color:#2264b0;position:relative}
    .navbar-toggler-icon:before,.navbar-toggler-icon:after{position:absolute;content:'';width:100%;height:100%;left:0;background-color:#2264b0}
    .navbar-toggler-icon:before{top:5px}
    .navbar-toggler-icon:after{top:-5px}
    .navbar-nav .active:before {width: 20px;left: 50%;transform: translateX(-50%);bottom: 0;}
    .mail-link .dropdown-menu{background-color: #2264b0;}
    /*banner*/
    .carousel{margin-top:90px}
    .carousel-inner .carousel-item.active .Bimg-box:before {width:55%}
    .slogan>h2{font-size:2.8rem}
    .slogan>p{width:auto;margin-bottom:0;margin-top:10px}
    .slogan{bottom:5%;width:100%;right:0;padding:0 35px;text-align:right}
    .slogan>h2 span:nth-of-type(2){margin-left:13px}
    .slogan>h2:before{right:0;width:80%;height:20px}
    .slogan>h2 span{height:auto;display:initial}
    .slogan>p:before{display:none}
    .carousel-inner .carousel-item:before{bottom:12%}
    .inner-banner h1{font-size:2.8rem;bottom: 30%;}
    .inner-ba-box{padding-top:90px;}
    .inner-banner{background-attachment:initial!important;background-size:cover!important;height: 28vw;}
    .staff-page .staff-btn{top: 30%;}
    /*index*/
    .index-welcome h1+.d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap}
    .index-welcome article{width:90%}
    .index-welcome article+figure{width:80%;margin-left:auto;margin-right:-30px;margin-top:10px}
    .company-info{width:90%;margin-left:10%;margin-top:-50px}
    .welcome-text{padding:30px 40px 60px}
    .index-welcome::before{height: 30%;background-size:contain;bottom:0;opacity:.2;}
    .welcome-global{bottom:auto;width:95%;left:2.5%;top:0}
    .news-text{padding-left:30px}
    .news-text:before{width:30px}
    .index-news a:hover .news-text:after{width:30px}
    .button{padding:8px 15px}
    .button--antiman > span{font-size:15px}
    /* 內頁 */
    .container01 {max-width:720px;}
    /*about*/
    .about-page article span{font-size:6rem}
    .about-p1{padding:50px 0 30px}
    .year-info:before{font-size:3.5rem}
    .year-info b{padding-left: 0px;}
    .year-box-all::before{left: 10px;}
    .year-box{flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .history_img+.dot{display:none}
    .dot{left:10px}
    .year-box:nth-of-type(odd) .history_img,.year-box:nth-of-type(even) .history_img{margin-right:0;width:80%;margin-left:50px;margin-bottom:0}
    .year-box:nth-of-type(odd) .year-info,.year-box:nth-of-type(even) .year-info{width:100%;margin-bottom:20px}
    .year-box:nth-of-type(even) .year-info{padding-left:50px;padding-right:0}
    .history_img img{width:100%}
    .year-info span{font-size:2.5rem}
    .owl-item a {padding: 15px;}
    .owl-item h4{margin-top:15px;font-size: 16px;}
    /*service*/
    .serbox {margin: 30px 0;}
    .serbox .d-lg-flex>figure{display:none}
    .serbox article{width:100%;margin:0 auto!important;padding:30px!important}
    .serbox:nth-of-type(odd) article figure{float:left;padding-right:25px}
    .serbox:nth-of-type(even) article figure{float:right;padding-left:25px}
    .serbox article figure{width:250px}
    /*news*/
    .news-card li {width: calc(100% / 2 - 10px);}
    .news-title {margin-bottom: 7px;}
    /*news-底層*/
    .news-title-box h1{font-size:1.25rem}
    .news-title-box{padding:20px 20px 5px}
    .time-box{padding-left:15px}
    .img-left,.img-left1{float:none;padding:0 0 10px}
    .tx02 figure{max-width:100%}
    .img-right,.img-right1{padding:0 0 10px}
    .page-content article,.video-box{padding:0 20px}
    .addthis_inline_share_toolbox{/* padding:0 20px */}
    .tx02{margin-bottom:1.5em}
    /*tag*/
    .new-content{width: 100%;float: none;}
    .hashtag-box{width: 100%;float: none;position: initial;padding: 15px;}
    .tag-result{padding: 15px 0;}
    /*link*/
    .link-card {width: 100%;}
    /*contact*/
    /* .location-card{padding-top:100px}
    .location-info figure+div p:nth-of-type(1){font-size:18px} */
}
@media(max-width: 768px){
/*banner*/
.slogan>h2{margin-bottom: 0;font-size: 2.5rem;letter-spacing: 0;}
.slogan>h2:before{width: 92%;}
.slogan{max-width:100%;right:auto;padding-left:30px;bottom: 5%;}
.slogan>p{font-size:18px;margin-top: 8px;}
.carousel-inner .carousel-item:before{bottom:5%;height:15%}
.carousel-inner .carousel-item.active:before{width:80%}
/*index*/

#particles-js {opacity: .18;}
.index-welcome h1 {font-size: 3rem;}
.service-item::before{background-attachment: initial;background-size: cover;}
.service-item:nth-of-type(odd):after{transform: translateX(0);background: -webkit-linear-gradient(90deg,rgba(38, 70, 107, .8),rgba(34, 100, 176, 0)100%);background: linear-gradient(90deg,rgba(38, 70, 107, .5),rgba(34, 100, 176, 0)100%);}
.service-item:nth-of-type(even):after{transform: translateX(0);}
/* .service-item05::before{background-image: url(../images/index/ser-05-rwd.jpg);} */
.service-item-info p{font-size: 24px;}
.service-item .container:before{font-size: 5rem;}
.news-text{padding-left:0;padding-top:30px}
.news-text:before{width:2px;height:30px;background-color:#2264b0;left:10px;top:-10px}
.news-text:after{display:none}
/*內頁*/
.container01{max-width:100%;padding:0 15px}
.staff-page .staff-btn{top: 24%;}
.staff-btn {top: 40%;}
.inner-banner h1{font-size:2.3rem}
.inner-bk {width: 600px;height: 380px;}
/*about*/
.about-p1{padding-top: 25px;padding-bottom: 0;}
.about-p1 article{width:100%;padding-left: 0;text-align: center;}
.about-p1 article p{margin: 0 auto 10px;}
.about-p1:before{display: none;width: 70%;height: 40px;top: 15px;/* bottom: 0; */left: auto;right: 0;transform: translateY(0);}
.about-Bimg-box{display:none}
.about-p2 {margin-top: 30px;}
.about-p2 article{width:100%;padding:0;position: relative;}
.about-p2 .d-flex{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.about-p2 figure{width:60%;margin-bottom:30px}
.about-p2:before{width:60%;height:50%;bottom:auto;top:100px}
.about-p3 .d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap}
.about-p3 article{width:100%;padding:0;margin-top: 15px;}
.about-img-box{width:60%;margin:0 auto}
.about-p3:before{width:60%;top: 20px;bottom: auto;height: 40%;}
.about-p3{margin-top:10px}
.about-page article p{font-size:26px}
.about-p4 .d-flex{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.about-p4 figure{width: 60%;}
.about-p4 article{width:100%;padding:0;margin-top: 10px;}
.about-p4:before{bottom:100px;width:64%;height:60%}
.imp-speak{background-attachment:initial;padding:70px 0}
.history {padding-bottom: 40px;}
.year-box-all{margin-top:50px}
.dot{width:10px;height:10px;top: 10px;}
.dot:before{width:25px;height:25px}
.year-info:before{font-size:3.1rem;top:-11px}
.year-info b{font-size:20px;}
.history:before{display:none;}
/*news-底層*/
.time-box {text-align: right;border-left: none;padding-left: 0;margin-top: 5px;}
.time-box span {display: inline-block;}
.news-title-box{padding: 15px 15px 5px;}
.page-content article,.video-box {padding: 0 15px;}
.share_toolbox{float:none}
.addthis_inline_share_toolbox{/* padding:0 15px */}
.page-content {padding-bottom: 10px;}
/*link*/
.link-title {font-size: 20px;}
.link-card a>span {font-size: 16px;line-height: 1.2;}
.link-card a {padding-left: 15px;}
/*contact*/
.location-title span {font-size: 20px;}
/* .location-info figure+div{padding-top:10px}
.location-info figure+div p:nth-of-type(1){margin-bottom:10px}
.location-info{margin-bottom:15px} */
}
@media(max-width: 640px){
    .index-box {overflow: hidden;}
    #particles-js {display: none;}
    /*footer*/
    .top640{display: none!important;}
    .copyright{padding:10px 15px 55px;font-size:12px;background-color: #2264b0;}
    .social-box{right:auto;top:auto;transform:initial;bottom:0;display:-webkit-flex;display:flex;display:-ms-flexbox;width: 100%;}
    .social-box li+li{margin-top:auto}
    .social-box li{width:calc(100% / 4);text-align: center;border-radius: initial;background-color: #052c58;}
    .social-box li a{height:45px;width: auto;color: #fff!important;}
    .social-box li a img{width: 25px;}

    a#float-quote-link{display:none !important}
    a.top-header-quote-link{display:block !important}

    /*header*/
    .navbar-brand span br{display:block}
    .navbar-brand{padding-left:10px}
    .navbar-nav .nav-link {padding: 10px 0;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 13px 0;}
    /*banner*/
    .slogan{background-color:#2264b0;bottom: -65px;padding: 8px 20px;text-align:center;}
    .carousel-inner{overflow:initial}
    .carousel-inner .carousel-item.active .Bimg-box:before{width: 65%;}
    .slogan>p{margin-top: 0;font-size: 16px;margin-left: 0;}
    .slogan>h2{font-size: 1.5rem;}
    .slogan>h2:before {display:none}
    .slogan>h2 span:nth-of-type(2){margin-left:7px}
    .staff-page .staff-btn {top: 19%;}
    /*index*/
    .index-welcome article{width:100%}
    .index-welcome h1{font-size:2.5rem;left:6%;top: 48px;}
    .index-welcome h1+.d-flex{padding-top:80px}
    .welcome-text{padding:20px 25px 40px}
    .index-welcome article+figure{display:none}
    .company-info{width:90%;margin:60px auto 0}
    .service-item{height:250px}
    .service-item-info p:before{display: none;}
    .service-item-info p{margin-bottom:20px}
    .service-item:nth-of-type(odd) .container:before{left:20px}
    .service-item:nth-of-type(even) .container:before{right:20px}
    .service-item::after,.service-item:nth-of-type(even):after {width: 100%;background:rgba(38, 70, 107, .45)}
    /*內頁*/
    .inner-bk {width: 450px;height: 350px;}
    /*about*/
    .about-page article span{font-size:4.5rem}
    .about-p1{padding:30px 0}
    .about-p4{padding-bottom:30px}
    .about-img-box figure:nth-of-type(1){width:60%}
    .about-p2 figure{width:80%}
    .about-img-box{width:80%}
    .about-p3:before{width:70%;height: 29%;}
    .about-p4 figure{width:80%}
    .serbox:nth-of-type(odd) article figure{float:none;padding-right:0}
    .serbox:nth-of-type(even) article figure{float:none;padding-left:0}
    .serbox article figure{width:100%;margin:0 auto 15px;height:300px;overflow:hidden}
    .serbox article{padding:20px!important}
    .imp-speak{
        padding: 25px 0;
    }
    .imp-speak-aeo{width:150px}
    .imp-speak b{
        font-size: 1.3rem;
    }
    .imp-speak b br{display:none;}
    .year-info span{font-size: 2.1rem;}
    .year-info b{margin-left:35px}
    .year-info b:before{width: 20px;bottom: 5px;left: -29px;}
    .about-page article p{font-size:22px;margin-bottom:10px}
    .year-box:nth-of-type(odd) .year-info,.year-box:nth-of-type(even) .year-info{padding-left:40px}
    .year-box:nth-of-type(odd) .history_img, .year-box:nth-of-type(even) .history_img{margin-left:40px}
    .owl-prev {left: -20px;}
    .owl-next{right: -20px;}
    /*news*/
    .inner-top {margin-top: 30px;}
    .news-card li {width: 100%;}
    .pagination li a.page-link {margin: 0 5px;}
    .video-box p{display: block;font-weight: 600;}
    /*詢價*/
    .con_block_l,.con_block_r{float:none;width:100%}
    .form-title{margin-bottom:20px;margin-top:30px}
    .form-title p{font-size:20px;margin-bottom:5px}
    .content {padding: 10px 20px 20px;margin-bottom: 20px;}
    /*link*/
    .link-card{margin-bottom:15px}
    .link-box{height:45px;line-height:45px}
}
@media(max-width: 575px){
.carousel-inner .carousel-item.active .Bimg-box:before{display: none;}
.staff-btn {top: 35%;}
.slogan{bottom: -80px;}
/*service*/
.service-item-info{margin-top:60px;}
.service-item .container:before{top:-42px}
.service-item:nth-of-type(even) .service-item-info p{margin-left: auto;}
.service-item:nth-of-type(even) .service-item-info{text-align: right;}
/*詢價*/
.form-title p {font-size: 18px;}
.col-sm-12.d-sm-flex span{width:100%;}
.samebtn{width: auto;}
/*contact*/
.location-info{width:100%}
}
@media(max-width: 480px){
.navbar-brand span br{display:block}
.navbar-brand{padding-left:10px}
.company-info figure {width: 100%;padding: 15px 10px;}
.service-item {height: 200px;}
.company-info figure{width:100%;padding:15px 10px}
.index-welcome h1{font-size:2rem;left:5%;line-height:31px}
.index-title-deco{font-size:3.5rem}
.index-title{margin-bottom:25px}
.index-news{padding-top:40px;padding-bottom: 0px;}
.service-item-info p {margin-bottom: 15px;font-size: 22px;}
.news-title {font-size: 18px;margin-bottom: 5px;}
/*內頁*/
.inner-banner h1{font-size:1.8rem;color:#fff;text-shadow:0 0 3px #646464}
.inner-banner{background-position:center!important;padding-top: 18vw;padding-bottom: 15vw;}
.serbox article figure{height:250px}
.history{padding-bottom:50px}
.text-style{font-size:1rem}
.inner-bk {width: 370px;height: 250px;}
.wrapper {min-height: 62vh;}
}
@media(max-width: 414px){
.index-welcome h1 {font-size: 1.8rem;}
/*內頁*/
.serbox article figure {height: 230px;}

}
@media(max-width: 375px){
.slogan {padding: 2px 10px 5px;}
}
@media(min-width:640px){
  .gotop-rwd{display:none}
}

footer .contact-item{border-left: 1px solid white}
footer .contact-item p{color:white;font-weight:300;font-size:18px}
footer p.copyright-text{font-size:x-small;color:#2264b0}
footer .contact-item a{color:#fff}
footer #footer-logo{max-width:200px}

@media screen and (max-width:991px){
    footer .contact-item p{color:white;font-weight:bold}
    footer .contact-item{border-left:0}
}
@media screen and (max-width:768px){
    footer .contact-item p{color:white;font-weight:bold;font-size:16px}
}
@media screen and (max-width:500px){
    footer .contact-item p{color:white;font-weight:bold;font-size:.88rem}
}

a.top-header-quote-link{
    background: #06C755;
    text-decoration:none;
    font-weight:bold;font-size:1.6rem;
    position:fixed;
    bottom:43px;
    display:none;
    height:55px;
}
a#float-quote-link{
    position: fixed;
    text-decoration: none;
    right: 0;
    top: calc(44% - 10px);
    background: #06C755;
    font-weight: bold;
    z-index: 2048;
    height:40px;
    display: flex;align-items: center;
    justify-content: center;
    width:75px;
    text-align:center;
    font-size:1.2rem;
}

a#float-quote-link::before{
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 20px 15px 20px 0;
   border-color: transparent #06C755 transparent transparent;
   transform: rotate(0deg);
   content: '';
   position:absolute;left:-14.3px;top:0;
}

#index-news-list{
    overflow-x:auto;
    list-style-type:none;
    white-space: nowrap;
    width:100%;
}
#index-news-list::-webkit-scrollbar-track{background-color:#C9C9C9}
#index-news-list::-webkit-scrollbar-thumb{background-color:#052c58}
#index-news-list::-webkit-scrollbar{height:8px;background-color:#eee}
#index-news-list li{
    margin:0 10px 0 0;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    width:calc(33.3% - 10px);
}
#index-news-more-li{width:initial;text-align:right}
#index-news-more-li a{max-width:100px;margin:0 0 0 auto;display:block;text-align:center}

@media screen and (max-width:768px){
    #index-news-list li{display:block;width:100%;margin:0 0 20px}
    #index-news-list li:last-child{margin:0}
    #index-news-more-li{

    }
    #index-news-more-li div.button{border-radius:30px;max-width:180px;margin:0 auto;text-align:center}
    footer{padding-left:15px;padding-right:15px;padding-bottom:135px !important}
}

.service-dropdown{position:relative}
.service-dropdown a.dropdown-item:hover{
    background-color: #879ab4;
    color: white;
}
.navbar-nav .service-dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar-nav .service-dropdown .dropdown-menu {
    display: none;
    margin-top: 0;
    right: 0;
    left: initial;
    border-radius:3px;
    background-color: rgba(255, 255, 255, .9);
}

.navbar-nav .service-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

@media screen and (max-width:992px){
    .service-dropdown a.dropdown-toggle{width:calc(100% - 100px);margin:0 auto}
    .service-dropdown .dropdown-toggle::after{margin-top:10px;right:5px;position:absolute;
        border-top: .5em solid;
        border-right: .5em solid transparent;
        border-left: .5em solid transparent;
    }

    .service-dropdown .dropdown-menu{
        background-color: #f2f6fa;
    }
    .service-dropdown .dropdown-menu > .dropdown-item{text-align:center;color:#062c57}
}

.inquiry-link:hover p.inquiry-home-mask{opacity:1}
.inquiry-link p.inquiry-home-mask{
    margin: 0;
    width: calc(90% - 30px);
    height: 100%;
    background: linear-gradient(to bottom, rgba(24, 98, 181, 0) 0%, rgba(24, 98, 181, 1) 100%);
    transition: opacity .5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: calc(5% + 15px);
    display: flex;
    align-items: flex-end;
    color: white;
    justify-content: center;
    padding-bottom: 10px;
    font-size: 22px;
}