body{background-color: #fff;}
::selection {
  color: #fff;
  background-color: #646e74;
}
/*icon位置*/
.topicon{  justify-content: flex-end; }

/*選單固定*/
.scrollfix{ position: fixed!important; height: 113px!important; padding-top: 20px;}

/*選單設定*/
.navbar{padding:unset!important; /*display: block;*/}
header .navbar-brand{    float: left; width: 55%; height: unset; background: unset;}
.navbar-expand-lg .navbar-collapse{float: right;    }
.mt-15{margin-top: 15px; display: inline-block;}
.list-unstyled .dropdown-item a{ font-size: 16px; }
#slide{ background:#fff; }


/*漢堡位置*/

.g-right-25 { right: 25px !important;}
.g-top-minus-3{     top: 1.08575rem!important; }



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

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

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

/*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:#fff; font-size: 18px;    /* margin-right: 40px; margin-left: 30px;*/}

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





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




.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: #fff;}*/
.text-center{ text-align: center; }
.button-a{ padding: 10px 60px; border: 1px solid #C69C6D; border-radius: 50px 50px; color: #000; margin: 100px auto; }
.button-a:hover{ background-color: #C69C6D; 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: 10px; }*/
.text-right{ text-align: right;}
.f-text-0824{ color: #000;}
.f-text-0824 p{ line-height: 0.8; }
.f-text-0824 a{color: #000;}

.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{  color: #002566; padding: 15px 0 0 0; margin-bottom: 0!important;  font-size: 18px; }
.owl-prev{ position: absolute; top: -257px; left: -50px;  overflow: hidden;text-indent: -99px; width: 45px;height: 45px;    background-position: center!important; background-repeat: no-repeat!important; background-image: url(../images/prev.png)!important;  border: unset; background-color: transparent!important; color: #000!important;  border-radius: 50%!important;  padding: 10px 7px!important; }
.owl-next{position: absolute; top: -257px; right: -50px; overflow: hidden;text-indent: -99px; width: 45px;height: 45px;    background-position: center!important; background-repeat: no-repeat!important;  background-image: url(../images/next.png)!important;   border: unset;  border-radius: 50%!important;  padding: 10px 7px!important;  background-color: transparent!important; color: #000!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; padding: 0; }

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

/*220830*/
.carousel-top-0830{ overflow: hidden; margin-bottom: 80px; }
.c-left-0830{ width: 70%;     position: relative; }
.c-left-0830 h2{ color:#C69C6D; font-size: 30px; font-weight: 600; display: inline; }
.c-left-0830 span{ font-size: 18px; margin-left: 30px; }
.c-right-0830{ float: right; width: 30%;}
.c-right-0830 p{ color:#000;  text-align: right;     margin-top: -33px; font-size: 18px; }
.breadcrumb {padding: 221px; background-color: transparent!important; color:#fff;}
.breadcrumb li{ font-size: 16px; }
.mb-80{ margin-bottom: 80px;}

.navbar-nav li{ background-color: transparent; padding: 12px; margin:0!important; }
.navbar-nav li:hover > a{  color: #fff; }

/*230105*/

.dropdown-item{ background-color: #fff;}
.product_more{ color: #888888!important; font-size: 16px!important; padding: 0!important; }
.index-contact-230106{ background-image:url(../images/index-contact.jpg); color: #000; font-size: 26px; background-size: cover; padding: 100px 0 300px 184px!important;}
.index-contact-230106 p{ font-size: 22px; font-weight: 900; }
.index-news-230106{     padding-right: 50px!important; }

.index-news{ list-style: none; padding: 0;}
.index-news li{ border-bottom:1px solid #888888; }
.index-news li:last-child{ border-bottom:unset!important; }
.index-news p{ font-size: 18px; }
.news-time{ color:#888888; margin-top: 20px; }
.news-title{ color:#000; }
.flex{ display: flex; }
.flex-end{ align-items: flex-end; justify-content: space-around; }
.footer-style230106 p{ color:#000;font-size: 14px; }

.f-25{ font-size: 25px!important;}
.f-20{ font-size: 20px!important; }
.mr-20{ margin-right: 20px;}
.align-center{     align-items: center;}
.color-w{ color: #fff!important;}

.page-about{ /*width: 90%;*/ margin: auto;}
.about-style-b1{ padding: 10px; border:1px dotted #888888; background-color: #dedede!important;}
.bt-1{ background-color: #22304B; color:#fff; padding: 10px 30px; color: #fff!important; margin-top: 80px;display: inline-block; border-radius: 30px; box-shadow: 2px 2px 1px #0007;}
.bt-1:hover{ box-shadow:unset!important; text-decoration: unset; }

.page-news ul li{ list-style: none; border-bottom: 1px solid #ccc; position: relative; }
.page-news ul li a:hover{ text-decoration: none; background-color: #a19fb938; }
.page-news ul li::after{ content: '詳細資訊>>'; color: #22304B; font-weight: 900; font-size: 20px; position: absolute; right: 0; top: 40%; }
.page-news ul li:last-child{ border-bottom:unset;  }
.page-news ul li span{ color:#22304B!important; font-size: 20px; line-height: 3.2; margin-left: 50px;}
.page-news ul li span img{ margin:20px 0; }
.page-news-main p{ font-size: 20px; }

.navbar-nav li.active{ background-color: #CECECE;  }
.page-service ul{ padding: 50px ; box-shadow: 10px 10px 10px #0005; border: 1px solid #dcdcdc;width: 50%; margin: auto; margin-bottom: 100px; background-color: #ffffffbd;}
.page-service ul li{   position: relative;  text-align: center; list-style: none; font-size: 20px; border-bottom: 1px dotted #ccc; color: #002566; font-weight: 900; }
.page-service ul li::before{ content: '▶'; position: absolute; left: 5px; }
.page-service ul li::after{ content: '◀'; position: absolute; right: 5px;}

.product-list-img img{ width: 100%; border: 1px solid #ccc;}
.product-page-img img{width: 80%;}
.porduct-page-t{ font-size:26px; font-weight: 900; color: #000; }
.product-page-info { font-size: 24px;}
.f-weight-900{ font-weight: 900;}
.product-page-m p{ font-size: 20px;}

.btn-phone{ display: inline-block; margin-bottom: 20px; margin-right: 20px; padding: 10px 30px; background-color: #000; color: #fff; box-shadow: 2px 2px 2px #0005 ; border: 1px solid #ccc; border-radius: 30px; }
.btn-phone:hover{ text-decoration: none; color:#fff; box-shadow: none ;}
.btn-line{ padding: 10px 30px; background-color: #3db14f; color: #fff; box-shadow: 2px 2px 2px #0005 ; border: 1px solid #7ce98d; border-radius: 30px; }
.btn-line:hover{ text-decoration: none; color:#fff; box-shadow: none ;}

.c-blue{color: #308ACD!important;}

.page-title p{ font-size: 16px; }

/*230209*/
.btn230209{ color:#000; font-size: 20px; margin-top: 30px;  }
.btn230209:hover{ color:#000; }
.btn230209-2{ padding: 4px 23px; background-color: #000; color:#fff; border-radius: 30px;   float: right; }
.btn230209-2:hover{ background-color: #ccc; color:#000; text-decoration: none; }
.btn230209-3{ padding: 4px 23px; background-color: #fff; color:#000; border-radius: 30px;    }
.btn230209-3:hover{ background-color: #000; color:#fff; text-decoration: none; }
.btn230209-4{ padding: 7px 34px; background-color: #000; color:#fff; border-radius: 30px;    }
.btn230209-4:hover{ background-color: #ccc; color:#000; text-decoration: none; }
.title-news{ display: inline-block; font-weight: 900; color:#000; font-size: 36px; margin-bottom: 30px; }

.n-txt ul{ list-style-type: none; padding: 0; }
.n-txt li{ border-bottom:1px dotted #ccc ; }
.n-txt li a:hover{ text-decoration: none; }
.n-txt p{ font-size: 16px; color:#4D4D4D; margin-bottom: 0; }
.n-txt h3{ font-size: 18px; color:#4D4D4D; }
.n-txt h3:hover{ color:#000; }

.position-phone{ position: absolute; bottom: 71px; left: 54px; }
.position-phone > h2{ color:#fff; margin-bottom: 20px; font-size: 1.2rem; font-weight: 900;}

.repair-bgfix-230210{ background-attachment: fixed; background-image: url(../../assets/images/repair-bgfix-230210.jpg); background-size: cover; background-position: center; }
.contact-bgfix-230210{ background-attachment: fixed; background-image: url(../../assets/images/contact-bg-00.jpg); background-size: cover; background-position: center; }
.c-info h2{ color:#fff; font-weight: 700; margin-bottom: 50px;}
.f-icon{ display: flex; list-style-type: none;}
.f-230210 h2{ color:#000; }
.f-info{ padding: 0; list-style: none;}
.f-info li{ margin-bottom: 10px; }
.f-info a{ color:#fff; }

.u-header{ /*height: 94px;*/ background-color: unset!important; background-image: url(../../assets/images/head-bg.png); background-size: cover;}
.dzsparallaxer:not(.mode-oneelement){ width: 100%;}
.post-meta{ display: flex; list-style-type: none; padding: 0; }
.post-meta li{ margin-right: 20px; }
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover{ color:#888888!important; }
.img230213{ width: 500px; height:500px; overflow: hidden; }

.film-txt{  color: #000!important;  background-color: #fff8; padding: 10px 10px 10px 0px; font-weight: 900; font-size: 20px; text-align: center; }
.justify-center{  justify-content: center; }
.f-border-top{ border-top: 1px solid #000; }
.pt-50{ padding-top:50px; }
.pb-100{ padding-bottom: 100px; }
.img-width-60 img{ width: 100%;display: block;  }
.page-craft p{ font-size: 18px; }
.set-border{ border: 1px solid;}
.radius{ border-radius: 30px; }
.pd-20{ padding: 20px;}


/*2305*/
.width-90{ width:90%; margin:auto; display: block; }
.width-50{ width: 50%;}
.width-75{ width: 75%; margin:auto;}
.bg-fff{ background-color: #fff; }
.c-604C3F{color: #604C3F!important;}
.c-626B72{color: #626B72!important;}
.c-000{color: #000!important;}
.c-FAEC21{ color:#FAEC21; }
.c-fff{ color:#fff!important; }
.li-bgc-8080:hover{ background-color: #5073A5!important;}
.li-bgc-b4bfc7:hover{ background-color: #b4bfc7!important;}
.li-bgc-000:hover{ background-color: transparent!important; }
.border-radia-2305{ border-radius: 30px;}
.times-new-roman{ font-family: 'Times New Roman'!important; }
.consult-l{ float: left; }
.clear{ clear: both; }
.mb-30{ margin-bottom: 30px;}
.mb-100{ margin-bottom: 100px;}
.mt-30{ margin-top:30px; }
.justify-content{ justify-content: center!important; }
.c-1B4FA2{ color:#1B4FA2; }
.c-e4be3b{color: #e4be3b;}
.f-w-900{ font-weight: 900;}
.box-shadow{ box-shadow: 0px 1px 5px #ccc;}
.pt-10{padding-top: 10px;}
.pd-10{padding: 10px;}
.justify-space{ justify-content: space-between;}
.inline{ display: inline!important; }
.move-tr-06 a{ transition:margin-left ease 0.5S; }
.move-tr-06 a:hover{ margin-left: 30px; }

.border-2305{ border:10px solid #ccc; }

.consult-2305{ width: 90%; }
.consult-2305 label{ font-size: 20px; }

.font-title-1{ margin-right: 10px;}
.submit{ background-color: #FFD600; color:#000; padding: 5px 30px; font-size: 18px; }
input{ line-height: 2.4;}
select{ height:45px; }
.bt-2305{ background-color: #FFD600; color:#000; padding: 10px 30px; font-size: 18px; }
.bt-2305:hover{background-color: #fff; color: #000; text-decoration: none;}
.float-left{ float: left;}
.news-btn-h:hover{ color:#000; }
.g-color-gray-dark-v3 a{ color:#555; }

/*230531*/
.news-b-h{ height: 80px; }
.service-flex{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.service-flex a{ width: calc( 100% / 5 - 50px ); }
.service-flex img{ width: 100%; }
.case2305{display: flex; flex-wrap: wrap;}
.case2305 a{ width: calc( 100% / 2 ); }
.case2305 img{ width: 100%; }

.page-about{ background:linear-gradient(90deg, #C7D0D8, #fff) ; /*border-radius: 0 0 0 370px;*/ }
.page-title-1{ /*border-bottom: 1px dotted #899199;*/ display: inline; padding: 0 10px 15px 10px;  font-weight: 900;}
.about-2306{ margin: auto; display: flex;align-items: center;}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover{ background-color: #ccc!important; }


@media screen and (min-width: 991px) and (max-width: 1400px){
  
  .scrollfix{ position: fixed!important; height: 200px!important; padding-top: 20px;}
}

@media screen and (min-width: 991px) and (max-width: 1290px){
  .navbar{ display: flex!important; }
  
}


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

@media(max-width: 1300px){
  .navbar-expand-lg .navbar-nav .nav-link { font-size: 16px!important; }
}

@media(min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-link{ padding-right: 0.5rem!important; padding-left: 0.5rem!important; padding-top: 1.5rem!important;padding-bottom: 1.5rem!important;}
  .navbar-brand{ margin-right:0;}
  header .navbar-brand{   padding-left: 100px; padding-top: 9px;}
}

@media(min-width: 991px){
  .navbar>.container, .navbar>.container-fluid{ display: unset; }

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

header .navbar-brand{ width: 30%; }




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

  .u-header{ /*padding-bottom:20px; */}

  .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;}
.m-flex-non{display: unset;}
.m-center-non{ text-align: unset!important; }
.m-center{text-align: center!important;}
.c-left-0830{    width: 80%;margin: auto;}
.c-left-0830 h2{ display: block!important; }
.c-left-0830 span{ margin-left: unset; }

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

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

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

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

/*.owl-next{ right:-8px; }*/
/*.owl-theme .owl-controls{ top: -79px!important; right: 10px!important; }*/

/*右滑箭頭，分開寫是因為手機電腦版有兩版*/
.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; }

.m-open{ display: block!important; }
.m-text-right{ text-align: unset!important; }

.index-contact-230106{ padding-left: 20px!important; }
.index-news-230106{ padding-left: 20px!important; }

.m-block{ display: block; }
.m-mr-0{ margin-right: 0!important; }

.m-display-b{ display: block; margin: auto;}

.index-news-230106{ width: 80%; margin: auto;}
.m-mt50{ margin-top: 50px;}
.m-mb50{ margin-bottom: 50px; }
.m-news-layout{ display: grid;}
.page-news ul li::after{ display: none; }

.page-service ul{ width: 100%; }

.breadcrumb{ padding: 50px!important; }
.topicon a{     margin: auto; }

.page-news ul li span img{ width: 100%; height:100%; }
.page-news ul li span{ margin-left: unset!important; }
.m-txt-center{ display: block; text-align: center; }
.m-s-txt{ font-size: 16px;}

.navbar-nav{ background-color:#c4ced5; }

.width-50{ width: 70%; }
.m-img-c img{ margin:auto; display: block; }
.float-left{ float: unset!important;}
.width-75{ width: 70%; }

.service-flex{flex-wrap: wrap;}
.service-flex a{ width: calc( 100% / 2 - 50px ); text-align: center; }

.case2305 a{ width: 100%; }

/*選單*/
.scrollfix {height: 72px!important;padding-top: unset!important;}
.navbar-collapse{ width: 100%; }
.navbar-nav{flex-wrap: wrap; align-content: center; }


}



@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;}
   .navbar-brand img{ width: 40%; margin: auto; }

   .width-50{ width: 62%; }
   .width-75{ width: 62%; }

   .service-flex a{ width: 70%; margin-bottom: 84px; }
   .case2305 img{ width: 100%; }

   .m-f-14{ font-size: 14px!important; }
   .m-center-non{ text-align: unset!important;}
   .m-mb-50{ margin-bottom: 50px!important;}

   .scrollfix {height: 72px!important;padding-top: unset!important;}
}


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


}


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

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


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