.main-2511 a{text-decoration: unset;}

.main-2511 h1 , .main-2511 h2, .main-2511 h3, .main-2511 h4, .main-2511 h5, .main-2511 h6, .main-2511 p, .main-2511 a{ font-family: "微軟正黑體" , serif; }

/*reset*/
.main-2511 .nav-link:hover{color: #a7a88a!important;}
.main-2511 .dropdown-item:hover{color: #a7a88a!important;}
.main-2511 .top-bar{ background-color:#e8e5d8; }
.social-box a{ background-color:unset!important; width: 40px; height: 40px;}
.social-box.v-2511 a img{ width:100%; }
.btn-quotes.btn-quotes-2511{display: none; background-color: #fab333; color: #000;font-weight: 600; font-size: 15px;}
.main-2511 .navbar-expand-lg .navbar-nav .nav-link{ font-weight: 400; }
.index-service-style{padding: 25px;}
.index-service-style img{width: 30px;}
.bg-secondary-color.index-servicebg-c{background-color: #e8e5d8;}
.bg-secondary-color-2.index-servicebg-c{background-color: #fab333;}
.bg-primary-color.index-servicebg-c{background-color: #a7a88a;}
.bg-primary-color-2.index-servicebg-c{background-color: #e0c1ae;}


/*tool*/

.bgc-fff{background-color: #fff;}
.border-r-circle{ border-radius:50px; overflow:hidden;  }

.c-000{color: #000;}
.mt-50{margin-top: 50px; }
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.f-w-900{font-weight: 900!important;}
.none{display: none!important;}

/*mainmenu active*/
.navbar-active {background-color: transparent;}
.navbar-active >a{ color: #a7a88a!important;font-weight:900; }


/*---*/
.index-service-item h6 ,.index-service-item p{color: #000;}
.index-service-item h6{font-weight: 400!important;}
.index-service-item p{font-size: 14px;}
.index-about-listtt{ color:#fab333; font-size:16px; }
.index-about-stt{color: #a7a88a; font-size: 18px;}
.index-about-title{font-size: 30px; font-weight: 400;}
.index-about-content{margin-bottom: 50px; color:#000!important; font-size:16px; }
.bi-check-circle-fill::before{color: #fab333!important;}
.index-about-list li h5{font-weight: 400!important;font-size:16px;}
.index-about-p{ font-size:16px!important; font-weight:400; }
.about-area .btn{font-size: 16px; font-weight: 400; background-color: #fab333;}

.news-stt{color: #a7a88a; font-size: 18px;font-weight: 400!important;}
.news-tt{font-size: 30px; font-weight: 400!important;}

.newsicon{background-color: #e0c1ae;width: 80px; height: 80px; padding: 10px; border-radius: 50px;}
.newsicon img{ width:100%; margin:auto; display:block; }
.news-item .btn{ background-color:#fab333;border:1px solid #fab333; font-size: 14px;    padding: 10px 40px;}

.news-item{background-color: #f9f8f4;}
.news-hr{border-color: #000!important; }
.news-info-tt{ font-size:24px; font-weight:400; }
.news-info-p{font-size: 16px;}
.box-img-news{width: 100%; padding-top:calc(4 / 5 * 85%); overflow: hidden; position: relative;}
.box-img-news img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }

.whychooseus-area-bg{background-color: #e8e5d8;}
.whychooseus-small{color: #e6970a; }

.whychooseus-title, .whychooseus-content, .whychooseus-list li h5{color: #000;}
.whychooseus-title{font-size: 30px;}
.whychooseus-list li h5{font-size: 18px; font-weight: 400!important;}
.whychooseus-point .card .display-5 img{width: 70px; margin-bottom: 20px;}
.whychooseus-point .card p.mb-0{ color:#000; }

.recommended-stt{color: #a7a88a; font-size: 18px;}
.recommended-tt{color: #000; font-size: 30px;}

.recommended-wrap .feedback-card{ border:2px solid #a7a88a; }
.recommended-name h5{color: #000;font-weight: 900;font-size: 18px;}
.recommended-name p{font-size: 16px;}

.team-stt{ color:#a7a88a; font-size: 18px; }
.team-tt{color: #000; font-size: 30px;}
.ratio-wrapper-419.bgc-a7a88a{ background-color:#a7a88a; border-radius:40px; }
.ratio-wrapper-419.bgc-a7a88a img{object-fit: cover; width: 100%; height: 100%;}
.team-info{background-color: #fab333;}
.team-info h4, .team-info p{ color:#000; }
.team-info h4{font-size: 20px; font-weight: 900!important;}
.team-info p{ font-size:16px;font-weight: 400; }
.team-area .bgc-e8e5d8{background-color: #e8e5d8;}
.article-stt{ color:#a7a88a; font-size: 18px; }
.article-tt{color: #000; font-size: 30px;}
.article-btn{background-color: #a7a88a!important; font-size: 16px;padding: 10px 50px;}
.article-bgc{background-color: #a7a88a;}
.article-item .news-card{border: 1px solid #a7a88a;}
.articett{margin-bottom: 10px; display:block;font-weight: 400!important; overflow: hidden;height: 51px;}
.articett:hover{color: #a7a88a!important;}

.footer-background::before{    background: #e8e5d8;}
.footer-logo > img{    max-height: 95px!important; margin-bottom: 80px;}
.footer-link-tt{color: #fab333!important;}
.footer-link p, .footer-link li a { color: #000;}
.footer-link p{display:block!important;}
.footer-link p,.footer-link a{font-size: 16px; color: #000;display: inline-block; margin: 0;line-height: 1.8;}
.footer-link a:hover{color: #000!important; opacity: .6;}
.copyright p{ color:#000;font-size:16px;  }
.copyright{border-top:1px solid #000;}
.navbar-toggler-re{background-color: #fab333;}

.slick-slide .m-open{display: none;}


.bg-overlay-secondary{ background:unset!important; }
.breadcrumb-tt{ color:#000;    font-size: 30px; font-weight: 900 !important; }
.breadcrumb li a , .breadcrumb li{ color:#000; font-weight:400; }
.breadcrumb li:last-child{font-weight: 900!important}
.main-2511 .breadcrumb-item + .breadcrumb-item::before{color: #000 !important;}

.content-main{overflow: hidden; height: 107px;}
.article-slider{border:1px solid #efefef; padding: 30px 20px; border-radius: 30px;}
.article-slider h3{ font-size: 24px; margin-bottom: 30px; }
.article-slider ul{ padding:0 ; margin:0; }
.article-slider ul li a{color: #888; }
.article-slider ul li a:hover{color: #888; opacity:0.8; }
.article-slider ul li{border-bottom: 1px solid #efefef; margin-bottom: 5px;padding-bottom: 5px;}
.article-slider ul li:last-child{border-bottom: unset!important;}

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

.page-article-inner .row{ display:flex; justify-content:center; }
.content-tt{font-size: 30px;}
.text-grey-color{color: #888;}

.content-txt img, .content-txt table{ height:auto!important; max-width:100%; } 
.page-contact-tt{font-size: 30px; margin-bottom: 50px;}
.contact-form-bgc{background-color: #e8e5d8;}



.reserve-c{ display:flex; justify-content:center;  }
.reserve-c h4{font-size: 30px; font-weight: 700;}
.reserve-c ul{padding: 30px;}
.reserve-c ul li{font-size: 26px;font-weight: 400;line-height: 2.4; position:relative; }
.reserve-c ul li::after{content: ''; display: block;width: 20px; height: 20px; background-color: #fab333;border-radius: 50px; position: absolute;left: -24px;top: 18px;}
.reserve-c ul li::before{content: '';  display: block; width: 2px; height: 60px;  background-color: #fab333; position: absolute; left: -15px;top: -23px; }
.reserve-c ul li a{font-size:26px; font-weight: 400;line-height: 2.4; color:#888; }
.reserve-c ul li a:hover{opacity: 0.8;}
.bgc-fab333{background-color:#fab333; }

.form-select{display: block; border-radius: 50px; height: 50px;}
.contact-form input::placeholder, .contact-form textarea::placeholder{color: #ccc;font-size: 16px;}
.form-title{font-weight: 900;}
.contact-form .form-label{font-weight: 700!important; font-size: 20px!important;}

.contact-btn{display: block; width: 160px; margin: auto; background-color: #000;}
.contact-btn:hover{background-color: #4e4e4e;}
.page-about-b-tt{ font-size:30px; }
.page-about-sp{font-size: 18px!important;color: #000;}
.page-about-wrap{margin-bottom: 100px;}
.page-about-wrap p{font-size: 20px; font-weight: 400; color: #000; line-height: 1.8; text-align: justify;}
.about-part2-tt{font-size: 26px;margin-bottom: 30px; letter-spacing:3px; font-weight:900; }
.about-pic-01 img{width: 250px; max-width: 100%;}
.about-part2-list li h4{  font-size:20px!important; font-weight:900; padding:10px; border-radius: 5px; background-color:#000; color:#fff; }
.about-part2-list li p{font-size: 20px;}
.about-part2-list{padding: 0;}
.about-part2-list-2{padding: 0;}
.about-part2-list-2 li h4{font-size: 24px; font-weight: 900;margin-bottom: 20px;}
.about-part2-list-2 li p{font-size: 20px;margin-bottom: 50px;}

.pege-team-tt{font-size: 24px; font-weight: 700; margin-bottom: 50px; text-align: center;}
.box-img{width: 100%; padding-top: 100%; overflow: hidden; position: relative; background-color: #ccc;}
.box-img img{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; transition:ease .5s all; }
.box-img:hover img{transform: translate(-50%,-50%) scale(1.2)!important;}

.page-team{padding: 100px 0;}
.team-info h4{ font-size:24px; font-weight:900;  }
.team-info h4 small{ font-size:24px; color:#000;font-weight:900; margin-left:20px; }
.team-info ul{padding: 0;margin-top: 30px;}
.team-info ul li::before{content: ">";margin-right: 10px;background-color: #fab333;display: block; border-radius: 50px; width: 20px; height: 20px;text-align: center; line-height: 1.2}
.team-info ul li{display: flex;margin-bottom: 20px;}
.page-team.inner .box-img:hover img{transform:translate(-50%,-50%)!important; }
.page-about-b-tt-s{color: #a7a88a;}

.page-about-f-20 p{font-size: 20px;}
.highlights-item h3{ display: flex; justify-content: center; align-items: center; border-radius:0 0 20px 20px ; color: #000; font-size:18px; font-weight:700;line-height:1.5; text-align: center; background-color:#e6e6e6; padding:10px; overflow: hidden; height: 68px; }
.highlights-item .box-img-highlights{border-radius: 20px 20px 0 0 ; width: 100%; padding-top: calc( 4 / 5 * 83% ); overflow:hidden; position:relative; background-color:#efefef; }
.highlights-item .box-img-highlights img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: ease .3s all;}
.highlights-item:hover .box-img-highlights img{transform: translate(-50%,-50%) scale(1.2)!important;}
.highlights-item{  padding: 10px 10px 2px 10px;border: 1px solid #ccc; border-radius: 30px; background: #fff; box-shadow: 0 0 5px #ccc;object-fit: cover; width: 100%;height: 100%; }
.highlights-item:hover{box-shadow: 0 0 2px #ccc;}
.highlights-item:hover h3{color: #888;}

.highlights-area.inner .highlights-item{ border:unset!important;box-shadow:unset!important; }
.contact.col-12 .card-body p{ font-size: 16px; }
.contact.col-12 .card{ height:100%; }

.about-section .re-margin{ margin-top: -100px;}
.about-section .re-margin-o{  transform: translateY(-150px)!important;}
.re-card-item{height: 230px;}

@media(max-width:991px){
 .slick-slide .m-close{display: none!important;}
 .slick-slide .m-open{display: block!important;}
  .footer-logo > img{margin-bottom: 30px;}
  .logo-box img{  max-height: 50px;}
  .logo-drawer img{  max-height: 50px;}
  .nav-item a.active, .nav-item a:hover, .nav-item a:focus{color: #a7a88a!important;}
  .index-about-title{    font-size: 24px;}
  .news-tt{font-size: 24px;}
  .news-info-tt{font-size: 18px;}
  .whychooseus-title{font-size: 24px;}
  .recommended-tt{font-size: 24px;}
  .team-tt{font-size: 24px;}
  .article-tt{font-size: 24px;}
  .article-stt, .team-stt, .recommended-stt, .whychooseus-small{font-size: 14px!important;}
  

  .page-contact-tt{font-size: 22px;}
  .reserve-c{    flex-wrap: wrap; flex-direction: column;}
  .article-slider{margin-bottom: 30px;}

  .index-service-item h6{font-weight: 400!important; font-size: 22px!important;}
    .index-service-item p{font-size: 18px;}
    .about-section .re-margin-o{  transform: unset!important;}
    .re-card-item{height: auto!important;}
    

}