body{background-color: #fff;}
.m-open{display: none;}

/*icon位置*/
.topicon{  justify-content: flex-end;/* margin-right: 82px;*/ float: right;}

/*選單固定*/
.scrollfix{ position: fixed!important;}

/*選單設定*/
.navbar{padding:0px 100px 10px  100px; display: block;}
header .navbar-brand{    float: left; width: unset; height: unset; background: unset; margin:0;}
header .navbar-brand img{ width: 80%; max-width: 180px; min-width: 130px; }
.navbar-expand-lg .navbar-collapse{/*float: right; */    margin-top: 21px;}
.mt-15{margin-top: 15px; display: inline-block;}
.list-unstyled .dropdown-item a{ font-size: 16px; }
#slide{ background:#fff; }

/*次級選單位置微調*/
.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-left {
  left: auto;
  right: auto;
}

/*top icon*/
.topicon a{ margin-right: 10px; margin-left: 10px; }

.u-header__section--light .hamburger-inner, .u-header__section--light .hamburger-inner::after, .u-header__section--light .hamburger-inner::before{background: #000;}

/*about輪播*/
.u-arrow-v1::before{color: #ECB100;}



.u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before{ width: unset; }

.nav-item a.fw{ color:#4e738a; font-size: 18px;     margin-right: 10px; margin-left: 10px;}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  /*color: #555555;*/
}


 /* Button Primary */
.u-btn-primary1 {
  color: #fff;
  background-color: #b73944;
}

.row .picabout .aboutmain p{ text-align: justify; }
.row .picabout img.g-3-pic{ width: calc(100% / 3 - 50px); margin-right: 25px;     margin-bottom: 20px; }
.row .picabout img.g-2-pic{ width: calc(100% / 2 - 50px); margin-right: 25px;     margin-bottom: 20px; }
.row .picabout img.g-1-pic{width:100%; margin-right: 25px;     margin-bottom: 20px; }
.row .picabout{ clear: both;     display: flex; margin-bottom: 20px; }


.iconinner{ width:20px; background-color:#ffdc4b; margin-right: 20px;}



.cover-flex-wraper{ display: flex; }
span.cover-listitem{ margin-top:30px; }


::selection {
  color: #fff;
  background-color: #4E738A;
}


.tablepre{ border:1px solid #ccc; width:100%; }
.tablepre td{ text-align: center; font-size: 20px; border:1px solid #ccc; }
.titlecolor{ background-color: #000; }
.titlecolor td{ color: #fff; }
.g-mb-50{font-size: 1.25rem;}

.titlep{display: flex;}

.dzsparallaxer .row{ display: unset; }

.container .row .topic{ display: flex;  padding: 30px; margin-top:150px; }
.container .row table { background-color: #fff; }
.container .row table tr:nth-child(even){ background-color: #dcdcdc; }
.container .row .topic .topnum{ text-decoration: underline; font-size:55px; line-height: 1.2; }
.container .row .topic .topfont{ padding:0 36px;  }
.container .row .topic .topfont .toptitle{ font-size:27px; }
.container .row .topic .topfont .toptitleen{ width: 115px;}

.container .row .color01{ background-image: linear-gradient(90deg, #3A526C 0%, #467A8C 100%); color:#fff; }
.container .row .color02{ background-image: linear-gradient(90deg, #B55327 0%, #E27E29 100%); color:#fff; }
.container .row .color03{ background-image: linear-gradient(90deg, #923023 0%, #C24932 100%); color:#fff; }
.container .row .color04{ background-image: linear-gradient(90deg, #187FC4 0%, #187FC4 100%); color:#fff; }
.container .row .color05{ background-color: #768639; color:#fff; }


.g-bg-gray-light-v5{display: flex;}
.g-bg-gray-light-v5 .fontsize{ font-size: 50px; text-align: right;  }
.g-bg-gray-light-v5 h2{ color: #fff; !important }
.ttright{ text-align: right; }
.covertitle{ width:100%; }
/*.covertitle h3 ,span{ color: #FFF; }*/
.list-inline-item span{ font-size: 20px; color:#000; }

.titleflex{display: flex; width: 100%; margin-bottom: 50px;}



/*成盈*/
.about-list{ list-style: none;}
.about-list li{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.about-list li img{margin-right: 10px;}

.repair-0628{ display: flex; justify-content: space-around; }
.repair-0628 img{ width: 200px; }

.show-img-i p{ font-size: 16px; color: #000;  }


/*百鍍*/
.news-txet a{ font-size: 18px; }

#shortcode15 >.col-md-2{ padding: unset; }
#shortcode15 .g06{ width: calc(100% / 5); }

.list-unstyled li{ font-size: 16px; color: #fff; }
.page-product h3{ color:#fff; margin-bottom: 20px; }
.page-product h4{ color:#fff; font-weight: bold; }
.page-product p{ color:#fff; }

.f-white{ color: #fff; }
.map{ margin: auto; padding: 100px;}
.u-pagination-v1-4--active{      background-color:unset!important; border-color: #fff;}
.u-pagination-v1-4:hover, .u-pagination-v1-4:focus{ border-color:#dcdcdc!important; color:#dcdcdc!important; }

/*220823*/
.g-bg-0823{ background-color: #ffffffa3;}
.text-center{ text-align: center; }
.button-a{ padding: 10px 25px; border: 1px solid; border-radius: 50px 50px; color: #000; }
.button-a:hover{ background-color: #000; color:#fff!important; }
.service-info{ display: flex; margin-bottom: 50px; }
.service-info img{ margin-right: 10px; }
.t1-0823{ font-weight: 600;  font-size: 23px; color: #C0966D; line-height: 0.2; }
.carousel-control-next-icon{ background-image:url(assets/images/next.png)!important; width: 80px; height:80px; background-size: cover; }
.carousel-control-prev-icon{ background-image:url(assets/images/prev.png)!important; width: 80px; height:80px; background-size: cover; }
.none{ display: none; }
.f-icon li{ margin-right: 30px; }
.text-right{ text-align: right;}
.f-text-0824{ color: #000;}
.f-text-0824 p{ line-height: 0.8; }

.pic-pc-0824{ overflow-x: scroll; width: 100%;display: flex;   }
/*右滑箭頭，分開寫是因為手機電腦版有兩版*/
.right-move{position: relative;}
.right-move::after{ content: '>'; position: absolute; top: calc(100% / 2 - 80px); right: 10px; font-size: 80px; font-weight: 900; color: #fff; opacity: 0.5; }
.owl-0824 .item p{ background-color: #E4E4E4; color: #000; padding: 15px; text-align: center; font-size: 18px; }
.owl-prev{  text-indent: -999px; width: 65px; height: 65px; background-color: unset!important; background-size: cover!important; background-image: url(../../assets/images/left.png)!important;   position: absolute; top: -225px; left: -76px; border-radius: 50%!important;  padding: 10px 7px!important; }
.owl-next{   text-indent: 999px;  position: absolute; width: 65px; height: 65px; background-color: unset!important; background-size: cover!important; background-image: url(../../assets/images/right.png)!important; top: -225px; right: -76px; border-radius: 50%!important;  padding: 10px 7px!important; }
.owl-theme .owl-controls{ position: relative; }
.owl-dot{ display: none!important; }


.reserve-box1-f{position: relative; z-index: 11;}
.reserve-box1{ z-index: 10; padding: 30px; width: 250px;  background-color: #D6A87B; color: #fff; border-radius: 15px 0; margin: 30px; }
.reserve-box2{ padding: 30px; width: 250px;  background-color: #D6A87B; color: #fff; border-radius: 15px 0; margin: 30px; }
.reserve-box1::after{  z-index: -1; content: ''; display: block; width: 1px; height: 126px; background-color: #D6A87B; position: absolute; top: 143px;
    left: 50%; }
.reserve-box1:hover, .reserve-box2:hover{ background-color: #F7DABF; color: #BA8C63; transition-duration: 1s; }
.reserve-box1, .reserve-box2{ font-size: 20px; }

.f-icon{ list-style-type: none; }

.service-text{ position: relative; }
.service-text p{ font-size: 20px; line-height: 2.2; }
.service-text h2::after{ content: '___'; display: contents; }
.box-border{ border: 1px dotted; }
.pd-30{padding: 30px;}
.u-accordion__body{ font-size: 20px;}

.article-0830-img img{ display: block; margin: 30px auto; width: 100%; }

/*221025*/
.fancybox-content{ transform:unset!important;}



/*首頁服務項目換按鈕*/
.list-service{ list-style: none;}
.list-service li{ border-bottom: 1px solid #dee2e7; }
.list-service li:last-child{ border-bottom:unset!important; }
.list-service img{ width:300px; }
.listbt01-c{position: absolute; opacity: 0;}
.listbt01-c:hover{ opacity: 1; transition:all 0.5s ease-out; }
.listbt02-c{position: absolute; opacity: 0;}
.listbt02-c:hover{ opacity: 1; transition:all 0.5s ease-out; }
.listbt03-c{position: absolute; opacity: 0;}
.listbt03-c:hover{ opacity: 1; transition:all 0.5s ease-out; }
.listbt04-c{position: absolute; opacity: 0;}
.listbt04-c:hover{ opacity: 1; transition:all 0.5s ease-out; }
.listbt05-c{position: absolute; opacity: 0;}
.listbt05-c:hover{ opacity: 1; transition:all 0.5s ease-out; }

.info-t{}
.informaton{ width:31%;  }
.informaton .info-t >.info-title{float: left; padding: 0px 30px; border: 1px solid #3B6177; display: inline-block!important; margin-right: 20px;}
.info-t p,.info-t a{ color:#3B6177; line-height: 2.2; display: inline-block;}
.info-title{ font-size: 18px; letter-spacing: 3px; }
 
ul{list-style: none;}
.f-m-li-1{ margin-right: 30px; }
.f-m-li-1 ul{ margin:0; padding: 0; }
.img100{ width: 100%; }
.f-main-list li a{ color:#4E738A; font-size: 18px; }
.f-social li{ margin-right: 20px; }

.dzsparallaxer.height-is-based-on-content{height: 600px!important; }
.linechenge{text-decoration:none; color:#000; font-size:40px; transition: color 1s;}
.linechenge:hover{color:red;}
.linechenge::before{content:""; background-color:#000; width:1px; height:50px; position:absolute; margin-left:50px; margin-top:50px; }
.dzsparallaxer::after{content:""; background-color:#fff; width:1px; height:0px; position:absolute;  margin-left:50%; margin-top:-58px; transition: height 2.5s;}
.dzsparallaxer:hover::after{ height:100px; }

.price-box{ padding: 10px; margin-bottom: 30px;  }
.price-box ul{ /*border-bottom: 1px dotted #4E738A;*/ }
.price-tt{  border:30px solid ; border-image: url(../../assets/images/banner1.jpg) 30 30 stretch;  padding: 20px;width: 100%; }
.price-tt h3{ border-bottom: 1px dotted #4E738A; text-align: center;  font-weight: 900; color:#4E738A; margin-bottom: 50px; }
.price-li-p{ float: left; font-size: 14px; margin-right: 22px;  margin-bottom: 10px; color:#4E738A;}
.price-li-title{ font-weight: 900; font-size: 20px;  color:#4E738A;  }

.price-r-pic{ display: flex; justify-content: center; }
.price-r-pic img{ width:300px; overflow: hidden; text-align: center; background-color: #ccc;  }

.map-1027{ padding: 20px; /*background-color: #B8C9D1;*/ }
.map-1027 h3{ color:#4E738A; font-size: 30px; font-weight: 900;}
.map-1027 .tip-info{ color:#4E738A; border-top:1px dotted #4E738A ;border-bottom:1px dotted #4E738A ; display: inline-block; font-weight:600; padding: 30px 0; }
.map-1027 p{ color:#4E738A; font-weight: 900; font-size: 18px;}
.gallery img{ border-radius: 30px; }

.align-left{ text-align: left!important;}

.reserve-bt-ml{ margin-left: 60px;}

.col-1104-6{  display: flex; flex-wrap: wrap; }



@media screen and (min-width: 991px) and (max-width: 1290px){
  .navbar{ display: flex!important;     padding: 5px 50px 0px 50px; }
  .navbar-nav{  margin-top: 30px!important;}
}


@media(min-width: 1560px){
  .navbar-brand{margin-top:-5px;}
}

@media(max-width: 1340px){
  .nav-item a.fw{    margin-right: 0px; margin-left: 0px; font-size: 16px;}
  .topicon a{margin-right: 5px;margin-left: 5px;}
}

@media(max-width: 1090px){
  .nav-item a.fw{margin-right: 0px; margin-left: 0px; font-size: 14px;}
}
@media(min-width: 991px){
  .navbar>.container, .navbar>.container-fluid{ display: unset; }

  /*次級選單設定*/
  .nav-link{ color:#4E738A; }
.g-bg-black-tr{ background-color: rgba(255, 255, 255, 0.7)!important; }

.navbar-nav{     justify-content: flex-end;     margin-top: 0;}
.flex-end{ justify-content: flex-end;display: flex;     padding-right: 180px!important; }
.flex-center{ display: flex; justify-content: center; }


}
@media(max-width: 991px){
  .navbar{padding:unset; display: unset; overflow: hidden;}
  .navbar-nav{    align-content: center; flex-wrap: wrap;}
  .navbar-nav li{ width: 100%;  margin: auto;}
  .m-non{display: none;}
  .navbar>.container, .navbar>.container-fluid{flex-direction: column;}
  .navbar-brand img{ width: 60%; margin: auto; }
  .toptel img{ width: 40%; margin: auto;}
  .toptel{ text-align: center; }

  .repair-0628{ display: unset; justify-content: space-around; }
.repair-0628 img{ width: 100%; margin-bottom: 30px; display: block;  }
.contact-img00 img{ width: 100%; }

.topicon{  margin-right:unset;  position: absolute;  right: 3px;top: 10px;}
.topicon a{    margin-right: 2px;margin-left: 2px;}
.topicon a img{    width: 25px!important;height: 25px!important;}
header .navbar-brand img{  width: 52%; max-width: 180px; min-width: 90px;}
.hamburger-box{width: 27px!important;}

#shortcode15 .g06{ width: 90%; margin:auto; }

.map{ margin: auto; padding: 10px;}

.m-close{display: none;}
.m-op{display: flex!important;}
.m-open{display: block!important;}

.pic-0824{ overflow-x: scroll; width: 100%; display: flex;   }
.text-right{ text-align: unset!important; margin-bottom: 50px;}

.owl-prev{  }
.owl-next{ right:-8px; }
.owl-theme .owl-controls{ }

/*右滑箭頭，分開寫是因為手機電腦版有兩版*/
.right-move{position: relative;}
.right-move::after{ content: '>'; position: absolute; top: calc(100% / 2 - 80px); right: 10px; font-size: 80px; font-weight: 900; color: #fff; opacity: 0.5; }


.block{ display: block; }
.informaton .info-t >.info-title{float: unset!important; display: block!important; text-align: center; }
.informaton{ width:100%; }
.service-bg-p{ background-position: -122px -224px; background-size: unset!important; }
.m-bg0none{background-image: none!important;}

.f-main-list{display: unset!important;}
.m-f-m-sec{ display: unset!important; }
.m-f-m-sec li{  margin-left: 20px; }
.f-m-li-1{ margin-right: unset!important; }

.f-social{ display: unset!important; }
.f-social li{ margin-right: 20px; }

.reserve-bt-ml{ margin-left: 10px;}

.col-1104-6{ width:50%; float: left; display: unset!important; flex-wrap: unset!important; }

}



@media (max-width:768px){

span.cover-listitem{ display:none; }
.fontsizeaa{ font-size: 20px; !important }

.container .row .topic{ display: block; text-align: center;  }
.container .row .topic .topfont .toptitleen{ width: unset;}
.container .row .topic .topnum{ margin:0 43%; }

  .g-bg-gray-light-v5{display: unset;}
  .g-bg-gray-light-v5 .fontsize{text-align: center;}
  .ttright{ text-align: center; }
  .covertitle{ text-align: center;  }

  .row .picabout{ display: unset; }
  .row .picabout img.g-3-pic{  width: 100%; }
  .row .picabout img.g-2-pic{  width: 100%; }


  .titleflex{display: unset;}

}


@media (max-width:640px){
  .row .picabout{ display: unset; }


}


@media (max-width:500px){
  .container .row .topic .topnum{ margin:0 35%; }

}

@media (max-width:450px){
  .container .row .topic .topnum{ margin:0 36%; }
  .tablepre td{font-size: 12px;}
}


@media (max-width:320px){
  .container .row .topic .topnum{ margin:0 30%; }

}