/*reset*/
h1, h2, h3, h4, h5, h6{ font-family: "微軟正黑體" , "Arial", sans-serif ; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: 500;}
a:hover{ color: #6e765f; }
body{background-color:unset!important;}
.max-width-rwd.rd-navbar-inner{max-width: 80%;}
.rd-navbar-static .rd-navbar-nav.re-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav.re-navbar-nav{ text-align: right;  padding-left: unset;  padding-right: 80px; }
.bg-dfa167 .rd-navbar{  background-color: #dfa167; color: #fff; }
.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover{color: #ffffff!important; border-bottom: 1px solid #fff; border-radius: unset;}
.rd-navbar-static .rd-navbar-nav.re-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav.re-navbar-nav > li > a{ color: #fff;font-weight: 600;}
.brand-name > img{height: unset!important;}
.navbar-search{ position: absolute; right: 0; top: 27%; }
.rd-navbar--is-stuck .navbar-search{  top: 27px; }
.search-data button{ position: absolute; right: 0; top: 0; background-color: transparent!important; border: unset!important; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{background: #fff!important;}
.rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a{color: #828976!important;}
.rd-navbar-static .rd-navbar-panel{ padding: 20px 0!important;}
.thumbnail-gallery .caption{ background-color: rgba(118, 120, 113, 0.7);}
.thumbnail-gallery .caption h4, .thumbnail-gallery .caption p{ margin-top: 2%!important; }
.masonry-gallery[data-isotope-layout] [class*="col-"]{ margin-top: 10px!important;}
.masonry-gallery .caption{     left: 5px!important; right: 5px!important; }
blockquote footer:before, blockquote small:before, blockquote .small:before{content: unset!important;}
.owl-prev, .owl-next{ top: 50%!important;  font: 400 72px / 50px "FontAwesome"; border: unset!important;}
.owl-dot.active, .owl-dot:hover{    background-color: #b2b2b2; border: 2px solid #b2b2b2;}
.owl-dot{     border: 2px solid #d9d9d9; background-color: #d9d9d9; }
.page-foot{padding-top: unset!important;}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0px!important;}
.lSAction > a{  height: 59px!important; font-size: 40px!important;color: #fff!important; background-color: rgb(0, 0, 0, 0.8)!important; }
.lSSlideOuter .lSPager.lSGallery li.active{border: 1px solid #B2B2B2; padding: 5px;}

body .page .rd-navbar-fullwidth .rd-navbar-panel{padding: 10px 0 20px;}
.owl-carousel .owl-item{width: 100%;}
.rd-navbar-toggle{margin-top: 5px;}

/*tool*/
.bgc-dfa167{background-color: #dfa167 ;}
.bgc-f3f3f3{background-color: #f3f3f3;}
.bgc-676051{background-color: #676051 ;}
.c-453f2e{color: #453f2e!important;}
.c-b2b2b2{color: #b2b2b2!important;}
/*==!==*/
.bgc-b6bea9{background-color: #b6bea9;}
.bgc-484a44{background-color: #484a44;}

.flex{display: flex;}
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-ED0C0C{ color:#ED0C0C;}
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff!important; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%;display: block; margin: auto;}

body .page .none{display: none;}
.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-lr-5{padding: 0 5px!important;}
.pd-lr-10{padding: 0 10px!important;}
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pt-50{padding-top: 50px;}
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mt-30{ margin-top:30px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.border-l{border-left: 1px solid #b2b2b2;}
.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
.justify-center{ display: flex; justify-content: center;}

/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*portfolio-box-img*/
.portfolio-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 105px ) ; position: relative; background-color: #e9e9e9; }
.portfolio-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*knowledge-box-img*/
.knowledge-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 72px ) ; position: relative; background-color: #e9e9e9;  }
.knowledge-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);transition: ease 0.8s all;width: 100%; height: 100%; object-fit: cover; }
.knowledge-box-img:hover img{transform: translate(-50%, -50%) scale(1.2)!important;}
/*team-box-img*/
.team-box-img{ overflow: hidden; width: 100%; padding-top: calc( 16 / 9 * 100% - 120px ) ; position: relative; background-color: #e9e9e9; margin-bottom: 15px; }
.team-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);transition: ease 0.8s all; }

/*service-box-img*/
.service-box-img{ overflow: hidden; width: 53%; padding-top: calc( 4 / 5 * 44% ) ; position: relative; background-color: #e9e9e9;  }
.service-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);transition: ease 0.8s all; }

/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;width: 40px; height: 40px; background-color: #F3F3F3;  margin: 3px;}
ul.pagination-m li a.active { background-color: #b6bea9;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


/*color change*/
.bg-b6bea9 .rd-navbar{  background-color: #b6bea9; color: #fff; }


/*---*/
.slider-wrape-info{ overflow: hidden;}
.jSlider.bg-cover-b::before{content: ''; width: 53%; height: 100vh;display: block; background-color: rgba(0, 0, 0, 0.4);position: absolute; left: 0;top: 0; z-index: 97;}
.jSlider a img{object-fit: cover; width: 100%; height: 100%;}
.btn-01{ padding: 10px 20px;font-size: 18px; background-color: rgba(118, 69, 25, 0.7); color: #fff;border: unset;}
.btn-01:hover{background-color: rgba(118, 69, 25, 0.9);}
.btn-02{padding: 10px 20px; border: 1px solid #453f2e; color: #453f2e;transition: ease 0.3s all;}
.btn-02:hover{border: 1px solid #999;color: #999;}
.slider-wrape-info{position: relative;}
.main-banner-info-wrape{ position: absolute;z-index: 99; text-align: left; bottom: 292px; left: 12%;}
.main-banner-info-wrape h3{font-size: 18px; line-height: 2.5; color: #fff;margin-bottom: 35px; font-weight: 600; font-family: "微軟正黑體" , "Arial", sans-serif;text-transform: unset; max-height: 96px; overflow: hidden;width: 465px;}
.main-banner-info-wrape p{font-size: 18px; color: #fff;margin-bottom: 30px; width: 100%; max-height: 126px; overflow: hidden;font-weight: 600; text-align: right;}




.service-area{padding:100px 0 ;}
.portfolio-area{padding:100px 0 ;}
.feedback-area{padding:100px 0 ;}
.cooperate-area{padding:100px 0 ;}
.knowledge-area{padding:100px 0 ;}
.page-about{padding:100px 0 50px 0 ;}
.page-team{padding:100px 0 ;}
.page-contact{padding: 100px 0 0 0;}
.page-service{padding: 100px 0 0 0;}
.page-knowledge{padding: 100px 0;}
.page-case-intro{padding: 100px 0;}
.other-case{padding: 100px 0;}
.page-feedback{padding: 100px 0;}
.page-joinus{padding: 100px 0;}

.service-area .border-right{border-right: 1px solid #b2b2b2;}
.service-area .border-right:last-child{border-right: unset!important;}
.service-block:last-child{border-right: unset!important;}
.service-block .service-icon img{width: 100px;margin-bottom: 30px;}
.service-block h3{font-size: 26px; color: #000;margin-bottom: 30px;}
.service-block p{font-size: 14px; color: #676051; text-align: center; width: 80%;display: block;margin: auto;}

.title-en{text-transform: uppercase; color:#b6bea9!important;    display: block; }
.section-title .title-en::after{content: ''; display: block; width: 310px; height: 2px; background-color: #b6bea9;margin: 10px auto; }
.section-title h3{font-size: 26px; color: #000;}

.feedback-top{display: flex;align-items: center; margin-bottom: 20px;}
.feedback-box-img{border-radius: 50%;width: 100px; height: 100px; overflow: hidden; margin-right: 10px;}
.feedback-box-img img{ width: 100%; height: 100%; object-fit: cover; }
.feedback-intro{text-align: left;}
.feedback-intro a{color: #000;}
.feedback-intro p small{ display: inline-block; color: #000;font-size: 16px;margin-left: 8px; }
.feedback-intro p{font-size: 16px;}
.feedback-star{text-align: left!important; color: #FCCD86;}
.feedback-area .quote{ background-color: #fff; padding: 15px; }
.feedback-main{position: relative; margin-bottom: 10px;}
.feedback-main p{font-size: 16px; color: #453F2E; height: 74px; overflow: hidden; text-align: left;}
.btn-03{font-size: 16px; color: #B2B2B2;position: absolute; right: 9px;bottom: 1px;background-color: #fff;padding: 0 0 0 14px;}
.feedback-pic{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 105px ) ; position: relative; background-color: #e9e9e9; }
.feedback-pic img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }

.cooperate-title h3{ font-size: 26px; color: #000; }
.cooperate-title p{  color: #676051; }
.cooperate-main{display: flex;  flex-wrap: wrap; justify-content: center;}
.cooperate-item{height: 200px; display: flex; justify-content: center; align-items: center; width: 63%; margin: 10px auto;}
.cooperate-item img{width: 100%;  display: block; margin: auto;max-width: 160px;}

.knowledge-pic{position: relative;}
.knowledge-pic span.tab{position: absolute; left: 0;top: 0; padding: 5px 20px; background-color: #b6bea9;  font-size: 14px; color: #fff;}
.knowledge-main{text-align: left; padding: 15px 46px 15px 15px; background-color: #fff;overflow: hidden; height: 130px;}
.knowledge-main small{ color: #b6bea9; }
.knowledge-main h4{text-align: left;margin-bottom: 10px;color: #000; background-color: #fff;font-size: 20px; margin-top: unset; overflow: hidden;max-height: 27px;}
.knowledge-text{position: relative;}
.knowledge-text p{ height: 48px; overflow: hidden; }
.btn-04{position: absolute;right: 0; bottom: 0;background-color: #fff;padding: 0 0 0 8px; color: #b2b2b2;}
.btn-04:hover{color: #b6bea9;}
.knowledge-text.c-453f2e p{color: #453f2e!important; }
.knowledge-text.r-0 .btn-04{right: 11px!important;}
.knowledge-main.page-k-pd{ padding: 15px 0!important;}
.pg-knowledge-small{ margin-bottom: 9px !important;display: block;}

.footer-reserve{ display: flex;justify-content: center; align-items: center; }
.footer-btn-01{ padding: 15px 30px; border-radius: 5px; background-color: #fff; color: #000; }
.reserve-left{padding-right: 80px;}
.reserve-right{padding-left: 85px;}
.f-logo{max-width: 250px!important;}
.f-addr-title{width: 100px;  display: inline-block;}
.f-addr{color: #fff;}
.f-icon{display: flex;}
.copyright p{padding-bottom: 15px;}

.breadcrumb-area{ width: 100%; padding-top: 18%; overflow: hidden; position: relative;}
.page-top-bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;width: 100%;height: 100%;}
.page-top-bg img{width: 100%;height: 100%;object-fit: cover;}
.page-top-cover-b{position: relative;}
.page-top-cover-b::after{ content: '';display: block;width: 100%; padding-top: 100vh; background-color: rgba(0, 0, 0, 0.2); position: absolute;left: 0; top: -500px;z-index: 2; }
.page-top{position: relative; z-index: 20;bottom: 62px;}
.page-top small{font-size: 16px; text-transform: uppercase; color: #fff;}
.page-top h3{color: #fff;}

.about-main p{color: #676051;}

.mamber-name small{color: #816226;font-size: 16px;}
.mamber-name h4{margin-top: unset!important; margin-bottom: 20px; color: #453F2E; font-size: 26px;}
.mamber-name p{ color: #676051; }
.team-intro p{height: 166px; overflow: hidden; text-align: justify;}

.contact-line{margin-top: 50px;}
.contact-line img{ max-width: 180px; }
.contact-form{padding: 20px 0; width: 85%; margin-left: 45px;}
.contact-form form label{font-weight: 900!important; }
.contact-form form select{width: 100%; border: 1px solid #B2B2B2; height: 35px; padding: 5px 30px 5px 5px; border-radius: 5px; -webkit-appearance: none; appearance:none; position: relative;  background-image:url(../images/contact-select.png); background-position: 95%; background-size: 6%; background-color: #fff; background-repeat: no-repeat;}
.contact-form form input{width: 100%; border: 1px solid #B2B2B2; height: 35px; padding: 10px; border-radius: 5px;}
.contact-form form textarea{width: 100%; border: 1px solid #B2B2B2;padding: 10px;border-radius: 5px;}
.form-messages{ display: inline-block; margin-left: 48px;padding: unset;}
.form-btn{background-color: #b6bea9; color: #fff; padding: 10px 20px; border: unset; float: right; margin-right: 15px;}
.contact-map iframe{margin-bottom: -7px;}

.p-k-sidebar{width: 80%;}
.page-service-block.sb-left{display: flex; margin-bottom: 50px; }
.page-service-block .service-intro{width: 47%; padding:30px; }
.service-intro h3{margin-bottom: 10px!important; font-size: 24px;}
.service-tt-en{ max-height: 70px; overflow: hidden; color: #787e6d!important;}
.service-intro p{ text-align: justify; color: #4f5546; line-height: 1.8; }
.service-line{ border: 1px solid #787e6d; margin: 25px auto;}
.service-btn{color: #fff; background-color: #dfa167; padding: 8px 18px; float: right; margin-top: 20px; transition: ease 0.4s all;}
.service-btn:hover{color: #fff!important; opacity: 0.9;}
.page-service-block:hover .service-box-img img:nth-child(2){ opacity: 0; }
.page-service-block:hover .service-box-img img{ transform: translate(-50%, -50%);}
.page-service-block.sb-right{display: flex; flex-direction: row-reverse; margin-bottom: 50px; }
.knowledge-search-btn{padding:0 13px 0 10px; background-color: #b2b2b2; color: #fff; border: unset; border-radius: 0 5px 5px 0;}
.knowledge-search-btn img{ margin-right: 3px; }
.p-k-sidebar-search-block form{ height: 40px; display: flex; }
.knowledge-search{width: 60%; padding: 10px; border-radius: 5px 0 0 5px; background-color: #f3f3f3; border: unset;}
.p-k-sidebar-categories-block h4{ font-size: 20px; text-transform: unset; color: #949d85; margin-bottom: 25px;}
.p-k-sidebar-categories-block ul li{margin-bottom: 15px;}
.p-k-sidebar-categories-block ul li a{color: #000; }
.p-k-sidebar-categories-block{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #B2B2B2;}
.p-k-sidebar-recent-block h4{ font-size: 20px; text-transform: unset; color: #949d85; margin-bottom: 25px;}
.p-k-sidebar-recent-block ul li a{color: #000; }
.p-k-sidebar-recent-block ul li a h5{font-size: 20px; color: #000;}
.p-k-sidebar-recent-block ul li a p{font-size: 16px; color: #2e4538; height: 43px; overflow: hidden; position: relative;text-align: justify;}
.p-k-sidebar-recent-block ul li a p::after{content: '...more'; color: #B2B2B2; position: absolute; right: 0; bottom: -5px; background-color: #fff; padding:0 0 0 11px;}
.p-k-sidebar-recent-block ul li:hover a p{opacity: 0.8;}
.p-k-sidebar-recent-block ul li{margin-bottom: 50px;}
.search-results .p-k-sidebar-search-block{ display: flex;justify-content: center;}
.search-results .p-k-sidebar-search-block form{ width: 50%; justify-content: center;}
.article-breadcrumb ul{ display: flex!important;}
.article-breadcrumb ul li{ font-size: 16px; color:#2e4538; padding-right: 5px; }
.article-breadcrumb ul li a{color: #2e4538; text-decoration: underline; font-size: 16px;}
.article-breadcrumb ul li::after{ content: '>'; margin-left: 5px; }
.article-breadcrumb ul li:last-child::after{content: unset;}

.knowledge-article-wrap{margin-top: 50px;}
.knowledge-article-wrap-content .knowledge-pic{margin-bottom: 20px;}
.knowledge-article-wrap-content .knowledge-pic .pg-knowledge-small{text-align: left; margin-left: 17%;}
.content-pic img{ max-width: 100%; width: 100%;margin-bottom: 30px; }
.knowledge-article-wrap-content .content-main{ text-align: left; font-size: 16px; }
.knowledge-article-wrap-content .content-main p, .knowledge-article-wrap-content .content-main span ,.knowledge-article-wrap-content .content-main h2 ,.knowledge-article-wrap-content .content-main h3 ,.knowledge-article-wrap-content .content-main h4{ color: #453F2E; }

.decostyle{width: 55%; display: block; margin: auto;}
.decostyle ul{display: flex; flex-wrap: wrap; justify-content: center;}
.decostyle ul li a{padding: 8px 20px; background-color: #7d8270; color: #fff; }
.decostyle ul li a:hover{opacity: 0.8;}
.decostyle ul li.active a{background-color: #dfa167;}
.decostyle ul li{padding: 0 10px; margin-bottom: 35px;}
.page-case-txt{    overflow: hidden;height: 60px;}
.page-case-txt h4,.page-case-txt p{color: #6f7462;}
.page-case-txt h4{font-size: 18px;line-height: 1.4; overflow: hidden; max-height: 27px;}
.page-case-txt p{margin-top: 0px;  line-height: 1.4;  overflow: hidden;  height: 24px;}
.page-case-iteme .masonry-gallery .caption.page-caption{ left: 0px !important;right: 0px !important;}
.page-case-iteme .portfolio-box-img{padding-top: calc(4 / 5* 100% - 60px);}
.page-case-intro-txt h3{font-size: 22px;}
.page-case-intro-txt hr{ margin: 20px 0 !important; width: 100%; border: 1px solid #787e6d; }
.p-c-intro-block span:nth-child(1){ color: #5c7733; font-size: 16px; width: 100px;display: inline-block;    font-weight: 500; }
.p-c-intro-block span:nth-child(2){ color: #4f5546; font-size: 16px; font-weight: 500; width: 77%;}
.p-c-intro-block{margin-bottom: 10px; display: flex;}
.p-c-intro-content{ max-height: 250px;overflow-y: auto; }
.p-c-intro-content p{font-size: 16px; color: #4f5546;}
.page-case.portfolio-area .pd-lr-free{ padding: 0 10px!important;}
.contact-form form label span.c-ED0C0C{  font-size: 12px; font-weight: 400!important; }

.page-feedback .quote{ border:1px solid #efefef;    padding: 15px; }
.joinus-main{text-align: left;}
.joinus-main img{max-width: 100%; height: unset!important;}

@media(max-width: 1300px){
    
    .main-banner-info-wrape{    left: 10%; bottom: 190px;}
}

@media(min-width: 1200px){
    /*reset*/
    .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{  font-size: 16px!important;        border: 1px solid transparent; }
}

@media(max-width: 1200px){
    .navbar-search{ top: 19px; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(0px)!important;}
    .search-btn{ top: -9px!important;}

    /*service-box-img*/
    .service-box-img {padding-top: calc(4 / 5* 10%);position: relative;background-color: #e9e9e9;}
    .service-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%) ;transition: ease 0.8s all; }
    .page-service-block:hover .service-box-img img{ transform: translate(-50%, -50%) ; }

    .service-block p{ width: 100%;}
    .form-messages{ margin-left: 38px;}
    .brand-name > img{ width: 110px;}
    .knowledge-article-wrap-content .knowledge-pic .pg-knowledge-small{ margin-left: 20%;}
    .main-banner-info-wrape{  bottom: 96px; left: 5%;    }
    .main-banner-info-wrape h3{width: 415px;    font-size: 18px;}
}


@media (max-width: 991px){

    /*reset
    .navbar-collapse{width: 100%;}
    .product-p1 button.owl-prev{    position: relative;  left: -51%;}
    .product-p1 button.owl-next{    position: relative;  right: -51%;}
    .product-p1 .owl-theme .owl-nav{ margin-top: -30%; }
    .product-p2 .owl-theme .owl-nav{ margin-top: -19%; position: relative; }
    .breadcrumb-area h1{ font-size: 30px!important;}

    /*tool*/
   
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }

    .form-messages{margin-left: unset; padding-left:15px;padding-right: 15px;}
    .contact-form form textarea{  width: 100%;display: block; margin: auto; }
   	.border-l{ border-left: unset; }

   	.main-banner-info-wrape{  bottom: 130px;left: 5%;  }
   	.main-banner-info-wrape h3{ font-size: 18px;line-height: 2.5;width: 315px;}
   	.navbar-search{ top: 7px; }
   	.page-case-intro-txt h3{font-size: 20px;}
   	
}

@media(min-width: 768px){
    .page-foot .copyright{margin-top: unset!important;}
}

@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{background: #b6bea9;}
    .rd-navbar-fixed .rd-navbar-panel{ flex-direction: row-reverse;height: 66px; }
    .rd-navbar-fixed .rd-navbar-brand img{display: block!important; width:54%;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: center;left: 20px; width: 50%;height: 56px;display: flex;align-items: center;}
    .rd-navbar-fixed .rd-navbar-nav-wrap{width: 100%!important;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{width: 100%!important; background: #000000db;}
    .rd-navbar-fixed .rd-navbar-nav{text-align: center!important;}
    .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: transparent!important; }
    .rd-navbar-fixed .rd-navbar-nav li > a{ padding:5px!important; }
    .rd-navbar-fixed .rd-navbar-nav li.opened > a{ background: transparent!important;}
    .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{background: transparent!important;}
    .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu{ display: block!important;margin-bottom: 30px; }
    .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-megamenu{ opacity: 1!important; height: auto!important; }
    .m-txt-deco >a{border-bottom: 1px solid #fff; display: inline-block!important;margin-bottom: 40px;}
    .rd-navbar-dropdown{margin-top: -30px!important;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{ background-color: transparent!important; }
    .navbar-search{ right: 70px;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{display: none!important;}
    blockquote{margin: 0;}
    .search-btn{ top: 8px!important; }


    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    .m-width-100{width: 100%; }
    .m-width-90{width: 90%; display: block; margin:auto; }
    .m-br-non{display: none;}

    .m-mt-50{margin-top: 50px!important;}
    .m-mb-50{margin-bottom: 50px!important;}
    .m-mb-0{margin-bottom: 0px!important;}
    .m-mb-20{margin-bottom: 20px!important;}
    .m-pb-50-non{padding-bottom: unset!important;}
    .border-l{border-left: unset;}
    /*portfolio-box-img*/
        .portfolio-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 39px )!important ; position: relative; background-color: #e9e9e9; }
        .portfolio-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover; height: 100%; }

    .feedback-pic{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 138px ) ; position: relative; background-color: #e9e9e9; }
    .feedback-pic img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
     /*table-rwd*/
    .table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

    /*----*/
    .m-slider-wrape-info.bg-cover-b::before{content: ''; width: 100%; height: 35%; display: block; background-color: rgba(0, 0, 0, 0.4);position: absolute; left: 0;top: unset!important;bottom: 0; z-index: 99;}
    .main-banner-info-wrape{ bottom: 0px!important; left: 6%!important; right: 6%!important;}
    .main-banner-info-wrape p{font-size: 12px; max-height: 74px;width: 100%; overflow: hidden; }
    .main-banner-info-wrape h3{font-size: 14px;margin-bottom: 10px; max-height: 95px;width: 100%; overflow: hidden; }
    .m-slider-wrape-info{position: relative;}

    .breadcrumb-area{ padding-top: 48%;}
    .page-top{bottom: 13px;}
    .page-top h3{font-size: 16px; }
    .service-area{padding:30px 0 50px 0;}
    .portfolio-area{padding:50px 0 ;}
    .feedback-area{padding:50px 0 ;}
    .cooperate-area{padding:50px 0 ;}
    .knowledge-area{padding:50px 0 ;}
    .page-about{padding:50px 0 20px 0 ;}
    .page-team{padding:50px 0 ;}
    .page-contact{padding: 26px 0 0 0;}
    .page-service{padding: 50px 0 0 0;}
    .page-knowledge{padding: 50px  0;}
    .page-case-intro{padding: 50px 0;}
    .other-case{padding: 50px 0;}
    .page-feedback{padding: 50px 0;}
    .page-joinus{padding: 50px 0;}

    .page-knowledge-flex{display: flex;  flex-direction: column-reverse;}
    .inner-recent .p-k-sidebar-recent-block h4{font-size: 14px!important;}
    .inner-recent .p-k-sidebar-recent-block ul li a p{font-size: 14px!important;}
    .inner-recent .p-k-sidebar-recent-block ul li a p::after{ right: 2px;bottom: 0px;background-color: #F3F3F3;}
    .inner-recent .p-k-sidebar-recent-block ul li{margin-bottom: 30px;}
    .m-bgc-F3F3F3-pdnon{background-color: #F3F3F3; padding-left: 0!important;padding-right: 0!important; padding-top: 30px;}

    .service-area .border-right{border-right: unset!important;}
    .service-block .service-icon img{width: unset;margin-bottom: 10px; height: 55px; max-width: unset;}
    .service-block{display: flex;flex-direction: column; align-items: center;}
    .service-block h3{font-size: 16px; color: #000;margin-bottom: 0; text-align: left; }
    .service-block p{font-size: 14px; color: #000; text-align: left;height: 80px; overflow: hidden;}
    .service-text{padding: 0 10px 0 20px;}


    .title-en{text-transform: uppercase; color:#b6bea9!important; display: inline-block; margin-right: 15px; letter-spacing: 0;}
    .section-title .title-en::after{ width: 230px; height: 2px; margin: 10px auto; position: absolute;transform: translateX(-50%);left: 50%; }
    .section-title h3{font-size: 16px; color: #000; }

    .btn-03{font-size: 16px; color: #B2B2B2;position: absolute; right: 0;padding: 0 0 0 5px; }

    .feedback-intro p{font-size: 16px;}
    .feedback-intro p small{font-size: 16px; display: block; margin-left: 0;}
    .feedback-box-img{    width: 55px; height: 55px;}

    .owl-carousel-mod-3 .owl-controls{display: block!important;}
    .owl-dot + .owl-dot{    margin-left: 15px!important;}

    .cooperate-title{  width: 90%;display: block;margin: auto;}
    .cooperate-item{height: unset; width: 100%; margin-bottom: 20px;}
    .cooperate-item img{max-width: 250px;}

    .footer-reserve{flex-direction: column;width: 90%;margin: auto;}
    .reserve-left{padding-right: unset!important; margin-bottom: 30px; text-align: center;}
    .reserve-right{padding-left: unset!important;}

    .cooperate-title h3{    font-size: 18px;}
    .knowledge-item{display: flex;}
    .knowledge-pic .tab{display: block;}
    .knowledge-box-img{ padding-top: unset; width: 134px;height: 100%;}
    .knowledge-box-img img{ transform: translate(-50%, -50%) scale(1)!important; }
    .knowledge-box-img:hover img{ width: 100%; height: 100%; object-fit: cover; }
    .knowledge-main{  padding: 10px!important; }
    .btn-04{right: 0;font-size: 12px!important;}
    .knowledge-main small{font-size: 12px;}
    .knowledge-text p{ font-size: 12px!important; height: 38px!important; }
    .knowledge-main h4{margin-bottom: 15px!important; font-size: 14px;}
    .knowledge-text.r-0 .btn-04{right: 0px!important;  padding: 0 3px 0 8px;}

    .reserve-left h3{font-size: 18px;}
    .reserve-left p{font-size: 14px;}

    .f-logo{ max-width: 200px !important; }
    .f-addr-title{ width: 95px; }
    .f-addr p span{font-size: 14px;}
    .row * + .col-xs-12{ margin-top: 17px;!important }
    .f-icon img{width: 40px;}
    .page-foot .copyright{margin-top: unset!important;}
    .copyright p{font-size: 10px!important; padding-bottom: 15px;}

    .team-block{display: flex; margin-bottom: 15px;}
    .team-intro{width: 100%;}
    .mamber-name{display: flex;align-items: center;}
    .mamber-name small{font-size: 14px;margin-right: 10px;}
    .mamber-name h4{font-size: 14px;margin-bottom: unset!important;}
    /*team-box-img*/
    .team-box-img{ overflow: hidden; width: 306px;height: 182px; padding-top: unset!important ; position: relative; background-color: #e9e9e9;margin-right: 20px;  }
    .team-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%) !important;transition: ease 0.8s all; }
    .team-intro p{font-size: 12px; text-align: justify;height: 161px; overflow: hidden;  }
    .contact-form{width: 100%; margin-left: 0;}
    .form-messages{  margin:unset!important; }
    .contact-form form textarea{ width: 100%; }
    .form-btn{  margin: auto; display: block; border: unset;float: unset;}
    .contact-line{ margin-top: 0;}
    .contact-line img{display: block; margin: auto;}

    /*service-box-img*/
    .page-service-block.sb-left{ flex-direction: column; }
    .page-service-block.sb-right{ flex-direction: column; }
    .service-tt-en{ height: 16px; }
    .service-box-img{ width: 100%; padding-top: calc(4 / 5* 100% - 50px);}
    .service-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%) scale(1);transition: ease 0.8s all; }
    .page-service-block:hover .service-box-img img{ transform: translate(-50%, -50%); }
    .page-service-block .service-intro{  width: 100%;}
    .service-intro .service-tt-en{font-size: 12px;}
    .service-intro .service-tt{font-size: 18px;}
    .service-btn{float: unset; margin: 50px auto 20px auto; display: block; width: 110px;text-align: center;}

    .p-k-sidebar{width: 100%;}
    .m-categories-style{display: flex;}
    .m-categories-style h4{ font-size: 14px; color: #000; display: inline; }
    .m-categories-style form{display: inline!important; }
    .m-categories-style select{ width: 70%;font-size: 14px;margin-left: 20px;border: unset;background: #f3f3f3; padding: 10px;border-radius: 6px; appearance:none; position: relative;  background-image:url(../images/appearance.png); background-position: 90%; background-size: 6%; background-repeat: no-repeat; }
    .p-k-sidebar-categories-block{border-bottom: unset;}
    .p-k-sidebar-categories-block{   padding-bottom: 10px; margin-bottom: 10px; }
    .page-knowledge-item{flex-direction: column;}
    .page-knowledge-item .knowledge-box-img{width: 100%!important; padding-top: calc(4 / 5* 100% - 50px);}
    .page-knowledge-item .knowledge-box-img img{transform: translate(-50%, -50%) scale(1.1) !important;}
    .page-knowledge-item .knowledge-box-img:hover img{ transform: translate(-50%, -50%) scale(1.3) !important; }

    .knowledge-article-wrap{margin-top: -30px;}
    .content-pic img{ max-width: 100%; width: 100%; height: unset!important; }
    .knowledge-article-wrap-content .knowledge-pic .tab{display: block!important;}
    .knowledge-article-wrap-content .knowledge-pic .pg-knowledge-small{ margin-left: 30%;}
    .knowledge-article-title{ font-size: 20px;}
    .content-main p{font-size: 14px;}

    .search-results .p-k-sidebar-search-block form{ width: 100%;}
    .search-txt{margin-bottom: 20px!important;}
    .search-txt h3{ font-size: 18px; }

    .p-c-intro-content{ max-height: unset;overflow-y: unset; }
    .page-case-txt{height: 90px; overflow: hidden; }
    .page-case-txt h4{font-size: 16px;}
    .page-case-txt p{font-size: 12px; }
    .decostyle{width: 100%;}
    .decostyle ul li a{ padding: 8px 9px;    font-size: 14px; }
    .decostyle ul li{ padding: 0 5px;}
    .page-case.portfolio-area .pd-lr-free{ padding: 0 6px!important;}

    .p-c-intro-block{display: unset!important;}
    .p-c-intro-block span:nth-child(1){font-size: 14px; width: 70px;}
    .p-c-intro-block span:nth-child(2){ font-size: 14px; }
    .p-c-intro-content p{font-size: 14px;}

    .page-case .page-case-iteme .thumbnail-gallery .page-caption p{ transition: ease 0.5s all; }
    .page-case .page-case-iteme .thumbnail-gallery:hover .page-caption p{display: block;}
    /*.page-case .page-case-iteme .page-caption:hover{opacity: 1;}*/

    .jSlider.bg-cover-b::before{display: none;}

    .knowledge-pic span.tab{position: absolute; left: 0;top: 0; padding: 4px 14px 2px 14px;}

    
}

@media(max-width: 590px){
	.m-slider-wrape-info.bg-cover-b::before{height: 45%; }
    
}

@media(min-width: 480px){
    

  	

}

@media(max-width: 430px){
	.contact-line{transform: translateX(30px);}
	.form-btn{ transform: translateX(-19px);}
	.main-banner-info-wrape h3{width: 100%; overflow: hidden;max-height: 79px; line-height: 2;}
	.main-banner-info-wrape{left: 4% !important;}
	.m-slider-wrape-info.bg-cover-b::before{  height: 55%;}
}
@media(max-width: 428px){
	 .feedback-pic{  padding-top: calc( 4 / 5 * 100% - 80px ) ; }
 

	.contact-line{transform: translateX(30px);}
	.form-btn{ transform: translateX(-19px);}
}

@media(max-width: 425px){
    .contact-form form textarea{ width: 100%; }
    .form-messages{  margin:unset!important; }
}

@media(max-width: 390px){
	 

	.contact-line{transform: translateX(36px);}
	.form-btn{ transform: translateX(0px);}
}

@media(max-width: 393px){
    .contact-line{transform: translateX(33px);}
	.form-btn{ transform: translateX(-14px);}

	.knowledge-article-wrap-content .knowledge-pic .pg-knowledge-small{  margin-left: 35%;}
}

@media(max-width: 360px){
	.contact-line{transform: translateX(41px);}
	.form-btn{ transform: translateX(-9px)!important;}
}

@media(max-width: 390px){
	.contact-line{transform: translateX(34px);}
	.form-btn{ transform: translateX(-14px);}
}


@media(max-width: 320px){
	/*tool*/
	.br-32-non{display: none;}

	.knowledge-article-wrap-content .knowledge-pic .pg-knowledge-small{ margin-left: 43%;}
	.feedback-pic{  padding-top: calc( 4 / 5 * 100% - 52px ) ; }

	.contact-line{transform: translateX(49px);}
	.form-btn{ transform: translateX(-14px);}
	.m-slider-wrape-info.bg-cover-b::before{  height: 55%;}
	.main-banner-info-wrape h3{line-height: 2; max-height: 78px;}
	

}

@media(min-width: 319px){
	.ui-to-top{right: 7px;width: 50px; height: 50px; background: #919191;line-height: 1.8!important; }
}