/*reset*/
body{  background-color: #fff!important;  }
.bg-transparent .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #000; }
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{ background-color: transparent!important; color: #00aabb!important; }
.bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{ color: #00aabb!important; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{     background: #fff!important; }
.bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{color: #000!important;}
.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #fff!important;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu li a{color: #000!important;}
.rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{ text-align: center!important; }
.brand-name > img{ height: unset!important; }
.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{ padding: 6px 20px 7px!important; }
.bg-transparent .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{ background-color: #fff!important; }
.rd-navbar-fixed .rd-navbar-brand{ height: 60px!important;}
.rd-navbar-fixed .rd-navbar-brand img{ display: block!important; width: 80%; margin: auto;}
.rd-navbar-fixed .rd-navbar-panel{z-index: 1000!important;height: 70px!important;}
.rd-navbar-fixed .rd-navbar-panel:before{     background: #fff!important; }
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #000!important; }
.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{  background: #fff!important;padding: 177px 0 180px 0!important;  }
.rd-navbar-fixed .rd-navbar-nav li > a{ color: #000!important; }
.rd-navbar-fixed .rd-navbar-nav-wrap{ bottom: -56px!important; }
.rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #ffffff!important; z-index: 997;}
.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: #e9e9e9!important; }
.bg-subscribe{ background-image: url(../images/contact-bg.jpg);padding: 100px 0;}
.f-logo{ width: 305px;}
.ui-to-top{ background-color: transparent!important; background-image: url(../images/backtotop.png); background-repeat: no-repeat;background-size: 100%;display: block; line-height: 44px!important; width: 50px!important; height: 50px!important;box-shadow: unset!important;}
.sidebar-module{ background: unset!important; }
.case-sidebar-link a{ color:#5a5f39!important; font-weight: 700; }
.rd-navbar-fixed .rd-navbar-nav li.active > a{  background: #e9e9e9!important;}

.rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner{max-width: unset!important;text-align: left;display: flex;align-items: center;padding: 0;}
.rd-navbar-nav-wrap{display: flex!important; align-items: center;justify-content: space-between;}
.rd-navbar-nav{margin: 0 auto;}

.page .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{    padding: 0;}
.page .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: 0;}
.page .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{color: #545454;}
.page .rd-navbar-fixed .rd-navbar-nav li.opened > a{    background: #efefef;}
.page .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .page .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a{ padding-left: 40px;font-size: 15px;}

/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-26{ font-size: 26px; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px!important; }
.f-14{ font-size: 14px!important; }
.c-000{ color:#000; }
.c-999{ color:#999999!important; }
.c-fff{ color:#fff!important; }
.c-00aabb{color:#00aabb!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; }
.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-70{ width:70%; margin: auto;}
.f-style-MingLiU{font-family: '新細明體'!important;}
.height-txt-f14-2{height: 45px; overflow: hidden; }
.article-tt-img img{ max-width: 100%; }
.float-l{float: left;}
.float-r{float: right;}

.m-open{ display: none!important; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.f-w-500{ font-weight: 500!important; }
.mg-025{margin-top: -25px!important;}
.mt-5{margin-top: 5px!important;}
.mt-0{margin-top: -7px!important;}
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.pt-50{ padding-top:50px; }
.pt-100{ padding-top:100px; }
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.mr-30{ margin-right:30px; }
.height-233{ height: 233px;}
.m-br{display: none;}

.width-80{width: 80%; display: block; margin: auto;}
.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: }
/*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%); }
/*news-box-img 5x4*/
.news-box-img-5-4-f{ overflow: hidden; width: 100%; padding-top: 100% ; position: relative; }
.news-box-img-5-4-f img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

/*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;}
ul.pagination-m li a.active { background-color: #00aabb;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


/*---*/


.btn-01{ display: block; font-size: 18px; width: 280px; height: 50px; padding: 10px 15px; position: relative;}
.btn-01::after{content: ''; background-color: #00aabb; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; z-index: 1;transition: width 1s ; transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); }
.btn-01:hover::after{ width: 280px; }
.btn-01 div{z-index: 99; position: relative; color: #00aabb; font-weight: 900;}
.btn-01:hover div{color: #fff; transition: ease 0.8s all;}
.btn-01 span{ color: #fff!important; }
.btn-02{padding: 10px 30px; margin: 50px 15px; background-color: #00aabb; color: #fff; font-size: 20px;display: inline-block; font-weight: 500;border-bottom:1px solid transparent;border-right:1px solid transparent; border-left:1px solid transparent;}
.btn-02 span{margin-right: 15px; color: #fff; }
.btn-02:hover span{color:#fff; opacity: 0.8; }
.btn-02:hover{ box-shadow: 0 0 10px #fff; color: #ffffffbf;opacity: 0.8;  border-bottom:1px solid transparent;border-right:1px solid transparent; border-left:1px solid transparent;  }
.service-block-s-1 , .service-block-s-2{ margin-bottom: 100px; overflow: hidden;padding-top: 50px;}
.service-block-s-1 .service-right-main{ width: 100%; background-color: #ededed; padding: 53px 0; display: block;overflow: hidden; position: relative; left: -21%; margin-top: calc( 100% / 2 - 302px );}
.service-block-s-1 .service-txt{text-align: left; width: 80%; float: right; clear: both;}
.service-block-s-1 .service-txt small{ color: #00aabb;}
.service-block-s-1 .service-txt h3{ font-size: 26px; color: #000; }
.service-block-s-1 .service-txt p{font-size: 14px; width: 80%; color: #000; text-align: justify; margin-bottom: 32px;}
.service-block-s-1 .service-hr{height: 2px; width: 100%; background-color: #00aabb; border-bottom: unset!important;margin: 15px 0!important;}
.service-block-s-1 .btn-03{padding: 15px 50px; background-color: #00aabb; font-size: 18px; color: #fff; display: inline-block;}
.service-block-s-1 .btn-03:hover{opacity: 0.8; color: #fff;}

.service-block-s-2 .service-right-main{ width: 100%; background-color: #ededed; padding: 53px 0; display: block;overflow: hidden; position: relative; right: -20%; margin-top: calc( 100% / 2 - 302px ); z-index: 99;}
.service-block-s-2 .service-txt{text-align: left; width: 80%; float: right; clear: both;}
.service-block-s-2 .service-txt small{ color: #00aabb;}
.service-block-s-2 .service-txt h3{ font-size: 26px; color: #000; }
.service-block-s-2 .service-txt p{font-size: 14px; width: 80%; color: #000; text-align: justify; margin-bottom: 32px;}
.service-block-s-2 .service-hr{height: 2px; width: 100%; background-color: #00aabb; border-bottom: unset!important;margin: 15px 0!important;}
.service-block-s-2 .btn-03{padding: 15px 50px; background-color: #00aabb; font-size: 18px; color: #fff; display: inline-block;}
.service-block-s-2 .btn-03:hover{opacity: 0.8; color: #fff;}
.bug-item{width: 100%;padding-top: 100%; background-color: transparent; overflow: hidden; position: relative; padding-bottom: 50px;}
.bug-item p{color: #000; position: relative; font-weight: 500;}
.bug-item-block{ max-width: 100%;width: 100%;overflow: hidden; position: absolute; top: 0;}
.certificate-item{padding: 20px; background-color: #eeecde; width: 70%; display: block; margin: auto;transform: translateY(-50%);}
.certificate-item h4{color: #7e806a; margin-bottom: 25px; font-size: 18px;}
.click-1{ background-color: #becc60; color: #fff; font-size: 14px; padding: 25px 30px;display: block; }
.news-item .caption .blog-post-body p{font-size: 14px; color: #7e806a; font-weight: 700;}
.news-item:hover .caption .blog-post-body p{ opacity: 0.5;}
.news-time time{ font-size: 30px; color: #ebd0ab; font-weight: 900; font-family:'微軟正黑體', 'Arial'; letter-spacing: 3px; }

.page-foot{ background-color: #fff; }
.f-icon{display: flex; padding: 0;}
.f-icon li{margin-right: -3px; padding-left: 10px;}
.f-icon li:first-child{padding-left: 0px!important; }
.f-icon img{ width: 45px!important; height: 45px!important; }
.f-info p , .f-info a{ color: #000; }
.f-qr img{width: 170px; max-width: 100%;}

.toppage-ul{padding:5px 30px;  display: flex; width: 100%; box-shadow: 0 0 6px #ccc;}
.toppage-ul li{ }
.toppage-ul li::after{ content: '/'; margin-left: 15px; margin-right: 15px; }
.toppage-ul li:last-child::after{ content: ' '!important; }
.toppage-ul .active{ font-weight: 500; color: #335200; }
.case-sidebar-title{color: #7e806a;}
.case-item{box-shadow: 0 0 10px #ccc; padding: 5px;}
.case-item:hover{box-shadow: 0 0 3px #ccc; }
.case-item p{ color:#000; }
.btn-05{padding: 10px 30px; background-color: #eeecde; color: #000; font-size: 16px;}
.btn-05:hover{ color: #000; opacity: 0.7; }
.about-certificate-img{ width: 70%; box-shadow:0 0 10px #ccc; display: block; margin:30px auto; padding: 20px; }
.about-certificate-img img{ display: block; margin: auto; }
.page-hr{width: 100%; border:1px dotted #eeecde;}

.about-icon{background-color: #92c400; width: 20%; max-width: 50px; padding: 5px; margin-right: 20px; }
.about-icon-block{display: flex; margin-bottom: 53px;}
.about-icon-block p{color: #000; font-weight: 500;}
.service-p-block{ border:1px solid #ccc; padding:15px 40px; display: block; width:70%; margin:30px auto;text-align: left; }
.service-s-title{display: block; width: 100%;  background-color: #eeecde; color: #000;text-align: center; padding: 5px;}
.service-last-block{ display: flex;}
.service-last-block img{ width: 100px; height: 100px;}
.service-last-block p{margin-top: 0!important;}

.float-phone{display: inline-block;background-color: #688733; width: 390px; height: 100px; text-align: center;line-height: 3;}
.float-phone a{display: block;padding: 20px;width: 100%;height: 100%; color: #fff; font-weight: 500; font-size: 18px;}
.float-phone i{font-size: 24px;color: #fff;}

.about-bg{background-image: url(../images/about-bg.png);background-size: 100%;background-position: bottom; background-repeat: no-repeat; padding: 100px 0 430px 0;}
.about-left-txt::before{content: ''; width: 80px; height: 80px; display: block; background-image: url(../images/about-deco.png); background-size: 100%; background-repeat: no-repeat; position: absolute;top: 0;left: -100px; }
.service-title{display: block; margin:0 auto 80px auto;}
.case-wrape .content-slider li .case-block{ display: block; height: 300px; }
.case-box-img{overflow: hidden; position: relative; width: 100%; padding-top: calc( 4 / 5 * 100% - 15% ); background-color: #efefef;}
.case-box-img img{ position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50% , -50%); object-fit: cover; }
.case-block h3{font-size: 16px; color: #000; }
.case-wrape{padding-bottom: 100px;}
.process-area .bug-item{ overflow: unset!important; }
.process-area .bug-item p{ width: 75%; display: block; margin: auto; min-width: 140px; }
.process-area{padding: 80px 0 100px 0;}
.page-foot .f-info h3{ color: #00aabb; font-size: 22px; }
.page-foot .f-info a{font-size: 14px; font-weight: 500;}
.page-foot .f-info a:hover{ color: #000; opacity: 0.8; }

ul.f-icon{margin-top: 50px; margin-bottom: 20px;}

ul.page-top{display: flex;flex-wrap: wrap; padding: 10px 0;}
ul.page-top li a{ color: #ccc; margin-right: 20px;font-size: 14px;display: block; }
ul.page-top li a::after{content: '/'; margin-left: 20px;color: #ccc;}
ul.page-top li:last-child a::after{ content: unset!important; }
ul.page-top li a:hover{opacity: 0.8;}
.page-case-area .case-wrape .row{display: flex;    flex-wrap: wrap;}
.page-case-area.inner .case-wrape .row{display: block!important;    flex-wrap: wrap!important;}
.page-case-area{padding: 100px 0;}
.page-case-area .case-wrape .case-block{box-shadow: 0 0 10px #ccc; border: 1px solid #fff;    border: 1px solid #81838d; border-radius: 10px; padding: 10px 10px 20px 10px;}
.page-case-area .case-wrape .case-block:hover{box-shadow: 0 0 5px #ccc;border: 1px solid #b9bbc5;}
.page-case-area .case-wrape .case-block.album-list small{ font-size: 12px; color: #888;position: relative; margin-bottom: 10px;display: inline-block;}
.page-case-area .case-wrape .case-block.album-list small::before{content: ''; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 7px solid #888; position: absolute; top: 7px;left: -15px;}
.page-case-area .case-wrape .case-block.album-list small::after{content: ''; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 7px solid #888; position: absolute; top: 7px;right: -15px;}
.page-case-area .case-wrape .case-block.album-list h3{overflow: hidden; height: 45px;}
.page-casetitle{text-align: center; }
.page-casetitle h3{font-size: 22px; color: #888; font-weight: 300; margin-bottom: 50px;}

.page-news-area{ padding: 100px 0; }
.news-info{overflow: hidden; height: 164px;}
.news-info small{ color: #888; }
.news-info h3{font-size: 22px; overflow: hidden; max-height: 54px;color: #00aabb;}
.news-info p{overflow: hidden; max-height: 75px; color: #000;}

.page-news-area .news-wrap-content h2{ font-size: 22px;  }
.news-wrap-content-main{height: unset!important;}
.news-wrap-content-main{padding-top: 30px;}
.page-about-area.inner{padding: 130px 0 100px 0;}
.page-about-area.inner .page-about-flex{display: flex; flex-wrap: wrap;}
.page-about-area .media .media-body .text-transform-none{color: #000;font-weight: 300;}
.page-about-area .media .media-body p{color: #2b2929;font-size: 14px;}
.page-about-area .media .media-left img{width: 50px;}
.page-about-title{font-size: 20px;}
.page-about-title::after{content: ''; display: block; width: 80px; height: 1px; background-color: #00aabb; margin: 30px auto 100px auto; }
.page-processinfo-area .processinfo-txt ul{padding: 0; list-style: disc;}
.page-processinfo-area .processinfo-txt ul li{ font-size: 14px;color: #000;text-align: justify; margin-bottom: 10px; }
.processinfo-title h3{ font-size: 22px; color: #00aabb; margin-bottom: 30px;position: relative;z-index: 10;transform: translateX(-15px);display: block; height: 50px; width: 60%;  margin: auto;background-color: #f5f5f5; box-shadow: 0px 4px 5px #ccc; top: -10px; border-radius: 0 0 10px 10px; line-height: 2; }
.processinfo-title h3::before{ content: '';  border-left: 10px solid transparent; border-right: 0px solid transparent; border-bottom:9px solid #ccc ;    position: absolute; left: -10px;  }
.processinfo-title h3::after{ content: '';  border-left: 0px solid transparent; border-right: 10px solid transparent; border-bottom:9px solid #ccc ;    position: absolute; right: -10px; }
.processinfo-block{background-color: #fff; border-radius: 3px; border: 1px solid #00aac4; padding: 0 30px 20px 50px; position: relative;z-index: -5; height: 340px;}
.content-map iframe{border-radius: 15px; border: 1px solid #ccc!important;}
.content-info h3{font-size: 22px;}
.content-info p a{ color: #000;  }
.content-info .content-btline{ margin-top: 20px; padding: 15px 0; border-top: 1px solid #00aabb;border-bottom: 1px solid #00aabb;}
#content-slider-contact li{ padding: 10px; overflow: hidden;}
#content-slider-contact li .case-box-img{border-radius: 15px;}
.page-foot .copyright a:hover{color: #b6afa8;}
.page-foot .copyright a{color: #fff;}

@media(max-width: 1320px) and (min-width: 1200px){
	.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{  padding: 6px 8px 7px !important;}
	.about-bg{ padding: 100px 0 230px 0;}

}

@media(max-width: 1200px){
	/*reset*/
	.rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner{ flex-direction: column;}
	.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{padding: 6px 20px 20px !important;}

	.m-br-non{display: none;}

	/*---*/
	
	.service-block-s-1 .service-right-main{ padding: 53px 0 100px 0;}
	.service-block-s-2 .service-right-main{ padding: 53px 0 100px 0;}
	.bug-item{ padding-top: 60%; }

	.float-phone{width: 100%; height: 50px; line-height: 0.8;}
	.float-phone a{padding: 15px 50px;}
	.rd-navbar-nav-wrap{  flex-direction: column;}
	.about-bg{ padding: 80px 0 130px 0;}
	.bug-item{padding-bottom: 150px;}
	.process-area .bug-item{margin-bottom: 100px;}
	.processinfo-block{height: 415px;}
}

@media(min-width: 1200px){
	/*reset*/
	.rd-navbar-static .rd-navbar-panel{  margin-left: 100px!important;display: inline-block;}
}

@media(min-width: 992px){
	.rd-navbar-fullwidth .rd-navbar-nav-wrap{padding-right: 0!important;width: 100%;}
}

@media (max-width: 991px){
	/*reset*/
	.rd-navbar-fullwidth .rd-navbar-nav-wrap{padding-right: 0!important;width: 100%;}
	.rd-navbar-fixed .rd-navbar-panel{flex-direction: column; height: 90px !important;padding: 0;}
	.rd-navbar-fixed .rd-navbar-brand{    height: 72px !important;top: 10px;    left: 15%;right: 30%;}
	.rd-navbar-fixed .rd-navbar-brand img{ max-width: 110px;  }
	.rd-navbar-fixed .rd-navbar-brand .brand-name{    display: block;margin: auto;}

	/*tool*/
	
	.m-f-18{font-size: 18px;}
	.pt-100{padding-top: 0;}
	.m-mt-15{margin-top: 15px;}
	.m-pt-80{padding-top: 80px;}
	.m-pt-30{padding-top: 30px;}
	.m-pb-30{padding-bottom: 30px!important;}
	.m-width-90{width: 90%; margin: auto;}
	.m-width-100{width: 100%; margin: auto;}
	.m-br{display: block!important;}
	.m-float-l{float: unset!important;}
	.article-tt-img img{ max-width: 100%; width: 100%; height: unset!important; }
	/*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}

	/*---*/
	
	
	.contact-area h4{ font-size: 16px; line-height: 2!important; font-family: '微軟正黑體', 'Arial';font-weight: 900; margin-bottom: 20px;}
	.btn-02{ margin: 10px 15px; font-size: 16px;}
	.service-block-s-2{display: flex; flex-direction: column-reverse;}
	.service-block-s-1 .service-right-main{ width: 100%; left: 0;top: 0; margin: auto;  padding: 53px 0 62px 0;}
	.service-block-s-2 .service-right-main{ width: 100%; right: 0;top: 0; margin: auto; padding: 53px 0 62px 0;}
	.service-block-s-1, .service-block-s-2{    margin-bottom: 0px;padding-top:0; }
	.service-block-s-1 .service-txt{ width: 90%;}
	.service-block-s-2 .service-txt{width: 90%;}
	.service-block-s-1 .btn-03 ,.service-block-s-2 .btn-03{ display: block; margin: auto;width: 150px;transform: translateX(-20px);}
	
	.certificate-item{transform: translateY(-30%);}
	.certificate-item h4{ font-size: 18px; }
	.click-1{ padding: 15px 30px; }
	.toppage-ul{flex-wrap: wrap; font-size: 12px;}
	.list-marked-mod-1{margin-left: 0!important;}
	.case-sidebar-title{ text-align: left!important; }
	.about-certificate-img{ width: 90%; box-shadow:0 0 10px #ccc; display: block; margin:30px auto; padding: 20px; }
	.about-icon{width: 40px!important; height: 40px!important;}
	.about-icon-block{margin-bottom: 50px;}
	.service-p-block{ width: 100%;padding:15px 5px;font-size: 14px!important;}
	.service-last-block{ flex-direction: column;}
	.service-last-block img ,.service-last-block p{margin-bottom: 15px;}
	.news-time time{display: block; text-align: left;}
	.news-item .caption .blog-post-body p{text-align: left;}
	.float-phone{position: relative; height: 40px; line-height: 2.5;}
	.float-phone a{ padding: 0px 50px;}
	.mob-panel{    text-align: left;}
	.about-bg{ padding: 80px 0 130px 0;}
	.about-left-txt{width: 50%;}
	.service-title{ margin: 0 auto 30px auto;}
	.page-foot .f-info h3{ text-align: center; }
	ul.f-icon{justify-content: center; margin-top: -10px;}
	.footer-content .col-xs-12 .f-14.f-w-500{text-align: center;}
	.case-wrape{    padding-bottom: 50px;}
	.case-wrape .content-slider li .case-block{     height: 250px; }
	.page-news-area .news-wrap-content h2{ font-size: 18px; letter-spacing: 0; }
	.page-about-area .media .media-body .text-transform-none{color: #000; }
	.page-about-area .media .media-body p{color: #2b2929;font-size: 14px;text-align: justify;}
	.processinfo-block{height: unset;}
	.m-content-flex{display: flex;  flex-direction: column-reverse;}
	.brand-name > img{margin: auto;display: block;}
}

@media(max-width: 768px){
	.m-close{ display: none!important; }
	.m-open{ display: block!important; }
	.float-phone{  line-height: 2;}
	.float-phone a{ font-size: 14px; padding: 10px;}


	.about-bg{ padding: 80px 0 410px 0; background-size: 130%; background-position: -86px 100%; background-image: url(../images/about-bg-2.png);}
	.about-left-txt{width: 80%;}
	.m-contact-bg01{background-image: url(../images/m-contact-bg01.jpg); background-size: cover; background-repeat: no-repeat; padding: 60px 0;}
	.bg-subscribe{ background-image: unset!important;padding: 0;}
	.contact-area .row * + .col-xs-12{        margin-top: unset!important;}
	.contact-wrape{ width: 80%; display: block; margin: auto;}
	.bug-item{  padding-top: unset;  padding-bottom: 290px;}
}

@media(max-width: 500px){
	.bug-item{  padding-top: unset;  padding-bottom: 190px;}
}

@media(min-width: 480px){
	.ui-to-top {right: 10px!important;}
}

@media(max-width: 430px){
	.about-bg{ padding: 50px 0 330px 0;}
	.about-left-txt{width: 100%;}
	.bug-item{  padding-bottom: 140px;}
	.bug-item p{    font-size: 14px;}
	.process-area .bug-item{margin-bottom: 150px;}
}

@media(max-width: 425px){

	/*--*/
	
	.bug-item-block img{ width: 100% ; display: block; margin: auto; }
}

@media(max-width: 393px){
	.about-bg{ padding: 50px 0 290px 0;}
	
}

@media (max-width: 320px){
	.service-block-s-1 .service-right-main{ width: 90%; left: 0;top: -5vh; margin: auto; }
	.service-block-s-2 .service-right-main{ width: 90%; right: 0;top: -5vh; margin: auto;}
	.bug-item{  padding-bottom: 110px;}
}