@charset "utf-8";

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

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{color: #093392;text-align:center;position:fixed;bottom:20px;right:20px;cursor:pointer;display:none;font-size: 30px;transition: all .5s;}


/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee;background: #fff;}
}

/*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}
}

/*---------------------- 頁面開始 ----------------------*/

/*全頁布局*/
p{margin-bottom:0;}
img{max-width: 100%}
.red{color: #ED0014}
.block-height{margin-top: 50px;}
.block-height:last-child{margin-bottom:50px;}
.main-title{margin-bottom: 30px;}
.main-title h3{font-size:1.2rem;background:#093392;display:inline-block;color:#fff;padding:5px 10px;}
.main-title span{color:#093392;margin-bottom: 10px;display: block;}
.main-title h2{position:relative;margin-bottom: 20px;}
.main-title h2:after{
    content:'';
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    border-left: 15px solid #ED0014;
    border-right: 15px solid #093392;
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    }
/*麵包屑*/
.breadCrumbs-block{margin-top: 15px;padding: 0px 15px;}
.breadCrumbs-block .breadCrumbs{float: right;list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color:#999;}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #093392;}
/*page number*/
.page-number{margin-top: 30px;}
.pagination{display: block;}
.pagination>li{display: inline-block;}
.pagination>li>a{border:none;color:#333;transition: all .5s;padding: 10px 15px;}
.pagination>li>a:hover{color: ##ED0014;}
.pagination>li.on a{border-radius: inherit;border-bottom: 3px solid #ED0014;color: #ED0014;}    
/*按鈕*/
.btn-style{transition:all .5s;border: 1px solid #093392;display: inline-block;color: #fff;margin: 15px 0px;position: relative;overflow: hidden;}
.btn-style:after{content:'';position:absolute;left: -5px;bottom:0;width: 80%;height:100%;transform: skewX(10deg);background: #093392;/* z-index: -1; */transition: all .5s;}
.btn-style p{padding: 5px 40px 5px 10px;position: relative;color: #fff;z-index: 1;}
.btn-style p i{position:absolute;right: 5px;top: 8px;color: #093392;}
/*6圖6文版型*/
.zone-block:first-child{margin-top:50px;}
.zone-block{margin-bottom:50px;}
.zone-block.aa,.zone-block.bb{display:flex;display:-webkit-flex;align-items:center;}
.zone-block.bb{flex-direction:row-reverse;}
.zone-block.aa .info,.zone-block.bb .info{width:70%}
.zone-block.aa .photo,.zone-block.bb .photo{width: 30%;}
/*主選單*/
.navbar{padding: 1rem 5.5rem;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);transition: all .5s;}
.dropdown-menu{border: none;border-radius: 0;-webkit-box-shadow: 0 0 20px rgba(4, 0, 0, 0.15);box-shadow: 0 0 20px rgba(4, 0, 0, 0.15);top: 55px;background: #093392;}
.dropdown-item{color:#fff;z-index: 10;position: relative;}
.arrow-top{width: 0;height: 0;border-style: solid;border-width: 0 15px 20px 15px;border-color: transparent transparent #093392 transparent;position: absolute;top: -10px;left: 30px;}
.navbar-nav li:last-child .nav-link{
    background: -webkit-gradient(linear, left top, right top, from(#ED0014), color-stop(51%, #41a4e2), to(#093392));
    background: linear-gradient(to right, #ED0014 10%, #41a4e2 51%, #093392 100%);
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-position: right center;
    color: #fff;
    border-radius: 25px;
    padding: 10px 25px;
    margin-left: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.navbar-nav li:last-child .nav-link i{margin-right:5px}    
.navbar:before,.navbar:after{content: '';position: absolute;width: 0;height: 3px;transition: all .5s;bottom: 0;}
.navbar.top-nav-collapse{padding: .5rem 3.5rem;}
.navbar.top-nav-collapse:before{width: 50%;background: #ED0014;left:0;}
.navbar.top-nav-collapse:after{width: 50%;right:0;background: #093392}
.carousel{margin-top: 55px;}
.carousel-item{height: 20vw;}
.banner-slogan{position:absolute;top: 45%;left:50%;transform:translateX(-50%);z-index: 10;text-align: center;color: #fff;text-shadow: 1px 1px 5px #333;}
.banner-slogan h2{font-size:2.8rem;}
.banner-slogan p{font-size:2.1rem}
/*首頁*/
.service-info h3{color:#093392;position: relative;margin-bottom: 25px;font-size: 1.5rem;}
.service-info h3:after{content:'';position:absolute;left:0;bottom: -10px;width: 35px;height: 2px;background:#093392;}
.service-info>p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}
.owl-carousel.owl-drag .owl-item{border:1px solid #eee;}
.owl-carousel.owl-drag .owl-item .item{display:flex;display:-webkit-flex;flex-direction: row-reverse;align-items: center;}
.owl-carousel.owl-drag .owl-item .item>*{width:50%;}
.owl-carousel.owl-drag .owl-item .item .service-info{padding:20px}
.owl-carousel.owl-drag .owl-item .item .service-img .photo{overflow:hidden;}
.owl-carousel.owl-drag .owl-item .item .service-img .photo picture img{transition:all .5s;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#093392!important;border:1px solid #093392;position:relative;}
.owl-theme .owl-dots .owl-dot.active span:after, .owl-theme .owl-dots .owl-dot:hover span:after{content:'';position:absolute;left: -6px;top: -6px;border: 1px solid #093392;width: 20px;height: 20px;border-radius: 100%;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:30px!important;}
/*首頁-活動訊息*/
.index-news{background: #f0f0f0;padding:50px 0px;margin-top:80px;}
.news-zone{list-style:none;padding-left:0;}
.news-zone li a{display:flex;display:-webkit-flex;margin-bottom:15px;border-bottom: 1px solid #e0e0e0;padding-bottom: 10px;align-items: center;justify-content: space-between;position: relative;}
.news-zone li a p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
}
.news-zone li a time{color: #093392;margin-right: 10px;padding: 3px 6px;}
.news-zone li a span{font-size: .8rem;border: 1px solid #093392;padding: 3px;color: #093392;margin-right: 10px;}
.news-zone li a:before{content:'';position:absolute;right:0;bottom:0;width:0%;height: 1px;background:#093392;transition: all .5s;}
.news-zone li a:after{content:'';position:absolute;bottom: 0px;left:0;width:0%;height: 1px;background:#ED0014;transition: all .5s;}
/*首頁-與我們聯繫*/
.index-contact{background: url(../images/index/index-contact.jpg)no-repeat center/cover;background-attachment: fixed;padding: 50px 0px;text-align: center;position: relative;transition: all .5s;}
.index-contact a{display: flex;position:relative;z-index:10;color:#fff;justify-content: center;}
.index-contact h3{margin-left:50px;display:flex;align-items:center;justify-content: space-between;margin-bottom: 0;border: 1px solid #fff;font-size: 21px;border-radius: 30px;padding: 10px 15px;transition: all .5s;}
.index-contact h3 i{margin-right:10px;}
.index-contact:after{
    content:'';
    background: -webkit-gradient(linear, left top, right top, from(#ED0014), color-stop(51%, #41a4e2), to(#093392));
    background: linear-gradient(to right, #ED0014 10%, #41a4e2 51%, #093392 100%);
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-position: right center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: .5;
    transition: all .5s;
    }
/*關於我們*/
.about-zone h3{color:#093392;display:inline-block;position:relative}
.about-zone h3:after{content:'';position:absolute;left:0;bottom:-10px;background:#093392;width:50px;height:2px}
.about-zone .flex-row-reverse h3:after{right:0;left:inherit;}
.about-title{position: relative;}
.about-title p{margin-top:10px;font-weight: bold;}
.about-title img{position:absolute;bottom: 0;left: 10px;opacity: .3;}
.about-zone .flex-row-reverse img{right: 10px;left:inherit;}

.team-box-outer .team-box:nth-child(even){flex-direction: row-reverse;}
.team-box-outer .team-box:nth-child(even) .team-img{right:inherit;left:0;}
.team-box-outer .team-box:nth-child(even) .team-info{margin-left: 0;margin-right: 13%;}
.team-box-outer .team-box:nth-child(even) .team-img{right:inherit;left:0;}
.team-box{display:flex;display:-webkit-flex;justify-content:space-between;padding: 50px 0px;}
.team-img{position:absolute;right:0;z-index:-1;}
.team-info{
    width: 37.4%;
    padding-top: 3%;
    margin-left: 19.5%;
    margin-bottom: 2.0%;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.02em;
    }
.team-info p{background:#fff;padding:20px;}    
.team-info h4{color:#093392;position:relative;font-size: 1.8rem;font-weight: bold;}
.team-info h4:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#093392;}    
/*活動訊息*/
.sidebar button{display:none;}
.sidebar ul{list-style:none;padding-left:0;display:flex;display:-webkit-flex;justify-content:center;margin-bottom: 30px;}
.sidebar ul li a.active,.sidebar ul li a:hover{background:#093392;color:#fff;border-radius: 20px;}
.sidebar ul li a{margin:0px 10px;position:relative;display:inline-block;padding: 5px 10px;transition: all .5s;border-radius: 20px;}
.sidebar ul li a:after{content:'';position:absolute;right: -11px;bottom: 7px;width:1px;height:20px;background:#333;}
.sidebar ul li:last-child a:after{display:none;}
/*服務項目*/
.service-box{margin-bottom: 50px;position:relative;}
.service-box:nth-child(2):before{content:'';position:absolute;width: 100%;height:100%;background: rgba(9, 51, 146, 0.05);left: -95px;bottom: -25px;}
.service-box .service-info span{font-size:1rem;padding-right:10px;font-weight:bold;}
.service-box .service-info h3{display:flex;align-items:center;}
.service-box .service-info h3:after{display:none;}
.service-box ul li{margin-bottom: 5px;border-bottom:1px solid #eee;padding-bottom: 5px;}
.service-link ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;margin-bottom: 0;}
.service-link ul li{width:33.3%;text-align:center;;border: 1px solid #eee;}
.service-link ul li a{display:block;position: relative;transition: all .5s;padding: 20px 0px}

.service-link ul li a:after{
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto 0;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #3c3c3c;
    border-right: 1px solid #3c3c3c;
    right: 15px;
    transition: border-color .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: border-color .25s cubic-bezier(.165, .84, .44, 1), transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: border-color .25s cubic-bezier(.165, .84, .44, 1), transform .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    }

.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top:-100px;}
/*法令項目*/
.law-zone h2{font-size:1.6rem;margin-bottom: 20px;display:flex;align-items:center;}
.law-zone h2 i{font-size:1.2rem;}
.law-zone>ul{list-style:none;padding-left: 0;}
.law-zone>ul i{font-size:.5rem;}
.law-zone p{font-size:1.2rem;margin-bottom:10px;display: flex;align-items: center;}
.law-zone>ul>li>ul>li{margin-bottom:10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.law-zone>ul>li>ul>li>a{color:#336ea0}
/*聯絡我們*/
.contant_info{margin-bottom:30px;}
.contant_info ul{list-style:none;}
.contant_info ul h3{font-size:1.3rem;display:block;color:#093392;font-weight:bold;}
.contant_info ul li{margin-bottom:5px;}
.name{margin:10px 0;}
.text input{height:40px;}
.text input,.text textarea{width:100%;}   
/*頁尾*/
.footer-map{text-align:left;}
.footer-info{list-style: none;padding-left: 5px;text-align: left;margin-top:20px;}
.footer-info h3{font-size:1rem;}
footer{background: #093392;color:#fff;padding: 50px 0px;text-align:center;}
footer>.container{display:flex;display:-webkit-flex;justify-content:space-between;}
.footer-list{display:flex;display:-webkit-flex;}
.footer-list>ul{margin-bottom:10px;padding-left:0;list-style:none;display: flex;display: -webkit-flex;}
.footer-list>ul.footer-right{display:block;display: -webkit-block;}
.footer-list>ul.footer-right>li:first-child{margin:0;}
.footer-list>ul>li:first-child{margin-left:40px;}
.footer-list>ul>li{list-style: none;margin-right: 50px;text-align: left;}
.footer-list>ul>li>a{margin-bottom:20px;display:block;position:relative;color: #fff;}
.footer-list>ul>li>a:after{content:'';position:absolute;left:0;bottom: -5px;width: 25px;height: 2px;background:#fff;}
.footer-list>ul>li>ul{list-style:none;padding-left: 0;}
.footer-list>ul>li>ul>li{margin-bottom:10px;}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{font-size:12px;padding:30px 0px;}
/*---------------------- 769px以下特效關閉 ----------------------*/
@media screen and (min-width: 769px) {
    /*主選單*/
   .navbar-nav li:last-child .nav-link:hover{background-position: left center;color: #fff;} 
    /*新聞*/
    .news-zone li a:hover:before,.news-zone li a:hover:after{width: 50%;}
    .index-contact:hover h3{background:#fff;color:#093392}
    /*服務項目*/
    .owl-carousel.owl-drag .owl-item:hover .item .service-img .photo picture img{transform:scale(1.15)}
    .service-link ul li a:hover{background:#093392;color:#fff;}
    .service-link ul li a:hover:after{border-color:#fff;}
    /*聯絡我們*/
    .index-contact:hover:after{background-position: left center;}
    /*按鈕*/
    .btn-style:hover:after{width:200%;color:#fff;}
    .btn-style:hover p i{color:#fff;}
    #goTop:hover{bottom: 40px;}
}

/*---------------------- RWD設定 ----------------------*/
@media screen and (max-width: 1680px) {
    /*banner*/
    .banner-slogan h2{font-size:2rem;}
    .banner-slogan p{font-size:1.6rem;}
}
@media screen and (max-width: 1280px) {
    .carousel-item{height:30vw;}
}

@media screen and (max-width: 996px) {
    .navbar{flex-direction: row-reverse;padding: 10px 20px;}
    .navbar.top-nav-collapse{padding:10px;}
    .carousel-item{height:50vw;}
    .banner-slogan{width:80%;}
    .banner-slogan h2{font-size:2.1rem;}
    .banner-slogan p{font-size:1.6rem;}
    .index-contact a{flex-wrap:wrap;}
    .index-contact a h2{font-size:1.8rem;}
    .index-contact a h3{font-size:1.2rem;margin-left:0;margin-top:20px;}
    .service-info h3{font-size:1.4rem;}
    .navbar-nav li:last-child .nav-link{text-align:center;}
     .arrow-top{display:none;}
     /*6圖6文*/
    .zone-block.aa:nth-child(even) .photo,.zone-block.aa:nth-child(odd) .photo,.zone-block.bb:nth-child(even) .photo,.zone-block.bb:nth-child(odd) .photo{margin:0;text-align: center;margin-bottom: 30px;}
    .zone-block.aa,.zone-block.bb{flex-wrap:wrap;}
    .zone-block.aa .photo,.zone-block.aa .info,.zone-block.bb .photo,.zone-block.bb .info{width:100%;}
    /*公司簡介*/
    .about-title{margin-bottom:15px;}
    .about-zone h2{font-size:1.4rem}
    .about-zone h3{font-size:1.2rem}
    .about-title img{right:10px;left:inherit;max-width: 80px;}
    .about-zone .flex-row-reverse h3:after{right:inherit;left:0;}
    .team-box-outer .team-box:nth-child(even){flex-direction:column-reverse;}
    .team-box-outer .team-box:nth-child(even) .team-info{margin-right:0;}
    .team-box{flex-wrap:wrap;flex-direction:column-reverse;padding: 20px 0px;}
    .team-img{position:relative;}
    .team-info{width:100%;margin-left: 0;padding: 10px;}

    /*頁尾*/
    footer>.container{flex-wrap:wrap;}
    .footer-list>ul{margin-top:25px;}
    .footer-list>ul>li:first-child{margin-left:0;}
}

@media screen and (max-width: 768px) {
    .banner{margin-top:80px;}
    /*首頁-服務項目*/
    .owl-carousel.owl-drag .owl-item .item{flex-wrap:wrap;flex-direction:column-reverse;}
    .owl-carousel.owl-drag .owl-item .item>*{width:100%;}
    /*活動訊息*/
    .sidebar button{display:block;width: 100%;margin-bottom: 30px;background: #093392;color: #fff;padding: 10px;}
    .sidebar button i{margin-left:5px;}
}

@media screen and (max-width: 640px) {
    .block-height,.index-news{margin-top:30px;}
    .block-height:last-child{margin-bottom:30px;}
    .main-title h2{font-size:1.5rem}
    /*首頁*/
    .news-zone li a{justify-content: flex-end;}
    .carousel-item{height:100vw;}
    .index-contact a h2{font-size:1.4rem;width:100%;}

    /*頁尾*/
    .copyright{padding-bottom:65px;}
    .footer-list{flex-wrap:wrap;}
    .footer-list>ul{width:100%;}
    .footer-list>ul>li{width:100%;}
}

@media screen and (max-width:480px) {
    .service-img{margin-bottom:20px;}
    .navbar{padding:10px;}
    /*頁尾*/
    .footer-list>ul{flex-wrap:wrap;}
    .footer-list>ul>li{width:50%;margin-right:0;}
}