/* import bootstrap-icons-1.5.0 */
@import url(../afcss/all.css);
@import url(../js/slick/slick.css);
@import url(../js/slick/slick-theme.css);

/* Background Color #ffcb00 rgba(255, 203, 0, 1) */
body, html{font-family: 'Roboto','微軟正黑體', sans-serif, 'Lao UI', Geneva, Tahoma, Verdana, Arial,Lato !important;}
a, a:focus, a:focus-within {outline: 0;text-decoration: none;cursor: pointer;}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 100px) { 
.cookiealert {position: fixed;bottom: 0;left: 0;width: 100%;padding:2rem 1rem ;line-height:1.5;margin: 0 !important;z-index: 999;opacity: 0;border-radius: 0;background-color: rgba(141,106,110,.9);transform: translateY(100%);transition: all 500ms ease-out;color: #ecf0f1;}
.cookiealert.show {opacity: 1;transform: translateY(0%);transition-delay: 1000ms;}
.cookiealert a {color:#ffffff;text-decoration: underline}
.cookiealert .acceptcookies {margin-left: 10px;vertical-align: baseline;}
.btn-main {color:#000000;background-color:#F2B600;border: 0 solid transparent !important;border-radius: 5rem;}
.btn-main:hover {color: #fff;background-color:#e5004f;border:0 !important;}

.acme-nav {z-index:1001;}
.acme-nav.bg-light {background-color: rgba(242,238,237,1) !important;}
.acme-nav.navbar-light .navbar-nav .nav-link {color: rgba(31,44,28,1);}
.acme-nav.navbar {padding-top: 0.2rem;padding-bottom: 0.2rem;}
.navbar-brand img[src="images/logo_nav.avif"]{width:40px;}

.acme-nav-div {-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.5);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.5);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.5);}
.acme-nav-div {padding-top: 0.2rem !important;padding-bottom: 0.2rem !important;}
.acme-nav-div .navbar-brand img[src="images/logo_nav.avif"]{width:40px;}

.acme-nav .dropdown-menu {background-color: #fff;border: 0;border-radius:0rem;margin-bottom:2rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);}
.acme-nav .dropdown-menu .dropdown-item {padding: .5rem 1rem;text-align:center;}
.acme-nav .dropdown-menu .dropdown-item:hover {background-color:#B3CAD8;}

.acme-nav .container-fluid{padding-left:auto;padding-right:auto;}
.acme-nav.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;font-size:1rem;}

.acme-nav .nav-search.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {border-top-right-radius: 0;border-bottom-right-radius: 0;border-radius:0rem;}

.acme-nav .nav-search .form-control {border: 0px solid #ced4da;border-bottom: 1px solid #1f2c1c;background-color: rgba(242,238,237,1) !important;}
.acme-nav .nav-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {border-top-left-radius: 0;border-bottom-left-radius: 0;border-radius:0;}
.acme-nav .nav-search .btn {border:0;border-bottom: 1px solid #1f2c1c;}
.acme-nav .nav-search .btn-outline-secondary:hover {background-color: #1f2c1c;border-color: #1f2c1c;}

.acme-nav .dropdown-toggle::after {display:none;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.55);border-color: rgba(0,0,0,0);}

.footer div[class^='container']{border-top:1px solid rgba(242,238,237,1) !important;margin--top:5rem;}
ul.footer-link, ul.footer-link li {display:inline-block;list-style:none;padding:0;margin:0;}
ul.footer-link li {padding:0 .5rem;}

ul.footer-link li.col-qrcode {padding:0 .5rem !important;cursor: pointer;}
ul.footer-link li.col-qrcode .fa-qrcode {font-size:1.5rem !important;line-height:2;}
#QRModal h5 {font-size:1.7rem;font-weight:bold;color:#ffffff;}
#QRModal .modal-content{background-color:rgba(0,0,0,0) !important;}

.allrights {font-size:.8rem;}
.allrights a {color:#1f2c1c;}

/* button */
.btn-home-more {color: #fff;background-color: #2A4C65;border-color: #2A4C65;border-radius:2rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);}
.btn-home-more:hover,.btn-home-more:active {color: #fff;-webkit-box-shadow: 0 0 5px 0px rgba(31,44,28,0);-moz-box-shadow: 0 0 5px 0px rgba(31,44,28,0);box-shadow: 0 0 5px 0px rgba(31,44,28,0);}
.btn-home-more2 {color: #fff;background-color: #f99c49;border-color: #f99c49;border-radius:2rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);}
.btn-home-more2:hover,.btn-home-more:active {color: #fff;-webkit-box-shadow: 0 0 5px 0px rgba(31,44,28,0);-moz-box-shadow: 0 0 5px 0px rgba(31,44,28,0);box-shadow: 0 0 5px 0px rgba(31,44,28,0);}

.btn-primarydark {color: #fff;background-color: #2A4C65;border-color: #2A4C65;border-radius:2rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);}
.btn-primarydark:hover,.btn-primarydark:active {color: #fff;-webkit-box-shadow: 0 0 5px 0px rgba(31,44,28,0);-moz-box-shadow: 0 0 5px 0px rgba(31,44,28,0);box-shadow: 0 0 5px 0px rgba(31,44,28,0);}

.btndark {color: #fff;background-color: #2A4C65;border-color: #2A4C65;border-radius:0;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);}
.btndark:hover,.btn-primarydark:active {color: #fff;-webkit-box-shadow: 0 0 5px 0px rgba(31,44,28,0);-moz-box-shadow: 0 0 5px 0px rgba(31,44,28,0);box-shadow: 0 0 5px 0px rgba(31,44,28,0);}


/* Slick BANNER */
.slider-banner .slick-next,.slider-banner .slick-prev {display:none !important;}
.slider-banner .slick-next {right:0 !important;z-index:1000;}
.slider-banner .slick-prev {left:0 !important;z-index:1000;}
.slider-banner.slick-dotted.slick-slider {margin-bottom: 0;}
.slider-banner .slick-dots {bottom:.5rem;}
.slider-banner .slick-dots li {position: relative;display: inline-block;width: 1rem;height: 1rem;margin: 0 5px;padding: 0;}
.slider-banner .slick-dots li button {width: 1rem;height: 1rem;padding:0;}
.slider-banner .slick-dots li button::before {font-size: 1rem;line-height: 1;width: 1rem;height: 1rem;opacity: .25;color:rgba(242,238,237,1) !important;}
.slider-banner .slick-dots li.slick-active button::before {opacity: 1;color: #ff0000;}

.slider-banner .slick-slide {position:relative;}
.slider-banner .slick-col-slide {position:absolute;top:0;left:0;}

.home-brand h5 {font-size:2rem;font-weight:bold;color:#0F2C18;}
.home-brand p {line-height:2;margin:0;}
.home-brand-item:hover {-webkit-box-shadow: 0px 1px 5px 0px rgba(139,127,139,1);-moz-box-shadow: 0px 1px 5px 0px rgba(139,127,139,1);box-shadow: 0px 1px 5px 0px rgba(139,127,139,1);}

.home-us {background-color:#DDD0C8;}
.home-us-txt {padding-top:2rem;padding-bottom:2rem;}
.home-us-txt h3 {font-size:2.5rem;}
.home-us-txt h5 {font-size:1.5rem;font-weight:bold;margin-bottom:1rem;}
.home-us-img {height:200px;background-image:url(../images/home-us-img.avif);background-repeat:no-repeat;background-size:100%;-webkit-border-top-left-radius: 0;-moz-border-radius-topleft:0;border-top-left-radius:0;}

.brand-banner {background-repeat:no-repeat;background-size:cover;background-position:0 100%;margin-bottom:200px;}
.brand-head {padding-top:2rem;padding-bottom:2rem;padding-left:0;padding-right:0;}
.brand-head img {width:90%;margin-bottom:2rem;}
.brand-head p {color:#ffffff;line-height:2;background-color:rgba(0,0,0,.5);padding:1.5rem;}
.brand-txt {min-----height:auto;}
/*.brand-video {width:351px; height:197px;position: absolute; top:450px; left: 50%;display:inline-block;-webkit-transform: translate(-50%, 0) !important;-o-transform: translate(-50%, 0) !important;transform: translate(-50%, 0) !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}*/
.brand-video {width:351px; height:197px;position: absolute; bottom:-197px; left: 50%;display:inline-block;-webkit-transform: translate(-50%, 0) !important;-o-transform: translate(-50%, 0) !important;transform: translate(-50%, 0) !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}

.product-head {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.product-head .row {height:80px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.product-head .product-head-tit::before {content: "";display:none;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(31,44,28,.9);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.product-head .product-head-tit {background-color: rgba(31,44,28,.9);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.product-head .product-head-tit .h1 {width:100%;font-size:2rem;font-weight:bold;color:#ffffff;text-align:center;letter-spacing:.5rem;text-indent:.5rem;margin:0;}

.product-list .product-item {display:block;flex: 0 0 auto;width:100%;max-width:100%;border:1px solid rgba(0,0,0,.5);padding:1.5rem;color:#000000;margin-top:.5rem;margin-bottom:.5rem;}
.product-list .product-item:hover {border:1px solid rgba(0,0,0,.5);-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.6);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.6);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.6);}
.product-list .pd-img {width:100%;}
.product-list hr {height:0;border:0;border-top:2px solid #928D3C;}
.product-list p {margin:0;}
.product-list h5 {color:#CC5F5A;margin:0;font-weight:bold;}


.product-view-head {position:relative;z-index:999;background-color: #CC5F5A;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.product-view-head .row {height:40px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.product-view-head .product-view-head-tit::before {content:"";display:block;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 40px;z-index: 0;background-color: rgba(31,44,28,.9);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.product-view-head .product-view-head-tit {background-color: rgba(31,44,28,.9);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.product-view-head .product-view-head-tit .h1 {width:100%;font-size:1.3rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:.3rem;margin:0;}
.product-view-head .product-view-head-tit .h11 {width:100%;font-size:1.3rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:0rem;margin:0;}

.slider-pdimg-for {padding:1rem 0;}
.slider-pdimg-for img {width:100%;}
.slider-pdimg-nav img {width:80px;margin:0 auto;}
.slider-pdimg-nav {padding---top:1.5rem;}
.slider-pdimg-nav .slick-slide {padding:.5rem;}
.slider-pdimg-nav .slick-current {border-top:5px solid #D6D9B9;border-bottom:5px solid #D6D9B9;}
.slider-pdimg-nav .slick-prev,.slider-pdimg-nav .slick-next {display:none !important;border:1px solid #ff0000;}
.slider-pdimg-for .slick-next {right:0;}
.slider-pdimg-for .slick-prev {left:0;}
.slider-pdimg-for .slick-prev,.slider-pdimg-for .slick-next {display:block;width:2rem;height:8rem;opacity:.1;z-index:1;}
.slider-pdimg-nav {display:none;}

.product-view-head {position: sticky;top:56px;z-index: 999;}
.product-view-content {z-index:111;}

.slides-numbers {display:block;color: #9fa5ac;font-size: 20px;font-weight: 300;text-align:center;}
.slides-numbers .active {color: #6caddf;}

.pd-view-tit {display: flex;flex-wrap: wrap;margin: 0;margin-bottom:1.5rem;border-bottom: 1px solid #7D6252;padding: .5rem 1rem;font-size:1rem;color: #000000;font-weight: bold;}

.btn-other {width:100%;color: #2A4C65;background-color: #E3D0CC;border-color: #2A4C65;border-radius:.1rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);box-shadow: 1px 1px 5px 0px rgba(31,44,28,.5);}
.btn-other:hover,.btn-other:active {color: #fff;background-color: #2A4C65;-webkit-box-shadow: 0 0 5px 0px rgba(31,44,28,0);-moz-box-shadow: 0 0 5px 0px rgba(31,44,28,0);box-shadow: 0 0 5px 0px rgba(31,44,28,0);}

/*https://sharethis.com/*/
#st-1 {display:inline-block !important;}
#st-1 .st-btn[data-network="facebook"],
#st-1 .st-btn[data-network="twitter"],
#st-1 .st-btn[data-network="pinterest"],
#st-1 .st-btn[data-network="email"] {display:none !important;}

.dl-btn {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;-moz-border-radius: undefinedpx;-webkit-border-radius: undefinedpx;border-radius: undefinedpx;border: none;cursor: pointer;display: inline-block;font-size: 12px;height: 40px;line-height: 40px;margin-right: 0;padding: 0 12px;position: relative;text-align: center;top: 0;vertical-align: top;white-space: nowrap;background-color:#666218;}
.dl-btn .fa-download {font-size:1rem;color:#ffffff;}
.dl-btn:hover {  opacity:.8;top: -4px;}

.pd-content {padding-top:1.5rem !important;padding-bottom:2.5rem !important;background-color:#E3D0CC;}
.pd-content h5 {font-size:2.5rem;margin:.5rem 0 2rem 0;}
.pd-content h5 p {font-size:1rem;margin-top:.5rem}
.tab-pd-content {padding:2rem 0;}
.nav-pd-tabs.nav-tabs {border-bottom: 1px solid #7D6252;}
.nav-pd-tabs .nav-link {color:#7D6252;margin-bottom:0;}
.nav-pd-tabs .nav-link.active {color: #000000;font-weight:bold;}
.col-share {position:absolute;top:1.5rem;right:1rem;}

.product-series-content {min-height:800px;padding:2rem 0;background-image:url(../images/pdbg.avif);background-repeat:no-repeat;background-size:cover;}

.product-series-content .pd-series {position:relative;width:100%;display:block;background-color:rgba(0,0,0,.5);padding:1rem 3rem;border:1px solid #ffffff;}
.product-series-content .pd-series p {position:absolute;top:50%;left:50%;display:inline-block;margin:0;padding:0;width:100%;font-size:1.8rem;font-weight:bold;color:#ffffff;text-align:center;-webkit-transform: translate(-50%, 0) !important;-o-transform: translate(-50%, 0) !important;transform: translate(-50%, 0) !important;}
.product-series-content .pd-img {opacity: 1;margin:.5rem 0;}

.product-series-content .pd-series:hover {background-color:rgba(255,255,255,1);border:1px solid #000000;}
.product-series-content .pd-series:hover .pd-img {opacity: 1;}
.product-series-content .pd-series:hover p {top:auto;bottom:0;color:#000000;background-color:#CDDAA5;padding:.5rem 0;font-size:1.2rem;}

.servicecase-head {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.servicecase-head .row {height:80px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.servicecase-head .sc-head-tit::before {content: "";display: none;position: absolute;top: 0;bottom: 0;right: 0;height: 100%;width: 200px;z-index: 0;background-color: rgba(204,95,90,1);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 0);clip-path: polygon(0 0, 0% 100%, 100% 0);-webkit-transform: translateY(0);transform: translateX(100%);}
.servicecase-head .sc-head-tit {background-color: rgba(204,95,90,.9);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.servicecase-head .sc-head-tit .h1 {width:100%;font-size:2rem;font-weight:bold;color:#ffffff;text-align:center;letter-spacing:.5rem;text-indent:.5rem;margin:0;}

.servicecase-item {padding-top:1rem;padding-bottom:1rem;cursor: pointer;}
.servicecase-item img {width:100%;border-radius: 5rem;}
.servicecase-item p {text-align:center;margin:0;margin-top:.5rem;}


#servicecase-Modal .modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: rgba(0,0,0,0);background-clip: padding-box;border: 1px solid rgba(0,0,0,0);border-radius:0;outline: 0;}
#servicecase-Modal .modal-header {display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;padding: 1rem 1rem;border-bottom: 0 solid #dee2e6;border-radius:0;background-color: rgba(0,0,0,0);}
#servicecase-Modal .modal-title {width:100%;color:#ffffff;line-height:1;}
#servicecase-Modal .modal-footer {display: flex;flex-wrap: wrap;flex-shrink: 0;align-items: center;justify-content: flex-end;padding:0;border-top: 0px solid #dee2e6;border-radius:0;}
.modal-backdrop.show {opacity: .9;}
#servicecase-Modal .slick-prev, .slick-next {width: 40px;height: 80px;z-index: 1;opacity:.3;}
#servicecase-Modal .slick-dots li.slick-active button::before {opacity: .75;color: #ffffff;}
#servicecase-Modal .btn-closew {box-sizing: content-box;padding: .25em .7em;color: #000000;border:0;border-radius:2rem;background-color:#ffffff;}
#servicecase-Modal .slick-dots li {margin: 0 0px;}
#servicecase-Modal .slick-dots li button::before {color: #f00;}

.col-listhead {border-bottom:1px solid #eeeeee;}
.col-listhead .btn, .col-listhead .dropdown-menu {border-radius:0;}
.col-listhead .btn {padding: .375rem 1rem;}
.col-listhead .dropdown-menu {min-width: 13rem !important;padding: 1rem 0 !important;}

.col-pagination {font-size:1.5rem;border-top:1px solid #eeeeee;}
.col-pagination .page-item {margin-left:.5rem;margin-right:.5rem;}
.col-pagination .page-link {color:#000000;border:0;padding: .375rem 1rem;}
.col-pagination .page-item:first-child .page-link {border-top-left-radius:0;border-bottom-left-radius:0;}
.col-pagination .page-item:last-child .page-link {border-top-right-radius:0;border-bottom-right-radius:0;}

.col-pagination .page-item.active .page-link {z-index: 3;color: #fffffff !important;background-color: #A09952 !important;border-color: #A09952 !important;}
.page-item.disabled .page-link {opacity:0.3;}

.col-listhead .search-results span{color:#ff0000;}
.search-no-results span{color:#ff0000;font-weight:bold;}
.search-no-results {width:100%;font-size:2rem;text-align:center;border:1px solid #eeeeee;background-color:#EFD5DC;}
.search-no-results p {padding:5rem 0;margin:0;}

.col-head {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.col-head .row {height:80px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.col-head .col-head-tit::before {content: "";display:none;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(117,128,156,.8);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.col-head .col-head-tit {background-color: rgba(117,128,156,.8);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.col-head .col-head-tit .h1 {width:100%;font-size:2rem;font-weight:bold;color:#ffffff;text-align:center;letter-spacing:.5rem;text-indent:.5rem;margin:0;}

.col-page-container {line-height:2;}
.col-page-container h4 {margin-top:3rem;margin-bottom:2rem;}

.col-page-pdall a {text-decoration:none;color:#000000;display:block;margin-bottom:0.4rem;}
.col-page-pdall a:hover {text-decoration: underline;}
.col-page-pdall-head {font-size:1.5rem;font-weight:900;border-bottom:2px solid #000000;padding-bottom:0.5rem;margin-bottom:1rem !important;}

.col-contactus .form-control,.col-contactus .form-select {border:0 !important;border-bottom:1px solid #B3CAD8 !important;border-radius:0;}
.col-contactus .form-textarea {border:1px solid #B3CAD8 !important;border-radius:0;}

.col-contactus .style-label {mar-gin:0;border-left:4px solid #2A4C65;padding-left:.4rem;font-weight:bold;}
.col-contactus .text-red {font-size:.7rem;padding-top:0;padding-bottom:0;}
.col-contactus .text-red .fa-asterisk {color:#ff0000;padding-right:.3rem;}
.col-contactus .style-label .fa-asterisk {font-size:.3rem;color:#ff0000;vertical-align:top;padding-left:.3rem;}

.col-equipment-head {color:#000000;background-color:#CBA29E;padding-top:1rem;padding-bottom:1rem;}
.col-equipment {margin:0;padding-top:.5rem;padding-bottom:.5rem;background-color:#F4EBE4;}

.col-equipment .input-group .input-group-text {border:0 !important;border-bottom:1px solid #B3CAD8 !important;border-radius:0;}

.col-viphead {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.col-login .col-row-bg {height:640px;background-image:url(../images/vip-lg-bg.avif);background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.col-login .col-login-bg::before {content: "";display:block;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(160,153,82,.8);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.col-login .col-login-bg {background-color: rgba(160,153,82,.8);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center !important;}
.col-login .col-login-form {width:30%;background-color:#ffffff;padding:1rem;}

.col-viplogin {padding-top:5rem;padding-bottom:5rem;}
.col-viplogin-form {padding:0 0rem;}
.col-viplogin-form h5 {font-size:1.8rem;font-weight:bold;margin:0;}
.col-viplogin-form a {color:#000000;}
.col-viplogin-form .form-control {border:0 !important;border-bottom:2px solid #CC5F5A !important;border-radius:0;}

.col-vip-head {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.col-vip-head .row {height:80px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.col-vip-head .col-vip-head-tit::before {content: "";display:none;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(204,95,90,.8);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.col-vip-head .col-vip-head-tit {background-color: rgba(204,95,90,.8);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.col-vip-head .col-vip-head-tit .h1 {width:100%;font-size:2rem;font-weight:bold;color:#ffffff;text-align:center;letter-spacing:.5rem;text-indent:.5rem;margin:0;}

/* 服務記錄查詢 */
.col-search .label-txt {line-height:2.5;}
.col-search .form-control, .col-search .form-select {border-radius:0 !important;}
table.dataTable.nowrap td {white-space: normal !important;}
table.dataTable > tbody > tr.child {padding: 0 0 !important;}
table.dataTable > tbody > tr.child ul.dtr-details {width:100%;}
table.dataTable > tbody > tr.child ul.dtr-details li {display: flex;flex-wrap: wrap;}
table.dataTable > tbody > tr.child span.dtr-title {max-width:25%;}
table.dataTable > tbody > tr.child span.dtr-title,table.dataTable > tbody > tr.child span.dtr-data {flex: 1 0 0%;}
.dataTables_wrapper .dataTables_paginate {padding-top:1.5em !important;}
table.dataTable td[data-bs-toggle="modal"] {cursor: pointer;}

#serviceModal .modal-title {font-weight:bold;}
#serviceModal .modal-tit {font-weight:bold;border-left:3px solid #2A4C65;}
#serviceModal .fa-comment-dots {font-size:2.1rem !important;color:#EC8F3F;}

/* 關於極緻 */

.about-txt1 {font-size:1rem;position:relative;top:80px;right:0;width: 100%;background-color:rgba(250,238,199,1);padding:1rem 1rem;line-height:1.8;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);transform: translate(0%, -10%) !important;}
.about-txt1 h5 {position:relative;bottom:0%;left:0%;transform: translate(0%, 0%) !important;background-color:rgba(87,55,43,1);color:#ffffff;padding:1rem .5rem;font-size:1rem;}
.about-service-bg {background-image:url(../images/banner6.avif);background-repeat:no-repeat;background-size:100%;background-position:-10000px;}
.about-service-row {background-color:rgba(247,126,102,.8);}
.bout-service-txt {background-color:rgba(240,222,212,.8);border:8px double #17341E;line-height:2;font-size:1.2rem;}
.bout-service-txt h5 {font-size:2rem;font-weight:bold;margin:1rem 0;margin-bottom:1rem;letter-spacing: 1rem;text-indent: 1rem;border-bottom:1px solid #17341E;line-height:2;}

.about-step-col {margin-top:2rem;margin-bottom:3rem;}
.about-step-col h5{font-size:2rem;font-weight:bold;margin:1rem 0;margin-bottom:1rem;letter-spacing: 1rem;text-indent: 1rem;line-height:2;}
.about-step{width:100% !important;margin:0 auto;}

.about-step .col-12 {font-size:1.6rem;font-weight:bold;border:6px solid #37613C;border-radius:2rem !important;line-height:2;padding:1rem 3rem;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);}


.about-step .col-step {font-size:1.6rem;font-weight:bold;background-color:#ffffff;border:1px solid #37613C;border-radius:15rem !important;line-height:2;padding:3rem 3rem;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);}
.about-step .col-step .fa-solid {color:#2A4C65;}
.about-step .col-ab-fa {font-size:4rem;color:#FEC37D;margin:1rem 0;}
.about-step .col-step .fa-solid {font-size:5rem;}
.about-step .col-step p {margin:0;color:#CC5F5A;}




.col-scrvice-block {font-weight:bold;background-color:#E2C6C4;padding:2rem 1rem;margin-top:2.5rem;margin-bottom:2.5rem;}
.col-scrvice-block a {color:#000000;text-decoration: underline;}

.about-brand-col h5{font-size:2rem;font-weight:bold;margin:1rem 0;margin-bottom:0rem;letter-spacing: 1rem;text-indent: 1rem;line-height:2;}
.about-brand-col {margin--top:2rem;margin--bottom:2rem;padding--top:3rem;padding-bottom:3rem;}
.about-brand-col a {display:inline-block;padding:1.5rem;font-size:2.3rem;font-weight:bold;color:#000000;line-height:1;}
.about-brand-col div[class^=col] {border:1px solid #898989;margin:1rem;border-radius:1rem !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);}


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.acme-nav.navbar {padding-top: 1rem;padding-bottom: 1rem;}
.navbar-brand img[src="images/logo_nav.png"]{width:90px;  -webkit-transition: width .35s ease-in-out; transition: width .35s ease-in-out;}
.acme-nav-div {-webkit-box-shadow: 0px 1px 8px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 8px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 8px 0px rgba(31,44,28,.7);}
.acme-nav-div {padding-top: 0.2rem !important;padding-bottom: 0.2rem !important;}
.acme-nav-div .navbar-brand img[src="images/logo_nav.png"]{width:50px;}
.acme-nav .dropdown-menu {background-color: #fff;border: 0;border-radius:0rem;-webkit-box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);-moz-box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);box-shadow: 1px 1px 5px 0px rgba(31,44,28,1);}
.acme-nav .dropdown-menu .dropdown-item {padding: .5rem 1rem;text-align:left;}
.slider-banner .slick-dots {bottom:2rem;}
ul.footer-link li:first-child {padding-left:0;}
.home-brand h5 {font-size:3rem;margin-bottom:2rem;}
.home-us-txt {padding:0 10rem;}
.home-us-txt h3 {font-size:4rem;}
.home-us-txt h5 {font-size:1.5rem;font-weight:bold;margin-bottom:2rem;}
.home-us-img {height:550px;background-image:url(../images/home-us-img.avif);background-repeat:no-repeat;background-size:cover;-webkit-border-top-left-radius: 30rem;-moz-border-radius-topleft: 30rem;border-top-left-radius: 30rem;}

.brand-banner {background-repeat:no-repeat;background-size:cover;background-position:0 100%;margin-bottom:350px;}
.brand-head {padding-top:7rem;padding-bottom:7rem;}
.brand-head img {width:auto;margin-bottom:2rem;}
.brand-head p {color:#ffffff;line-height:2;background-color:rgba(0,0,0,.5);padding:1.5rem;}
.brand-txt {min-height:380px;}
/*.brand-video {width:640px; height:360px;position: absolute; top: 500px; left: 50%;display:block;-webkit-transform: translate(-50%, 0) !important;-o-transform: translate(-50%, 0) !important;transform: translate(-50%, 0) !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}*/
.brand-video {width:640px; height:360px;position: absolute; bottom: -360px; left: 50%;display:block;-webkit-transform: translate(-50%, 0) !important;-o-transform: translate(-50%, 0) !important;transform: translate(-50%, 0) !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}

.product-head .row {height:300px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.product-head .product-head-tit::before {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(31,44,28,.9);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);margin-right: -1px;}
.product-head .product-head-tit .h1 {width:100%;font-size:3rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:1rem;text-indent:1rem;}
.product-list .product-item {display:block;flex: 0 0 auto;width:100%;max-width:100%;border:1px solid rgba(255,255,255,0);padding:1.5rem;color:#000000;}

.product-view-head .row {height:50px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.product-view-head .product-view-head-tit .h1 {width:100%;font-size:1.5rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:.5rem;margin:0;}
.product-view-head .product-view-head-tit .h11 {width:100%;font-size:1.5rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:0rem;margin:0;}
.slider-pdimg-for {padding:2.5rem 10rem;}
.slider-pdimg-nav {display:block;}
.slider-pdimg-for .slick-prev,.slider-pdimg-for .slick-next {display:none !important;width:2rem;height:8rem;opacity:.1;z-index:1;}

.slides-numbers {display:none !important;}

.product-view-head {position: sticky;top:66px;z-index: 999;}

.pd-content {padding:0 4rem;padding-top: 1.5rem !important;padding-bottom: 2.5rem !important;}
.col-share {position:absolute;top:1.5rem;right:4rem;}

.product-series-content .pd-series {padding:2rem 3rem;}
.product-series-content .pd-img {opacity: 0.5;margin:1.5rem 0;}

.servicecase-head {background-color: #eceef2;-webkit-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);-moz-box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);box-shadow: 0px 1px 15px 0px rgba(31,44,28,.7);}
.servicecase-head .row {height:170px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.servicecase-head .sc-head-tit::before {content: "";display:block;position: absolute;top: 0;bottom: 0;right: 0;height: 100%;width: 200px;z-index: 0;background-color: rgba(204,95,90,1);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 0);clip-path: polygon(0 0, 0% 100%, 100% 0);-webkit-transform: translateY(0);transform: translateX(100%);margin-left: -1px;}
.servicecase-head .sc-head-tit {background-color: rgba(204,95,90,1);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.servicecase-head .sc-head-tit .h1 {width:100%;font-size:2.5rem;font-weight:bold;color:#ffffff;text-align:center;letter-spacing:1rem;text-indent:1rem;}

.col-head .row {height:300px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.col-head .col-head-tit::before {content: "";display:block;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(117,128,156,.8);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.col-head .col-head-tit {background-color: rgba(117,128,156,.8);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.col-head .col-head-tit .h1 {width:100%;font-size:3rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:1rem;text-indent:1rem;margin:0;}

.col-viplogin {padding-top:10rem;padding-bottom:10rem;}
.col-viplogin-form {padding:0 3rem;}

.col-vip-head .row {height:150px;background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.col-vip-head .col-vip-head-tit::before {content: "";display:block;position: absolute;top: 0;bottom: 0;right: 100%;height: 100%;width: 200px;z-index: 0;background-color: rgba(204,95,90,.8);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 100%);clip-path: polygon(0 0,100% 0,100% 100%,100% 100%);-webkit-transform: translateX(0px);transform: translateX(0px);}
.col-vip-head .col-vip-head-tit {background-color: rgba(204,95,90,.8);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.col-vip-head .col-vip-head-tit .h1 {width:100%;font-size:2.5rem;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:.8rem;text-indent:.8rem;margin:0;}


/* 關於極緻 */
.about-txt1 {font-size:1.1rem;position:absolute;top:40%;right:-50%;width: 100%;background-color:rgba(250,238,199,.9);padding:3rem 4rem;line-height:2;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);transform: translate(0%, -10%) !important;}
.about-txt1 h5 {position:absolute;bottom:-14%;left:50%;transform: translate(-50%, -50%) !important;background-color:rgba(87,55,43,1);color:#ffffff;padding:1rem 1.5rem;font-size:1.3rem;}
.about-service-bg {margin-top:10rem;background-image:url(../images/banner6.avif);background-repeat:no-repeat;background-size:100%;background-position:0px;}
.about-service-row {background-color:rgba(247,126,102,.8);}
.bout-service-txt {background-color:rgba(240,222,212,.8);border:8px double #17341E;line-height:2;font-size:1.2rem;}
.bout-service-txt h5 {font-size:2.5rem;font-weight:bold;margin:1rem 0;margin-bottom:1rem;letter-spacing: 2rem;text-indent: 2rem;border-bottom:1px solid #17341E;line-height:2;}

.about-step-col {margin--top:5rem;margin--bottom:5rem;padding-top:6rem;padding-bottom:6rem;}
.about-step-col h5{font-size:2.5rem;font-weight:bold;margin:0rem 0;margin-bottom:2rem;letter-spacing: 2rem;text-indent: 2rem;line-height:2;}
.about-step{margin:0 auto;}
.about-step .col-step {font-size:1.6rem;font-weight:bold;border:1px solid #37613C;border-radius:15rem !important;line-height:2;padding:3.5rem 5rem;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);}
.about-step .col-step .fa-solid {color:#2A4C65;}
.about-step .col-ab-fa {font-size:4rem;color:#FEC37D;}
.about-step .col-step .fa-solid {font-size:5rem;}
.about-step .col-step p {margin:0;color:#CC5F5A;}


.about-brand-col h5{font-size:2.5rem;font-weight:bold;margin:0rem 0;margin-bottom:2rem;letter-spacing: 1rem;text-indent: 1rem;line-height:2;}
.about-brand-col {margin--top:10rem;margin--bottom:10rem;padding--top:6rem;padding-bottom:6rem;}
.about-brand-col a {display:inline-block;padding:1.5rem;font-size:2.3rem;font-weight:bold;color:#000000;line-height:1;}
.about-brand-col div[class^=col] {border:1px solid #898989;margin:1rem;border-radius:1rem !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);}





}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.acme-nav .container-fluid {padding-left:3rem;padding-right:3rem;}
 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

 }