/*layout reset*/
.head-left{ width: 30%; float: left;  }
.head-right{ width: 70%; display: flex; flex-direction: column; align-items: flex-end; }
.non-float{ float: unset!important;}

/*reset*/
body .blog-area .info a:hover{ color:#4ca0a6; }
.attr-nav {margin-left: 0!important;}
nav.navbar.attr-border .attr-nav{ border-left: unset; }
.logo{ width: 58%; }
nav.navbar.bootsnav ul.nav > li > a{ padding: 10px 15px; margin-bottom: 20px; font-weight: 500; }
.about-area .about-content .info h2::after{  background: #459586 none repeat scroll 0 0; }
.product-p1 button.owl-prev{    position: relative;  left: -50%;}
.product-p1 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p1 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p1 .owl-theme .owl-nav{ margin-top: -18%; position: relative; }

.product-p2 button.owl-prev{    position: relative;  left: -50%;}
.product-p2 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p2 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p2 .owl-theme .owl-nav{ margin-top: -13%; position: relative; }
nav.navbar.attr-border .attr-nav{ min-height: 57px; }
.attr-nav > ul > li{ padding: 37px 0 11px 0; }
footer .f-item h4{ font-weight: 900; font-size: 24px; }
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a{ color: #AF7E46;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li{ color: #4ca0a6; font-weight: 900; }
.breadcrumb-area .breadcrumb li.active{color: #000;}
.breadcrumb-area .breadcrumb::after{ background: transparent;}
.breadcrumb-area .breadcrumb li::after{ border: unset; content: '▸'; margin-top: -12px!important;}
.breadcrumb-area h1{ font-size: 30px;  margin-left: 11px; }
.breadcrumb-area .breadcrumb{ padding: unset; background-color: #ffffffc2;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #E1DAD7; border-color: #fff;}
.pagination>li>a, .pagination>li>span{ color:  #AF7E46; }
nav.navbar.bootsnav.navbar-default.navbar-fixed.navbar-transparent.inc-topbar{margin-top: 0!important; }
nav.navbar.bootsnav {  box-shadow:unset!important;}
.portfolio-area .effect-left-swipe a i{  background: transparent none repeat scroll 0 0!important;  color: #fff!important;}
.effect-left-swipe > a{ right: 10px!important; top:5px!important; }
.jx-servicelist-1 .category{     font-family: '微軟正黑體', oswald!important; }
.services-inc-area .item .overlay h4{ border-left: unset!important;}
.services-inc-area .item .thumb .overlay > a::after{background: #126d7a none repeat scroll 0 0;}
.services-inc-area .services-carousel .owl-nav .owl-prev, .services-inc-area .services-carousel .owl-nav .owl-next{color: #429787!important; border: unset!important;}
.equipment-area.achivement-area .info h2::after{ content: unset; } 
.achivement-area .achivement-items .fun-fact .timer{     color: #429787!important; }
.space-area .site-heading h2::before{  background: #00917c none repeat scroll 0 0;}
.team-area .team-items.team-carousel .owl-nav .owl-prev, .team-area .team-items.team-carousel .owl-nav .owl-next{ color: #429787!important; }
.time-area .site-heading h2::before{  background: #00917c none repeat scroll 0 0;}
.breadcrumb-area.page-top{  padding: 80px 0 80px 0; margin-top: 140px; }
.blog-area.page-news .info a:hover{ color: #4ca0a6; }
.page-pagi-area .pagi-area .pagination li.active a{   background: #4ca0a6 none repeat scroll 0 0; color: #fff;  }
.page-pagi-area .pagi-area .pagination li a{ color: #4ca0a6; width: 30px; height: 30px; line-height: 29px;}


/*tool*/
.c-459586{color: #459586!important;}
.c-4ca0a6{color: #4ca0a6!important;}
.c-ff7baa{color: #ff7baa!important;}
.bgc-459586{background-color: #459586!important;}

.m-br{display: none;}
.flex{display: flex;}
.none{display: none!important;}
.border-non{border: unset!important;}
.text-d-s{text-decoration:line-through;}
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-36{ font-size: 36px; }
.f-30{ font-size: 30px; }
.f-26{ font-size: 26px!important; }
.f-24{ font-size: 24px!important; }
.f-22{ font-size: 22px!important; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-14{ font-size: 14px!important; }
.f-12{ font-size: 12px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000!important; }
.c-999{ color:#999!important; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-604C3F{color: #604C3F;}
.c-AF7E46{color: #AF7E46;}
.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; }
.bg-ccc{ background-color: #ccc!important; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}
.width-100{ width:100%; margin: auto;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pd-50{ padding:50px; }
.pd-15{ padding:15px; }

.pt-50{padding-top: 50px;}
.pb-50{ padding-bottom:50px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-0{ margin-bottom: 0!important;}
.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; }
.ml-20{ margin-left:20px; }
.height-233{ height: 233px; overflow: hidden;}
.height-126{ height: 126px; overflow: hidden; }

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }

.t-boder-t{ border-top:1px solid #AF7E46; }
.border-000{border: 1px solid #000;}
.radius-15{border-radius: 15px; overflow: hidden;}
.radius-non{ border-radius: unset!important;}
.box-shadow-10{box-shadow:0px 4px 5px;}
.float-r{ float: right;}
.float-l{ float: left;}
.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;}
.table-rwd{ overflow-x: auto; }
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; background-color: #e9e9e9; }
.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%); }
/*education-box-img*/
.education-box-img{ overflow: hidden; width: 100%; padding-top:calc( 4 / 5 * 100% - 50px ); position: relative; background-color: #e9e9e9; }
.education-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); transition: ease 0.8s all; }
.education-box-img:hover img{transform: translate(-50%, -50%) scale(1.2);}
/*space-box-img*/
.space-box-img{ overflow: hidden; width: 100%; padding-top:calc( 4 / 5 * 100% + 60px ); position: relative; background-color: #e9e9e9; }
.space-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*photo*/
.photo-box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; background-color: #e9e9e9; }
.photo-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
.effect-left-swipe:hover .photo-box-img img{ transform: translate(-50%, -50%) scale(1.5)!important;}
/*photo*/
.link-box-img{ overflow: hidden; width: 20%; padding-top:20%; position: relative; background-color: #e9e9e9; margin-right: 20px; }
.link-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*article set*/
.max-w-800 img{ max-width: 800px; }

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

.product-p1 .icon ,.product-p2 .icon{display: block; height: 50px; overflow: hidden;}
.btn-230524{ padding: 12px 20px;  display: inline-block;  border-radius: 50px;  border:1px solid #000; color: #000; overflow: hidden; }
.mask-btn{ position: absolute; top: 0; left: 0; transition-property: width; width: 0; height: 300px;    transition-timing-function: ease ;  transition-duration: 0.5s;}
.btn-230524:hover >.mask-btn{ width: 100%; background-color: #000; z-index: -100;}
.btn-230524:hover{ color:#fff ;}
body .about-area .about-content .info .btn-position-b{ margin-top:calc( 100% / 4); }
body .about-area .about-content .info .btn-position-b-en{ margin-top:100px; }
.btn-230524-2{ padding: 32px 0px;  display: inline-block; font-size: 24px; border-radius: 50px;   color: #000; overflow: hidden; }

.news-list{ padding: 0; list-style: none; }
.news-list li{ border-bottom:1px solid #4C4B4B;  }
.news-list li a{  display: flex; margin: 15px 0 5px 0;  }
.news-list li a p{  transition: margin-left;transition-timing-function: ease ;  transition-duration: 0.5s; font-size: 20px;color: #000; font-weight: 700; line-height: 2.4; }
.news-list li:hover > a{ margin-left: 30px; }
.news-c-title{margin-left: 180px;}
.p1-t-icon{display: block;}
.en-title-s{ display: block; }
.product-2-title{ align-items: center;display: flex;justify-content: space-between;}
.shape01{ width:10px; height:20px; display: inline-block; background-color: #000; margin-right: 10px; }
.f-item a{ font-size: 16px; font-weight: 500; color:#6A6766; }
.f-item ul{padding: 0; margin: 0;}
.f-item li{ margin-bottom: 10px; }
.f-icon{ display: flex; margin-top: 16px;}
.f-icon li{ margin-right: 10px; }
.f-add{width: 119px; }
.f-add-en{width: 119px; margin-right: 16px; }
.f-phone{ letter-spacing: 41px;}
.f-phone-en{ letter-spacing: 4px;}
.f-phone-last{margin-right: 20px;}
.f-phone-last-en{margin-right: 20px;}
.f-fax{ letter-spacing: 19px;}
.f-fax-last{margin-right: 20px;}

/*pagetop*/
.breadcrumb-area{ position: relative; background-position: center; padding:80px 0 80px 0!important; }
/*.page-top{ display: block;  bottom: -240px; position: relative;  background: linear-gradient(0deg,#ffffffdb 31%,#ffffff57 76%,#ffffff00 100%); padding: 94px 40px 30px 40px;  }*/
.top-info{ display: inline-block; padding: 20px; }
.page-line{  }
.page-line-mo{ animation-name: page-line-mo; animation-fill-mode: forwards; animation-delay: 1s; animation-duration: 1s; transition: all 2s ease-out;  }
@keyframes page-line-mo{ from {transform: translateY(-200px); }to {transform: translateY(0px); }}
.page-line img{ position: absolute; }
.line-1{ left: -74px; top:42%; }
.line-2{ left: -242px;  top: 56% }
.line-3{ left: -154px; top:62%; }
.move-line-1{ animation-name: line1; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; transition: all 2s ease-out; }
@keyframes line1{ from {transform: translate(-74px); }to {transform: translate(74px); }}
.move-line-2{ animation-name: line2; animation-fill-mode: forwards; animation-delay: 0.2s; animation-duration: 2s; transition: all 2s ease-out; }
@keyframes line2{ from {transform: translate(-242px);}to {transform: translate(242px);} }
.move-line-3{ animation-name: line3; animation-fill-mode: forwards; animation-delay: 0.3s; animation-duration: 2s; transition: all 2s ease-out; }
@keyframes line3{ from {transform: translate(-154px);}to {transform: translate(154px);} }

/*aboutpage*/
.circle-a{ z-index: 99; border-radius: 50%; width: 200px; height: 200px; ; margin:auto;  }
.circle-a p{ color: #4c59a4;transition: color 0.5s ease-out 100ms; font-size: 30px; text-align: center; transform: translateY(356%); }
.circle-a:hover > p{color: #fff;}
.circle-a::after{ z-index: -99; content: ''; width:3px; height:50px; display: block; background-color: #dcdcdc; position: absolute; top: 200px; left: 50%; }
.circle-a::hover{ animation-name: circlea; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; transition: all 2s ease-out;}

.hover-co{ background-color: #dcdcdc; transition: background-color 0.5s ease-out 100ms; }
.hover-co:hover{ background-color: #535d97;  }
.hover-co:hover::before{opacity: 0; content: ''; animation-name: ho1; animation-fill-mode: forwards; animation-delay: 0.3s; animation-duration: 2s; transition: all 2s ease-out; width:3px; height:50px; z-index: -1;position: absolute; top: 199px; left: 50%; background-color:#535d97 ; }
@keyframes ho1{  from {transform: translateY(-50px); opacity: 0;}to {transform: translateY(0px);opacity: 1;} }

.about-txt ul li{ font-size: 20px; color:#535d97; font-weight: 800; text-align: center; }
.about-txt ul{ padding: 50px 0;  margin:auto ; }

/*page*/
.page-news-2305 h3{ margin-top:30px;  }
.page-news-2305 .page-news-time{margin-bottom: 30px;}
.page-news-2305 p{ font-size: 18px; color:#000; margin:15px 30px 15px 0; line-height: 1.8; }

.flex-product-c{    display: flex;align-items: center; justify-content: center;}
.page-products-main{ transition: background-color 0.5s ease-out 100ms; }
.page-products-main a:hover{ background-color:#404a7f; }
.page-products a:hover{ border:1px solid #535d97; background-color: #535d97; }
.page-products h3{ font-size: 18px; }
.page-products a:hover > h3{color: #fff;}
.page-products a img{ margin-bottom: 20px; }
.p-type p{ padding: 3px 12px; background-color: #535d97; color:#fff; display: inline-block; margin-right: 15px; margin-bottom: 30px; }
.p-txt p span{ float: left; color: #000; font-size: 18px; margin-bottom: 30px; }
.product-main-info-bottom p{ font-size: 18px; line-height: 1.8; color:#000; }
.product-tt td{ border:1px solid #000; padding: 5px 10px; text-align: center; color:#000; }
.contact-info{display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;height: 600px;}
.contact-info h2{ margin-bottom: 100px; }
.contact-info p ,.contact-info a{ color:#000; font-size: 18px;line-height: 2.2; }


/*----*/
.mt-head-main{ margin-top: 51px; }
.mt-head-logo{ margin-top: 22px; }
.width-free{ width:97%; }
.search-top{ display: inline-block; background-color: #fff; width: 100px;  margin-top: 9px;  border: 1px solid #ccc; border-radius: 30px;  }
.search-btn{ position: absolute;right: 0px;top: 47px;border: 1px solid #959595;border-radius: 100px;background-color: #ededed; }
.attr-nav input{ width: 55px;padding-left: 20px; font-size: 14px;  height: 20px; min-height: 37px!important; overflow: hidden; border: unset!important;}
.meta{ border-top: 1px solid #000 ; padding: 15px 0 ; }
.txt-height{ height:100px; overflow: hidden; }
.txt-height-service{ height:50px; overflow: hidden; }
.txt-height-2line{height: 49px; overflow: hidden; }

.block-shadow{box-shadow: 1px 1px 5px 2px #ccc;}
.news-info{ padding: 20px;   }
.index-title{ padding: 5px 0; border-bottom: 1px solid #eee; width: 98%; margin: auto;}
.padding-non{ padding: unset!important; }
.margin-r-30{margin-right: 30px;}
.shadow-non{ shadow-box: unset!important;}
.news-img{ overflow: hidden; width: 100%; padding-top: 100% ; position: relative; }
.news-img img{ width: 100%;  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }

.brand-img{ overflow: hidden; width: 100%; padding-top: calc( 9 / 16 * 100% + 45px ) ; position: relative;}
.brand-img img{ width: 100%; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
.page-service-img{ overflow: hidden; width: 100%; padding-top: calc( 9 / 16 * 100% + 45px ) ; position: relative;}
.page-service-img img{ width: 100%; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
.page-notice-img{ overflow: hidden; width: 100%; padding-top:100% ; position: relative;}
.page-notice-img img{width: 100%; position: absolute; right: 0;top: 0; }
.gallery-img{ overflow: hidden; width: 100%; padding-top: calc( 9 / 16 * 100% + 40px ) ; position: relative;}
.gallery-img img{  position: absolute; top: 0; left: 0;}
.page-lens-img{ overflow: hidden; width: 100%; padding-top:100% ; position: relative; }
.page-lens-img img{ width: 100%; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }

.notice-txt{ display:flex; color:#000; line-height:1.8; text-align: justify;}
.page-about-txt-l{ display: flex;align-items: center; margin-bottom: 50px;  }
.page-about-txt-l p{ color: #000; line-height: 2;}
.page-about-txt-l span{ text-align: end;}
.page-about-txt-r{ display: flex;align-items: center; flex-direction: row-reverse; margin-bottom: 50px; }
.page-about-txt-r p{ color: #000; line-height: 2;}
.page-about-txt-r span{ text-align: end; }
.page-news-main img{  max-width: 800px; }
.page-news-main p{font-size: 18px; color: #000;}
.lens-pic-max img{ max-width: 900px; }
/*購物車模板設定*/
.product-checkout{ padding:50px 0; }
.product-checkout p{ line-height: 2; }
.product-right{ padding:50px 0; }
.shipping{ display: flex; }
.shipping span{ padding-left: 70px; }
.frame-p-info img{ max-width: 900px; }
.frame-p-info{ padding-bottom: 100px;}
.special{ font-size: 30px; color:#000; }
.original{ color:#ccc; }
.product-checkout .page-price{ display: flex;  align-items: center;}
.page-tips{width: 100%; margin-bottom: 50px; border: 1px solid #ccc; padding: 20px; border-radius: 10px;max-height: 160px; overflow-x: auto;}
.page-tips p{line-height: 0.8!important; }
.btn-add{ padding: 10px 20px; border: 1px solid #000; color:#000 }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: #000;  border-bottom: 3px solid #000;  background-color: transparent!important;}
.nav-pills>li{ border: unset!important; }
.nav-pills>li>a{ border-radius: unset!important; }
.tab-content-info{ padding: 50px 0; }
.tab-pane .info p{ font-size: 18px; line-height: 1.5; }

/*car*/
.num-bt{ display: flex; }
.num-bt .num{ color:#AF7E46; }
.pp-block{ display: flex; margin-bottom: 30px;}
.pp-block select{  width: 100px; }
.pp-block .num-bt .minus , .pp-block .num-bt .plus{ border: 1px solid #AF7E46; color: #AF7E46; background-color: transparent;}
.minus ,.plus{width: 30px; height: 30px; border-radius: 50%;}
.price{width: 170px;}

/*shopping-list*/
.shopping-step{width: 100%; margin: auto; margin-bottom: 80px;}
.shopping-step ul{ list-style: none; display: flex; justify-content: center; }
.shopping-step ul li{ background-color: #ccc; color:#fff; box-shadow: 1px 1px 4px #888; padding:10px 120px; font-size: 18px; letter-spacing:3px ; font-weight: 900; }
.shopping-step ul li.active{ background-color: #AF7E46; }
.submit{ padding:5px 20px; background-color: #AF7E46;  border: unset; color: #fff;}
.revise{ padding:5px 20px; background-color: #ccc; border: unset; color: #000;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{     border-top: 1px solid #dcdcdc;  }
.tden{ background-color: #b79b7a; color:#fff; font-size: 18px; text-align: center; }
.tdens{ font-weight: 900; font-size: 18px; text-align: center; padding: 30px; }
.car-align{ padding: 30px!important;}

.list-finish{ width: 100%; border: 1px solid #AF7E46; padding: 30px;  margin-bottom: 100px;}
.list-finish p{ font-size: 20px; color: #AF7E46; text-align: center;}

/*login*/
.bg-AF7E46{background-color: #AF7E46;}
.login{ width: 30%; margin:auto; display: block;  border: 1px solid #AF7E46; padding: 20px 50px;}

/*register*/

.register{  width: 50%; margin:auto; display: block;}
.register button{ border: unset; color: #fff; background-color:#AF7E46 ; }



/*time table*/
.tg  {width: 80%;background-color: #fff; border: 20px solid #fff; border-collapse:unset;border-spacing:0; margin: auto;}
.tg td{font-family:Arial, sans-serif; line-height: 1.2; font-size:14px;overflow:hidden;padding:30px;word-break:normal; word-break: normal;display: table-cell;vertical-align: middle!important; color: #459586; border: 1px solid #459586;  }
.tg th{font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-lqy6{text-align:right;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.border-top-non{border-top: unset!important;}
.border-left-non{border-left: unset!important;}
.border-right-non{border-right: unset!important;}
.pd-30{padding: 30px!important;}
.c-7D8780{ color:#7D8780; }
.c-332E32{color:#332E32;}
.text-right{ text-align: right!important; }
.text-center{ text-align: center!important; }
.pd-rset{ padding: 10px 0 5px 0!important;    width: 45px; }
.pb-5{padding-bottom: 20px!important;}
.table-bt-line  {      position: relative;  top: -18px;   }
.line-js-line{ display: block; border-bottom: 1px solid #888;  width: 94%; margin: auto; }
.table-rwd{ border:unset; }
.circle-shape{display: block; margin: auto; width: 16px;height: 16px; background-color: #459586; border-radius: 50%;}
.tg td span{ font-size: 20px; }

/*----*/
.index-about-txt p{ line-height: 1.4; font-size: 14px; color: #000; text-align: justify; }
.index-about-icon img{ width: 80px; margin-bottom: 15px; }
.index-about-icon h5{ color: #4ca0a6; font-size: 18px; margin-bottom: 15px!important; }
.index-about-icon p{ font-size: 14px; color: #000; text-align: left; height: 48px; overflow: hidden; }
.index-about-icon p.text-center{text-align: center;}
.education-bg{ background-image:url(assets/img/index-bg-01.jpg); background-repeat: no-repeat; background-size: contain; }
.education-title.site-heading h2::before{ background: #fff none repeat scroll 0 0;}
.education-title.site-heading h2{color: #fff;}
.education-title.site-heading p{color: #fff;}
.education-item .info p{color: #000;}
.education-item .info a{color: #459586!important;}
.equipment-area .info p{ color: #000; }
.space-area .item .info h4{ color: #459586; font-weight: 500!important; height: 48px; overflow: hidden;display: flex;align-items: center; justify-content: center; }
.space-area .item .info{padding: 10px!important;}
.footer-border-right{border-right: 1px solid #fff;}
.f-logo{ width: 80%; min-width: 130px;}
.flogo-wrape{display: flex; justify-content: flex-end; padding-right: 50px;}
.f-logo-info{ padding-left: 50px;}
.f-logo-info p{ color: #fff; font-size: 20px;margin-bottom: 30px; }
.btn-01{ padding: 10px 40px; background-color: #fff; color: #429787; font-size: 16px; margin-right: 20px; }
.btn-01:hover{ color: #429787; opacity: 0.8; }
.btn-02{ padding: 10px 15px 12px 0; background-color: #fff; color: #429787; border-radius: 15px 30px 30px 15px; }
.btn-02:hover{ color: #429787; opacity: 0.8; }
.btn-02 img{   margin-right: 10px; width: 38px; }
.f-items .item ul li{ color:#000; }
.page-news-content .info img{max-width: 100%;}
.blog-area.page-edu .single-item .box-shadow-10{transition: ease 0.4s all;}
.blog-area.page-edu .single-item:hover .box-shadow-10{box-shadow: 0 0 3px;}
.equ-padding-free{  padding: 15px 20px 0px 20px!important;}
.service-subtitle{ background-color: #4ca0a6; color: #fff!important; display: inline-block; font-size: 14px; padding: 5px 30px 3px 30px;}
.service-list-block{ border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; }
.map iframe{border-radius: 30px; margin-bottom: 30px;}
.map-s-title{ font-weight: 900; color: #4ca0a6; font-size: 18px;margin-bottom: 0; }
.page-link-block{display: flex; background-color: #fff5e9; padding: 30px;}
.page-link-block:hover{ background-color: #fbebd7; }
.page-link-info{display: block; width: 70%;}
.page-sidebar-title{padding: 10px 40px; text-align: center; background-color: #4ca0a6; color: #fff!important;}
.page-sidebar{text-align: center;}
.page-sidebar li{border-bottom: 1px solid #e9e9e9; padding: 10px;}
.page-sidebar li:last-child{border-bottom: unset!important;}
.page-sidebar li a:hover{color: #4ca0a6;}

 
@media(max-width: 1520px) and (min-width: 1200px ){

	/*reset*/
	.product-p1 button.owl-prev{    position: relative;  left: -50%;}
	.product-p1 button.owl-next{    position: relative;  right: -50%;}

}

@media(min-width: 1200px){ 
	nav.navbar.bootsnav ul.nav > li > a{ font-size: 18px; }
 }
@media(max-width: 1200px){
	/*reset*/
	.product-p1 button.owl-prev{    position: relative;  left: -52%;}
	.product-p1 button.owl-next{    position: relative;  right: -52%;}




	.f-add{ width: 132px;  margin-right: 20px; }

	nav.navbar.bootsnav ul.nav > li > a{ font-size: 14px; }
	.mt-head-main{      margin-top: 19px;}
}

@media(max-width: 1350px) and (min-width: 991px ){

	.navbar-header{ width: 27%!important; }
	nav.navbar.bootsnav .navbar-brand{ padding: 0px 15px 0 20px!important; }
	nav.navbar.bootsnav ul.nav > li > a{padding: 10px 10px; font-size: 16px; }
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{font-size: 16px!important; }

}
@media(min-width: 1024px){

	/*reset*/
	
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{ font-size: 18px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width: 200px; background: rgba(255, 255, 255, 1);}
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{color: #459586;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{     border-bottom: unset; }
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#459586; }
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{ opacity: 0.8; color: #459586!important;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{  }
	nav.navbar.bootsnav.sticked ul.nav > li > a{    padding: 10px 15px;}
	nav.navbar.bootsnav .navbar-brand{ padding: 0px 15px 0 190px; }
	nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a{color: #000; }
	nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ border-left: 1px solid rgba(255, 255, 255, 0.0)!important; }
	nav.navbar.bootsnav.navbar-transparent.white{border-bottom: unset!important;}
	nav.navbar.bootsnav.navbar-fixed .logo-scrolled{    margin-top: 22px;}
	nav.navbar.bootsnav.navbar-transparent .attr-nav{      padding-left:0!important;   margin-left: unset!important; }

	nav.navbar.bootsnav ul.nav > li > a::before{ content: unset; transition: width 0.7s; width: 0px; height: 2px; background-color: #1D2D90; position: absolute; left: 10; bottom: 0;  }
	nav.navbar.bootsnav ul.nav > li > a:hover::before{  width: 85px; }

}

@media(max-width: 1023px){
	nav.navbar.bootsnav .navbar-nav > li > a{ border-top: unset; }
	nav.navbar.bootsnav .navbar-nav > li > a:last-child{ border-bottom: unset; }
	nav.navbar.bootsnav .navbar-nav{ margin-top: 30px; }
	.attr-nav{ float: unset!important; }
	.search-top{ width: 150px; }
	.search-btn{ top:26px; }
	.navbar-header{ z-index: -999;}
	nav.navbar.bootsnav .navbar-brand{ z-index: 1; }
	nav.navbar.bootsnav .navbar-toggle{z-index: 99; }

}

@media (max-width: 1024px){

	/*tool*/
	.m-non-float{ float: unset; }
	.m-pb-40{ padding-bottom: 50px; }
	.m-mb-50{ margin-bottom: 50px; }
	.m-mb-317{ margin-bottom: 317px!important; }

	/*layout reset*/
	.head-left{ float: unset; width: 100%; }
	.head-right{  align-items: center; justify-content: unset!important;   width: 100%; justify-content: center; margin-bottom: 15px; margin-top: -15px;}
	.logo{ width: 250px; }

	/*reset*/
	nav.navbar .navbar-brand img.logo{ height: unset; transform: translate(5%, 0%); max-width: 280px;}
	.attr-nav{  position: unset; }
	nav.navbar.bootsnav.attr-border .navbar-header{ border-bottom: unset; }
	nav.navbar.attr-border .attr-nav{    margin-left: 0px!important; padding-left: 0px!important; }
	.navbar-collapse{width: 100%;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size: 16px; }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ font-size: 16px; font-weight: 500!important; }
	nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a{  border-bottom: unset ; }
	

	.img-r-mail{ height:40px!important; }
	.img-r-tw{ height:33px!important; margin-top: 2px; }
	.img-r-en{ height:17px!important; }


	body .about-area .about-content .info .btn-position-b{ margin-top:50px!important; }
	.product-2-title{ flex-direction: column; align-items: flex-start;}
	/*.page-top{   padding: 89px 10px 30px 10px; position: relative; left: 50%; bottom: -201px; transform: translateX(-50%);  }*/
	.breadcrumb-area{ background-position: 45% ; }


}	

@media(min-width: 991px){
	.navbar-header{ width: 37%; }
}

@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*/
	.m-close{ display: none!important; }
	.m-open{ display: block!important; }
	.m-float-non{ float: unset!important; }
	.m-mt-50{ margin-top:50px; }
	.m-f-18{font-size: 18px!important;}
	.m-f-20{font-size: 20px!important;}
	.m-br-non{display: none!important;}
	.m-br{display: block;}
	.m-flex-non{display: unset!important;}
	.footer-border-right{border-right: unset!important;}
	/*article set*/
	.max-w-800 img{ max-width: 100%; width:100%; }

	/*time table*/
	.tg{ min-width: 280px; }
    .table-rwd{ width: 90%; display: block; margin:auto; }
    .tg td{padding:7px; }
	.circle-shape{width: 10px;height: 10px;}
	.tg td span{ font-size: 12px; }
	.m-width-13{ width: 18%!important;}

	.logo{ width: 70%; display: block; margin: auto; }
	.news-c-title{margin-left: 80px;}
	.f-add{ width: 100px;  margin-right: 0; }

	.contact-info{ padding: 10px ; }
	.news-list li a p{font-size: 16px;}
	.product-p1 .icon ,.product-p2 .icon{ height:80px; }

	.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}

	.index-title{ width: 90%; }
	.page-about-txt-l{flex-direction: column-reverse;}
	.page-about-txt-r{     flex-direction: column-reverse;  }
	.page-about-txt-l span{margin-bottom: 20px;}
	.page-about-txt-r span{margin-bottom: 20px;}
	.page-news-main img{  width: 100% ;max-width: 100%; height: unset!important; }
	.lens-pic-max img{ max-width: 100%; width: 100%; }
	.shipping span{ float: unset; display: block; padding-left: unset; font-size: 16px;  }
	.frame-p-info img{ max-width: 100%; width:100%; }

	/*shopping*/
	.shopping-step ul li{ padding:10px 20px; font-size: 12px; letter-spacing: 0; }
	.car-align a{ display: block; width: 70px!important;  }

	/*login*/
	.login{ width: 90%; }


	.txt-height{ height:70px; overflow: hidden; }

	.index-about-icon p{ text-align: center;  }
	.flogo-wrape{flex-direction: column;padding-right: unset!important; margin-bottom: 30px;}
	.f-logo{width: 90%; display: block; margin: auto;}
	.f-logo-info p{ text-align: center; font-size: 16px; }
	.f-logo-info{ padding-left: unset!important; }
	.btn-01{display: block; width: 75%; margin: 10px auto; text-align: center;}
	.btn-02{display: block; width: 75%;  padding: 0px 15px 0px 0; margin: auto;}
	.btn-02 img{  width: 47px;  }
	.education-bg{  background-size: 390%; }
	.breadcrumb-area.page-top{   margin-top: 72px; }
	.page-news-content .info img{max-width: 100%; width: 100%!important; height: unset!important;}
	.page-link-block{ flex-direction: column; }
	.link-box-img{width: 100%; padding-top: 100%!important; margin-bottom: 20px;}
	.page-link-info{width: 100%;}

	

}

@media(min-width: 768px){
	.navbar-collapse.collapse{ display: flex; justify-content:center; }
	.navbar-right{     margin-right: 0!important; }
}

@media(max-width: 768px){

	/*reset*/
	.product-p1 .owl-theme .owl-nav{ margin-top: -30%; }

	.news-c-title{margin-left: 30px;}
	.breadcrumb-area{ background-position: 45% ; }
}

@media(max-width: 598px){
	/*reset*/
	.product-p1 .owl-theme .owl-nav{ margin-top: -50%; }
}

@media(max-width: 592px){
	.product-p2 .owl-theme .owl-nav{ margin-top: -56%; position: relative; }
}