@charset "utf-8";
/* @import url('fonts.css'); */

/* CSS Document */
body{font-family:'Noto Sans Georgian','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);background: var(--lightColor);}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
body:before{content:'';position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.15);z-index: 999;-webkit-backdrop-filter:blur(0.125rem);backdrop-filter:blur(0.125rem);opacity:0;pointer-events:none;}
/* body:has(.isOpen){overflow:hidden;} */
body:has(.isOpen):before{opacity:1;pointer-events:all;}
.wow {opacity: 0;  visibility: hidden;}
body.animate-ready .wow { opacity: 1;  visibility: visible;  transition: opacity 0.6s ease;}
a{color:#333;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}
p{margin-top: 0;}

/* 回頂端 */
#goTop{--cl:var(--mainColor);display:none;cursor:pointer;position:fixed;bottom: 2rem;right:1rem;width: 3rem;aspect-ratio: 1;line-height:50px;text-align:center;background: var(--cl);color: #fff;transition:0.3s all;overflow: hidden;border-radius: 100rem;z-index: 99;}
#goTop .bi{display:inline-block;}
#goTop .txt{position:relative;}
#goTop:hover{--cl:var(--mainColorD);color:#fff;}

/*按鈕*/
.btnWrap {margin-top: clamp(0.75rem,2vw,2em);text-align:center;}
.btnWrap.--back{margin:0 0 6.25rem;}
.btnWrap--left{text-align:left;}
.btnStyle{--bg:var(--subColor);--cl:#333;color: var(--cl);background: var(--bg);border-radius: 100rem;min-width: var(--width,10rem);padding: 0.875rem 1.5rem;display: inline-block;text-align: center;overflow: hidden;}
.btnStyle .txt{--dotW:0.5rem;position: relative;padding-right: calc(var(--dotW) + 0.625rem);z-index: 0;transition: 0.3s all;}
.btnStyle .txt:after{content: '';width:var(--dotW);aspect-ratio: 1;background: var(--cl);display: inline-block;border-radius: 100rem;position: absolute;right: calc(var(--dotW) * 0.5);top: 50%;transform: translate(50%,-50%);transition: 0.3s all ease-in-out;z-index: -1;}
.btnStyle:hover .txt{color:#fff;padding:0}
.btnStyle:hover .txt:after{width: calc(var(--width) * 1.75);opacity:0.85;}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/
:root{
    /*!顏色*/
    --mainColor:#0070BB;
    --mainColorL:#A5D5F3;
	--mainColorLL:#ebf6fd;
    --mainColorD:#003355;
    --mainColor-t10:rgba(0, 112, 187, 0.1);
    --lightColor:#F6F8F9;
    --subColor:#BDEB00;
    --subColorL:#FCFFEF;
	--dark:#333;
    /*!漸層*/
    --gradient:linear-gradient(to right,var(--subColor),var(--mainColor));
    /*!container*/
    --container:100%;
    /*!陰影*/
    --shD:0 0.25rem 1rem rgba(0,0,0,0.15);
	--bsIcon:'bootstrap-icons';
}

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: 2.5rem 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.container{max-width: var(--container);}
.cover{margin: 0;}
.cover__pic{object-fit: cover;}

/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}

/*!輪播-slickStyle*/
.slickStyle{--hoverBg:var(--mainColor);--arrowCl: var(--mainColorD);--dotCl:var(--mainColor);}
.slickStyle.slick-dotted.slick-slider{margin-bottom: 0;}
.slickStyle .slick-list{padding-bottom: 2.5rem;}
.slickStyle .slick-dots{display: flex;align-items: center;justify-content: center;bottom: 0;}
.slickStyle .slick-dots li,.slickStyle .slick-dots li button,.slickStyle .slick-dots li button:before{width: 0.75rem;height: 0.75rem;}
.slickStyle .slick-dots li{margin:0 0.375rem;}
.slickStyle .slick-dots li button:before{font-family: none;background: var(--dotCl);font-size: 0;border-radius: 100rem;display: flex;transition: 0.3s all;opacity: 1!important;border: 1px solid var(--subColor);}
.slickStyle .slick-dots li.slick-active button:before{background:var(--subColor);}
.slickStyle .slick-prev,.slickStyle .slick-next{width:2rem;height:2rem;top: calc(50% - 2.5rem);}
.slickStyle .slick-prev{left:-2.5rem;}
.slickStyle .slick-next{right:-2.5rem;}
.slickStyle .slick-prev:before,.slickStyle .slick-next:before{color: var(--arrowCl);display: inline-block;font-family: var(--bsIcon) !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;font-size: 2rem;}
.slickStyle .slick-prev:before{content:'\F284';}
.slickStyle .slick-next:before{content:'\F285';}
.slickStyle .slick-arrow{transition:0.3s all;z-index: 1;}
.slickStyle .slick-arrow:after{content:'';position:absolute;background: var(--hoverBg);border-radius:2rem;width: calc(100% + 0.5rem);aspect-ratio: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;opacity: 0;transition: 0.3s all;}
.slickStyle .slick-arrow:hover:after{opacity:1;width: calc(100% + 1rem)}
.slickStyle .slick-arrow:hover:before{color:#fff;}
.slickStyle .slick-prev.slick-disabled,.slickStyle .slick-next.slick-disabled{opacity:0;pointer-events: none;}
.slick-slider {visibility: hidden;}
.slick-initialized {visibility: visible;}

/*!表單*/
.formGroup{display: flex;flex-wrap: wrap;gap: 1.25rem;}
.formGroup + .formGroup{margin-top: 2rem;}
.formGroup__item{width: 100%;}
.formGroup__item--half{width:calc(50% - 0.625rem);}
.formGroup__item--recaptcha{display:flex;gap:0.5rem;align-items: center;justify-content: center;flex-direction: column;}
label{margin-bottom: 0.25rem;color: var(--mainColorD);}
label .red{margin-left:0.25rem;}

/* 標題 */
.titleBox{margin-bottom: 1.25rem;display: flex;flex-direction: column;gap: 0.5rem;}
.titleBox--pt{margin:0;padding-top:2rem;}
.titleBox__mj{margin: 0;font-weight: 800;font-size: clamp(1.5rem,2vw,2.5rem);line-height: 1.5;}
.titleBox__mj.--b{font-size: clamp(1.75rem,2.5vw,2.5rem);}
.txt.--sub{font-size:0.625em;}
.briefTxt{line-height:1.25;font-size:1.125rem;letter-spacing: 0.01em;}
.fieldsTxt{line-height: 1.5;letter-spacing: 0.02em;font-weight: 350;margin: 0.625rem 0;font-size: 1rem;}
.txt.--cl{color: var(--mainColor);}
.txt.--clLight{color: #8b8b8b;}
.--txtWhite{color:#fff;}
.--txtWhite .--cl{color:var(--subColor);}
.--txtWhite .briefTxt{font-weight: 350;}
.--alignC{text-align:center;}
.--t50{opacity: 0.5;}
.--udLine{text-decoration: underline;text-underline-offset: 0.125rem;}
.--noDot{list-style: none;padding: 0;margin: 0;}
.slashG{display: inline-flex;flex-wrap: wrap;}
.slashG__item{display: inline-block;position: relative;}
.slashG__item + .slashG__item:before{content:'/';margin: 0 0.25rem;}
.blockTtWrap{margin-bottom:1.25rem;}
.blockTt{--dotW:0.75rem;font-size: clamp(1.5rem,2vw,2rem);font-weight: 700;padding-left: calc(var(--dotW) + 0.625rem);position: relative;}
.blockTt:before{content:'';position: absolute;width:var(--dotW);aspect-ratio: 1;background: var(--mainColorL);border-radius: 100rem;left: 0;top: clamp(1rem,1.2vw,1.25rem);transform: translateY(-50%);}
.noteTxt{margin:0.6325rem 0;margin: 1rem 0;color:var(--mainColorD);font-size:0.875rem;border-radius: 0.2rem;display: flex;flex-direction: column;/* gap: 0.5rem; */}
.noteTxt p{margin:0;}
.markTxt{color:var(--mainColor);}
.linkStyle a,.linkHref{--cl: var(--mainColor);color:var(--cl);position:relative;}
.linkStyle a:after,.linkHref:after{content:'';position:absolute;width:0%;height:1px;right: 0;bottom: 0;transition: 0.3s all;background: var(--cl);}
.linkStyle a:hover:after,.linkHref:hover:after{width:100%;left:0}

/*banner*/
.banner{min-height: 300px;width: 100%;aspect-ratio: 1920/570;}
.banner .slick-list{padding:0;}
.banner .slick-dots{--dotCl:#fff;bottom:1.5rem;}
.banner .slick-dots li:only-child{pointer-events:none;opacity:0;}
.banner__box{position:relative}
.bmImg{position:relative;z-index: 0;}
.bmImg:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to right,var(--mainColorD),transparent 55%);left: 0;top: 0;opacity: 0.75;}
.bnImg__pic{width:100%;aspect-ratio:1920/570;object-fit:cover;min-height: 20rem;}
.bnCt{position:absolute;left: max(calc((100vw - var(--container) + 0.75rem)  / 2),1rem);right: max(calc((100vw - var(--container) + 0.75rem)  / 2),1rem);top:50%;transform:translateY(-50%);z-index: 1;display: flex;flex-direction: column;gap: 1.5rem;align-items: flex-start;/* max-width: clamp(20rem,35vw,40%); */}
.bnCt__txt{color:#fff;line-height: 1.25;display: flex;flex-direction: column;gap: 0.25rem;text-shadow: 0 0 1rem rgba(0,0,0,0.2);}
.bnCt__txt__mj{font-size: clamp(1.75rem,2vw,3rem);font-weight:800;}
.bnCt__txt__sub{font-size:1.25rem;font-weight:500;}
.pgBanner{}

.breadCrumbWrap{padding-top: clamp(2rem,3.5vw,4rem);}
.breadCrumb{display:flex;flex-wrap:wrap;align-items: center;}
.breadCrumb__item{color: var(--mainColor);}
.breadCrumb__item:last-child{color: var(--dark);}
.breadCrumb__item + .breadCrumb__item{position: relative;}
.breadCrumb__item + .breadCrumb__item:before{content:'\F280';position: relative;font-family: var(--bsIcon);font-size: 0.625rem;margin: 0 0.25rem;color: var(--dark);}

/*!header*/
.navbar{--pdY:1.25rem;background: #fff;box-shadow:var(--shD);transition: 0.3s all;padding: var(--pdY) 0;}
.navbar:after{content:'';position:absolute;width:100%;height:0.25rem;background:var(--mainColorL);left:0;top:0;}
.navbar-nav{gap:0.5rem;display: flex;align-items: stretch;height: 100%;}
.navbar-brand{padding:0;margin: 0;display: inline-flex;transform: translateY(0.125rem);}
.logo{--h:3.375rem;margin:0;aspect-ratio: 210/54;object-fit: cover;height: var(--h);min-width: calc(var(--h) / 54 * 210);display: inline-flex;}
.logo.--fLogo{width:var(--logoW);}
.logo__pic{height: var(--h);aspect-ratio:210/54;object-fit:cover;}
.nav-link, .inquiryBtn__item{letter-spacing: 0.02em;font-weight:500;font-size:1.125rem;color: #333;}
.nav-link{height:100%;display: inline-flex;align-items: center;text-align: center;line-height: 1.25;}
.nav-link[href="javascript:;"]{cursor:default;}
.inquiryBtn{position:relative;}
.inquiryBtn__item{padding-left: 0.5rem;font-size: 1.375rem;line-height: 1;transform: translateY(0.125rem);display: inline-block;}
.cartNum{position:absolute;font-size:0.875rem;display:inline-flex;background:var(--mainColor);color:#fff;line-height:1;min-width: 1.25rem;aspect-ratio: 1;align-items: center;justify-content: center;border-radius: 100rem;right: 0;top: 0;transform: translate(55%,-55%);animation: popUp 0.5s forwards;}
.dropdown-item{padding:0.75rem 1rem}
.dropdown-item:focus, .dropdown-item:hover{background: var(--mainColor-t10);}

.nav-item:hover .nav-link{color:var(--mainColor);}
.navbar-nav .dropdown-menu{background: #ffffff;border-radius:0;padding: 0;display: grid;min-height: var(--subHeight);overflow: hidden;border: none;width: 100%;left: 0;/*top:var(--headerH,100%);*/position: relative;box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.15);}
.navbar-nav .dropdown-menu.--small{width:auto;left: auto;}
.dropSortBox{--bg:#fff;--width: 30rem;}
.dropSortBox__item__mj{background: #F5F4F4;padding:0.75rem 1rem;width: var(--width);position: relative;display: flex;justify-content: flex-end;align-items: center;gap: 0.5rem;}
.dropSortBox__item__mj:after{content:'\F285';font-family:var(--bsIcon);}

.dropSortBox__item__sub{position:absolute;}
.dropSortBox__item__sub{--num: 4;--pos:0.5rem;right: var(--pos);top: 0;background:var(--bg);width: calc(100% - var(--width) - var(--pos));transition: 0.3s all;opacity: 0;pointer-events: none;overflow-y: auto;z-index: 99;height: calc(100% - 2rem);/* max-height: calc(var(--subHeight) - 2rem); */display: none;padding: 0;align-items: flex-start;flex-wrap: wrap;gap: 0.5rem 0;}

.dropSortBox__item__sub::-webkit-scrollbar{border-radius: 100rem;width: 0.5rem;background-color: #fff;}
.dropSortBox__item__sub::-webkit-scrollbar-track{/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */background-color: #ddd;border-radius: 100rem;}
.dropSortBox__item__sub::-webkit-scrollbar-thumb{background-color: var(--mainColor);border-radius: 100rem;}

.navSub{padding:0.75rem 1rem;width: calc(100% / var(--num));display: inline-flex;align-items: center;line-height: 1.25;}


.searchHBarWrap{display:inline-flex;margin:auto;margin-right:0;}
.searchHBar{--cl:var(--subColor);border: 1px solid #ccc;border-radius:100rem;overflow:hidden;display: flex;background: #fff;}
.searchHBar__input{border:none;margin-left:1.5rem;height: 100%;padding: 0;width: clamp(12.5rem,25vw,30rem);font-family: inherit;}
.searchHBar__input::placeholder{color:rgba(0,0,0,0.5);}
.searchHBar__input:focus{outline:none;box-shadow:none;}
.searchHBar__btn{background:var(--cl);padding:0.25rem;height: 2.375rem;display: inline-flex;aspect-ratio: 1;align-items: center;justify-content: center;margin: 0.25rem;border-radius: 100rem;}

/*-header-手機按鈕*/
.navbar-toggler{border:none;display: grid;flex-direction: column;gap: 0.375rem;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;align-content: center;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--mainColor);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.isOpen .navbar-toggler .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.isOpen .navbar-toggler .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.isOpen .navbar-toggler .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}

.navbar .container{align-items: stretch;gap: 0.75rem 2rem;}
.menuBarWrap{display:flex;align-items: center;gap: 0.5rem;}
.menuBar{height:100%;}

/* footer */
footer{background: var(--mainColorL);}
footer a{color:#333;}
.fTop{padding:4rem 0 5rem;font-size: 0.875rem;letter-spacing: 0.04em;}
.fTopBox{display:flex;justify-content: space-between;flex-wrap: wrap;gap: 2rem;}
.fInfor{--logoW:calc(3.75rem / 54 * 210);--gap:2rem;display:flex;gap:var(--gap);width: 100%;align-items: flex-end;padding-bottom: 1rem;border-bottom: 1px solid #ddd;flex-wrap: wrap;}
.fInforMj{display:flex;gap: 1rem;width: calc(100% - var(--logoW) - var(--gap));width: 100%;justify-content: space-between;flex-wrap: wrap;}
.fInforMj__item{display:flex;flex-direction:column;font-size: 0.875rem;gap: 0.375rem;/* flex: 1; */}
.fInforMj__item li{--iconW:1rem;display: inline-flex;position:relative;}
.fInforMj__item li:has(.bi){padding-left: calc(var(--iconW) + 0.5rem);}
.fInforMj__item .bi{color:var(--mainColor);position:absolute;left:0;top:0;width: var(--iconW);text-align: center;}
.fInforMj__item__tt{font-weight:700;font-size: 0.9375rem;padding: 0;margin-bottom: 0.25rem;}
.fSitemap{display:flex;gap: 0 1.5rem;/* margin: auto; *//* margin-right: 0; */width: calc(100% - var(--logoW) - var(--gap));justify-content: flex-end;flex-wrap: wrap;}
.fBtm{padding: 0.5rem 0;}
.fBtmBox{display:flex;font-size: 1rem;gap: 1rem;flex-wrap: wrap;}
.copyright{display:flex;gap: 0 0.5rem;flex-wrap: wrap;align-items: center;}
.copyright a{/* opacity:0.5; */}
.termLink{display:flex;gap: 0.5rem;}
.termLink a{opacity: 1;}
.termLink__item{position:relative;padding-left: 0.5rem;}
.termLink__item:before{content:'';position:absolute;width:1px;height:80%;background: var(--dark);left:0;top:50%;transform:translateY(-50%);}

/*!=====首頁*/
/*!首頁-pdt*/
.blockHeight--ixPdt{padding-bottom: 5rem;}
.pdtBox{--sp:1rem;--num:4;display: grid;grid-template-columns: repeat(var(--num),1fr);}
.pdtBox .slick-list{margin: 0 calc(var(--sp) * -2);padding: 1rem;padding-bottom: 2.5rem;}
.pdtBox__item{padding: calc(var(--sp) * 1.5) var(--sp);}
.pdtBox .slick-slide{display: flex!important;flex-direction: column;/* gap: 2rem; */}
.pdtInfor{margin-bottom: 2rem;}
.pdtInfor__tt{font-size:1.125rem;font-weight: 800;margin-bottom:0.5rem;min-height: 2.8125rem;line-height: 1.25;}
.pdtInfor__ct{opacity:0.85;font-size:0.875rem;letter-spacing: 0.02em;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;/* min-height: 4rem; */}
.cover.--pdt{max-width: 4rem;margin-bottom: 1.5rem;}
.cover.--pdt .cover__pic{aspect-ratio:1;}
.moreLine{position: relative;display: flex;font-size: 0.875rem;font-weight: 500;gap: 1rem;align-items: center;color: var(--mainColorD);}
.moreLine:before{content:'';display: inline-block;width:100%;height: 0.125rem;background: linear-gradient(to right,var(--subColor),var(--mainColor)50%,var(--subColor)50%,var(--mainColor));background-size: 200%;transition:0.3s all;}
.moreLine .txt{text-wrap: nowrap;}
.pdtBox .slick-prev, .pdtBox .slick-next{top:calc(50% - 1.25rem)}

.pdtBox__item:hover{box-shadow:0 0 1rem rgba(0,0,0,0.15);color: #333;background: #fff;border-radius: 0.5rem;}
.pdtBox__item:hover .moreLine{}
.pdtBox__item:hover .moreLine:before{background-position-x:-100%}

/*!首頁-關於*/
.blockHeight--ixAbout{background: url(../images/index/bg-about.webp)center/cover;position: relative;padding: 6.25rem 0;z-index: 0;}
.blockHeight--ixAbout:after{content:'';position: absolute;width:100%;height: 100%;background: rgba(0,0,0,0.2);left: 0;top: 0;z-index: -1;}
.blockHeight--ixAbout .titleBox{width: clamp(20rem,50vw,40rem);}
.blockHeight--ixAbout .briefTxt{line-height:1.5}

.blockHeight--contactCta{padding:4.5rem 0;background:var(--subColorL);}
.warningG{display: flex;flex-direction: column;}

/*!內頁*/
.blockHeight--pdt{padding: 0;}
.blockHeight--pdt > div:last-of-type{padding-bottom: 8rem;}
.bgWhite:last-child{border-bottom: 1px solid var(--mainColorL);}
.pdtZInfor{--iconW:11.5rem;--gap: clamp(3rem,8.25vw,10rem);display: flex;gap:var(--gap);flex-direction: row-reverse;align-items: flex-start;padding: 2rem 0;}
.pdtZInfor__media{width:var(--iconW);background: #fff;display: inline-flex;align-items: center;justify-content: center;aspect-ratio: 1;border-radius: 100rem;position: relative;}
.pdtZInfor__media:after{--pos:0.25rem;content:'';position:absolute;width:100%;aspect-ratio:1;background:var(--mainColor);border-radius:inherit;z-index:-1;left:var(--pos);top:var(--pos);}
.pdtZInfor__ct{width:calc(100% - var(--gap) - var(--iconW));}
.pdtZInfor__ct:only-child{width:100%;}

.bgWhite{background:#fff;}
.pdtZListWrap{padding: clamp(2rem,3vw,4rem) 0;}
.pdtSortList{--num:3;display: grid;grid-template-columns: repeat(var(--num),1fr);gap:0.625rem}
.pdtSortList__item{background: var(--lightColor);border-left: 0.25rem solid var(--mainColor);padding: 1rem 1.25rem;border-radius: 0.5rem;position: relative;display: inline-block;overflow: hidden;padding-right: 2.5rem;}
.pdtSortList__item.--whiteBg{background:#fff;}
.pdtSortList__item:after{content:'\F138';font-family:var(--bsIcon);transition: 0.3s all;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}

.blockHeight--pdtD{padding:0 0 4rem;}
.pdtZSpecWrap{padding: 3rem 0;}
.pdtZDlWrap{padding-bottom: 3rem;}

/*!tbStyle*/
.tbHead,.tbBody{min-width:800px;}
.tbHead{background: var(--mainColorD);display: flex;color:#fff;border-radius:0.25rem;z-index: 5;}
.tbItem{padding: 0.75rem 1.25rem;align-self: anchor-center;flex: 1;}
.tbItem a{position:relative;/* text-decoration: underline; *//* text-underline-offset: 3px; */color: var(--mainColor);}
.tbItem.--tbTt{width: 20rem;flex: none;}
.tbItem.--tbBig{flex: 1.5;min-width: clamp(10rem,100%,20rem);}
.tbItem.--tbSmall{max-width: 12.5rem;}
.tbItem.--tbFunc{min-width:5rem;flex: none;text-align:center;padding: 0.75rem 1rem;}
.tbBody__item{display:flex;background: #fff;transition: 0.3s all;}
.tbBody__item:nth-child(even){background:var(--lightColor);}
.itemsG{display:inline-flex;flex-wrap: wrap;}
.items + .items{position:relative;}
.items + .items:before{content:',';margin:0 0.25rem;pointer-events:none;color:#333;}
.unitBx{display: flex;gap: 0.25rem;align-items: center;}

.inq-btn{background:#9f9f9f;color: #fff!important;aspect-ratio:1;width: 1.5rem;display:inline-block;border-radius:100rem;line-height:1;display: inline-flex;align-items: center;justify-content: center;}
.inq-btn.--check{filter: grayscale(1);cursor: no-drop;}

.pdtZDl{display:flex;gap:1rem;padding: 0.5rem 0;flex-wrap: wrap;}
.pdtZDl__item{padding: 1rem;border-radius: 0.5rem;background: #fff;display: inline-flex;color:var(--mainColor);position:relative;align-items: center;gap: clamp(0.75rem,1.2vw,1.5rem);font-weight: 600;}
.pdtZDl__item:after{content:'\F63D';font-family:var(--bsIcon);font-weight: normal;}

.anchorBoxWrap{--cl:var(--mainColor);position:sticky;top:var(--headerH);left:0;background:var(--lightColor);z-index:99;transition: 0.3s all;}
.anchorBoxWrap.--fixed{--cl:#fff;background:#FFF;padding: 0;background: var(--mainColor);}
.anchorBox{padding: 1rem 0;display: flex;flex-wrap: wrap;gap: 0.5rem 2rem;}
.anchorBox__item{color:var(--cl);font-weight:500;padding: 0.25rem 0;}
.pdtZData{padding: 2rem 0;}
.moreInfor{--dotW: 0.375rem;padding:0;margin:0;padding-top: 0.5rem;list-style: none;display: flex;flex-direction: column;gap: 0.75rem 0.5rem;}
.moreInfor__list{display:flex;flex-wrap:wrap;/* padding-left:calc(var(--dotW) + 0.5rem); */position: relative;gap: 0.25rem 0.875rem;}
.moreInfor__list__tt{background:var(--mainColor);min-width:7rem;padding:0.25rem 1rem;color:#fff;border-radius:0.5rem;text-align:center;}
.moreInfor__list__tt + .txt{padding: 0.25rem 0;}
/* .txt:has(.summaryItem){display:flex;gap:0.25rem;} */
.summaryItem{position:relative;text-decoration: underline;color: var(--mainColor);text-underline-offset: 3px;}
.summaryItem + .summaryItem:before{content:',';margin:0 0.25rem;pointer-events:none;}

.pdtZTbWrap{padding: 3rem 0 4rem;}
.tagTt{background:var(--mainColorL);display:inline-block;padding: 0.125rem 0.5rem;color:var(--mainColorD);border-radius: 0.125rem;font-size: 1.125rem;margin: 1rem 0;font-weight: 550;}
.pdtZTb{display:flex;flex-direction:column;gap: 1.5rem;}

.pdtZDtWrap{padding: 3rem 0;}
.pdtZDt{margin-top:1rem;}

/* toast__產品詢問 加入購物車 */
#toast{--sizeW: max(20rem,30vw);visibility:hidden;margin:auto;max-width: max(30rem,30vw);background-color: #fff;border-radius: 1rem;color: #333;text-align:center;position:fixed;z-index: 1035;left:0;right:0;top: 50%;font-size:17px;/* white-space:nowrap; */box-shadow: 0 5px 10px -2px rgba(51, 51, 51, .2);padding: 1rem;display: flex;flex-direction: column;gap: 1rem;transform: translateY(-50%);opacity: 0;transition: 1s all;}
.toastBox__tt{font-size: 1.125rem;font-weight:500;border-bottom: 1px solid var(--bs-border-color);padding-bottom: 0.5rem;}
.toastBox__name{margin-bottom:1rem;background: var(--mainColor-t10);padding: 0.5rem;}
.toastClose{position:absolute;border-radius:100rem;right: 0;top: 0;transform: translate(-50%,-50%);background: #fff;width: 2rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #ddd;cursor: pointer;}


#toast #img{width:0;height: 3.25rem;float:left;position: relative;background-color: var(--mainColor);color:#fff;border-radius: 100rem;opacity:0;transition:0.3s all;}
#toast.check #img{width: 3.25rem;opacity:1;}
#toast #img i{line-height: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 1.25rem;}
#toast #desc{color: #333;overflow:hidden;white-space:nowrap;line-height: 3.25rem;transition:0.3s all;}
#toast.show{visibility:visible;opacity: 1;}
#toast:hover #desc{background:var(--color-subBlue);}
@keyframes fadein {
	from{top:0;opacity:0}
	to{top:30px;opacity:1}
}
@keyframes expand {
	from{min-width:0}
	to{min-width:var(--sizeW)}
}
@keyframes stay {
	from{min-width:var(--sizeW)}
	to{min-width:var(--sizeW)}
}
@keyframes shrink {
	from{min-width:var(--sizeW)}
	to{min-width:50px}
}
@keyframes fadeout {
	from{bottom:30px;opacity:1}
	to{bottom:60px;opacity:0}
}

/*!contact*/
.blockHeight--contact{padding-bottom: clamp(4rem,6vw,6.25rem);}
.ctBox{--dataW: clamp(12rem,35vw,32rem);display: flex;border-radius: 0.25rem;overflow: hidden;}
.ctBox__infor{background: var(--mainColor);color: #fff;padding: 2rem clamp(1rem,2vw,2rem);width: var(--dataW);}
.ctCompany{display: flex;flex-direction: column;}
.ctCompany__item{padding:1.25rem 0;border-top: 1px solid #ddd;}
.ctCompany__item:first-child{padding-top:0;border-top:none;}
.ctCompany__item__tt{font-size:1.125rem;font-weight:800;margin-bottom:1.25rem;}
.ctCompany__item__list{margin:0;padding:0;list-style: none;display:flex;flex-direction:column;gap:1rem;}
.ctCompany__item__list .bi{position:absolute;left:0;top:0;}
.ctCList, .ctCompany__item__list .listG__item{padding-left:1.375rem;position:relative;}
.ctCompany__item__list a{color:#fff;}
.listG{display:flex;gap:1rem;padding-left: 0;}
.ctBox__form{padding: 2rem clamp(1rem,2.5vw,3rem);background:#fff;width: calc(100% - var(--dataW));}

/*!inquiry*/
.blockHeight--inquiry{padding-bottom: 6.25rem;}
.inquiryBox{display: flex;flex-direction: column;gap: 2rem;}
.inquiryBox__form{padding: 2rem 1.5rem;background: #fff;border-radius: 0.25rem;}
.form-control::placeholder{font-family:'Noto Sans Georgian','微軟正黑體',sans-serif;color: rgba(0,0,0,0.5);}
.form-control::-webkit-input-placeholder{color: rgba(0,0,0,0.5);}
.form-control:-ms-input-placeholder{color: rgba(0,0,0,0.5);}
.tbItem.--tbFunc .delIcon{color: #d40023;}
.delIcon .bi{font-size: 1.25rem;}
.form-control.--small{width: 5.5rem;}
.txtOpc{opacity: 0.5;}

/*!page-about*/
.blockHeight--about{padding-bottom: clamp(5rem,7vw,7.5rem);}
.abPage{display: flex;flex-direction: column;gap: 6.25rem;}
.abBlockWrap{}
.--abInfor .abBlock{--ttW:25rem;--gap:10rem;display:flex;gap: 0 var(--gap);}
.--abInfor .pgBlockTt{width:var(--ttW);}
.--abInfor .pgBlockCt{width:calc(100% - var(--ttW) - var(--gap));}
.pgBlockCt{display:flex;flex-direction:column;gap:3rem;line-height:1.8;}
.pgBlockTt{margin-bottom:2rem}

.--abOffer .abBlock{background:#fff;padding:3.75rem 4.5rem;border-radius:1rem;box-shadow:var(--shD);}
.cover.--abBg{display:block;margin-bottom: -7.5rem;}
.cover.--abBg img{width:100%;aspect-ratio:1920/440;}
.abISO{display:flex;justify-content: center;gap: clamp(2rem,3.5vw,4rem);}
.abISO__item{flex:1;max-width:18.75rem;text-align:center;display: inline-flex;flex-direction: column;align-items: center;gap: 0.75rem;}
.abISO__item__iso{font-size:1.25rem;font-weight:700;line-height:1.8;}
.abISO .cover{padding: 2rem;background:var(--mainColorLL);border-radius:100rem;aspect-ratio:1;margin-bottom: 0.75rem;}
.abISO img{width: 6rem;}
.abISO__item__tt{display:flex;flex-direction:column;font-size: 1.25rem;line-height: 1.25;}
.abISO__item__tt .tt{font-weight:700;margin-bottom:0.75rem;}
.abISO__item__tt small{font-size:0.875rem;}
.abBlock--More{margin-top: clamp(2rem,3vw,4rem);text-align:center;display:flex;gap:2rem;flex-direction: column;align-items: center;}

.blockHeight--search{padding-bottom: 7.5rem;}
.searchBlock{margin-top:2rem;}
.sortBtn{margin: 1.5rem 0;display: flex;gap: 0.5rem;flex-wrap: wrap;}
.sortBtn__item{display:inline-flex;padding: 0.625rem 1.5rem;background:#ddd;border-radius:0.375rem;font-size: 1.125rem;border-radius: 100rem;}
.active.sortBtn__item{background:var(--mainColor);color:#fff;}

/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: 1rem 0;gap: 1rem;margin-top: 2rem;}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;transition:0.3s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background:var(--mainColor);color:#fff;border-radius: 1rem;}

.termsBox__brief{--pos:1rem;position:relative;margin-bottom:var(--pos);padding-bottom:var(--pos);border-bottom: 1px solid #ddd;}
.termsBox__brief__mj{font-weight:550;font-size:1.125rem}
.termsBox__main{display:flex;flex-direction:column;gap:1rem;padding-top: 1rem;}
.termsList__tt{font-weight: 800;font-size: 1.125rem;letter-spacing: 0.02em;margin-bottom: 0.5rem;}
.termsBox ul{padding-left: 1.5rem;}

/*成功頁*/
.blockHeight--success{padding-bottom:6.25rem}
.successBox{--pd:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;align-items: center;text-align: center;gap: 2rem;border: 2rem solid var(--mainColorLL);background: #fff;padding: calc(var(--pd) * 2) var(--pd);max-width: 50rem;margin: auto;border-radius: 0.5rem;box-shadow: var(--shD);}
.successBox__top .bi{font-size:10rem;line-height:1;color: var(--bs-green);}
.successBox__btm__txt{display:flex;flex-direction:column;gap:0.25rem;}
.successTt{font-size:1.5rem;font-weight:700;}
.successTxt{font-size:1.125rem;}
.successBox__btm{display:flex;flex-direction:column;gap:2rem;align-items: center;}

/*!=====RWD=====*/
@media screen and (min-width:576px){
	:root{--container:540px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}
}
@media screen and (min-width:992px){
	:root{--container:960px;}
	.dropGoBack{display: none;}

    /*!992 headaer*/
    .dropdown-menu{display:block;transition: 0.3s all;opacity: 0;pointer-events: none;}
	.nav-item:hover .dropdown-menu{opacity:1;pointer-events:all;}
	.dropdown-menu:not(.--small):after{content:'';position:absolute;width: 1px;height:100%;background: #ddd;left: var(--width);top:0;z-index: 99;transform: translate(0,0);}
	.nav-item.dropdown{margin-top:calc(var(--pdY) * -1);margin-bottom:calc(var(--pdY) * -1);position: static;}
	.navbar.navbar--fixed{--pdY: 0.75rem;}

	.dropSortBox__item:hover .dropSortBox__item__sub{opacity:1;pointer-events:all;transform:translateX(0);display: flex;flex-wrap: wrap;align-content: flex-start;/* position: static; */}
	.navSub:hover{color: var(--mainColor);}
	.dropSortBox__item:hover .dropSortBox__item__mj{background:var(--mainColor);color:#fff}
	.dropSortBox__item:hover .dropSortBox__item__mj:hover,.dropSortBox__item__mj.--hover{background:var(--mainColorL);color:#333}
	.dropSortBox:has(.dropSortBox__item:hover) .dropSortBox__item{padding-right: calc(100% - var(--width));}

	/* .nav-item.dropdown:hover:not(.dropSortBox:not(:hover)) .dropSortBox__item:nth-child(1) .dropSortBox__item__mj{background: var(--mainColorL);} */
	.nav-item.dropdown:hover .dropSortBox__item:nth-child(1) .dropSortBox__item__sub{display: flex;opacity: 1;pointer-events: all;align-content: flex-start;}

	/*!992 pdt*/
	.pdtSortList__item:hover{background:var(--mainColor-t10);color:var(--mainColor);}
	.pdtSortList__item:hover:after{right: -1rem;}
	.pdtZDl__item:hover{background: var(--mainColor);color: #fff;}
	.anchorBoxWrap.--fixed .anchorBox__item:hover{color:var(--mainColorL);}
	.tbBody__item:hover{background:rgb(189 235 0 / 15%);}
	.tbHead{position: sticky;left: 0;top: calc(var(--headerH) + var(--anchorH, 0px));}

	/*!992 pg-about*/
	.abISO__item{transform:translateY(1rem);transition:1s all;transition-delay: calc(0.375s + 0.125s * var(--dataNum));opacity: 0;}
	.animated .abISO__item{transform:translateY(0);opacity: 1;}

	.termsList.--row{display:grid;grid-template-columns:10rem 1fr;gap: 1rem;}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px){
	:root{--container:1440px;}
}

/*===max===*/
@media screen and (max-width: 1199px) {
    .navbar .container{max-width: 100%;}

	.pdtBox{--num:3;}

	/*!1199 about*/
	.abBlock {display: flex;flex-direction: column;}
	.--abInfor .pgBlockTt{width:100%;}
	.--abInfor .pgBlockCt{width:100%;}
}

@media screen and (max-width: 991px) {
	.pcOnly{display: none!important;}
	.tbHead{display:none;}
	.tbBody__item{flex-direction:column;gap: 1rem;padding: 1rem;}
	.tbHead, .tbBody{min-width: auto;border: 1px solid #ddd;}
	.tbItem{max-width: 100%!important;display: flex;width: 100%!important;position: relative;gap: 0.5rem;flex-direction: column;padding: 0;}
	.tbItem.--tbRow{flex-direction:row;align-items: center;justify-content: space-between;gap: 1rem;}
	.tbItem.--tbTt{font-weight:700;}
	.tbItem[data-tt]:before{content:attr(data-tt);font-weight: 700;}
	.tbItem.--tbFunc{padding:0;}
	.inq-btn,.delIcon{position:relative;width:100%;aspect-ratio:unset;padding: 0.625rem 1rem;border-radius: 0.25rem;background: var(--subColor);}
	.delIcon{background: #d40023;}
	.inq-btn:after{content: 'Quote';color:#333;}
	.inq-btn.--check:after{content:'Quote \F633';font-family:'Bootstrap-icons','Noto Sans Georgian';}
	.delIcon:after{content:'Delete';color:#fff;}
	.inq-btn .bi,.delIcon .bi{display:none;}
	
	/*!991 header*/
	.navbar{padding-bottom:0;}
	.navbar:after{height:0.375rem}
	.menuBar{position: absolute;left: 0;top: 100%;width: 100%;background: #fff;pointer-events: none;opacity: 0;height: calc(100dvh - var(--headerH));height: auto;transition: 0.3s all,0.5s transform;}
	.navbar-toggler{border:none;order: -1;}
	.navbar-brand{display:inline-flex;align-items: center;justify-content: center;}
	.logo{--h: clamp(2.5rem,6.25vw,3.375rem);transform: translateX(-8%);}
	.inquiryBtn__item{padding:0;}
	.isOpen .menuBar{opacity:1;pointer-events: all;}
	.navbar-nav .dropdown-menu{display:none;}
	.nav-link{width:100%;display:flex;justify-content: space-between;padding: 0.75rem 1rem;font-weight: 400;font-size: 1rem;}
	.nav-item.dropdown .nav-link:after{content:'\F285';font-family:'bootstrap-icons';}

	.dropGoBack{padding:0.75rem 1rem;color: var(--mainColor);font-weight: 500;background: #e9e9e9;position: fixed;width: 100%;top: 0;left: 100%;z-index: 999;cursor: pointer;text-align: right;}
	.navbar-nav .dropSortBox{display:flex;flex-direction:column;top: 3rem;position: absolute;transform: translateX(100%);transition: 0.3s all;box-shadow: none;height: calc(100dvh - var(--headerH));background: #f5f4f4;overflow-y: auto;}
	.isDrop .dropSortBox{opacity:1;}
	.menuBar:has(.isDrop){transform:translateX(-100%);}
	.dropSortBox__item__sub{width:100%;display:flex;flex-direction:column;position: static;opacity: 1;pointer-events: all;padding-left: 1rem;height: auto;}
	.navSub{width:100%;}
	.dropSortBox__item__mj{width:100%;justify-content: space-between;}
	.dropSortBox__item__mj:after{opacity:0;}
	
	.searchHBarWrap{width:100%;margin:0;position:relative;padding: 0.625rem 0;}
	.searchHBarWrap:after{--pos:-0.75rem;content:'';position:absolute;left: var(--pos);right: var(--pos);height:100%;top:0;background:var(--lightColor);z-index:-1;}
	.searchHBar{width:100%;border-color: var(--subColor);}
	.searchHBar__btn{margin:0;width:3rem;height: 2.125rem;aspect-ratio: unset;border-radius:0;}
	.searchHBar__input{width:100%;margin-left: 1rem;}
	.inquiryBtn{margin-right:0.75rem}
	
	.pdtBox{--num:2;}
	.tbStyle{overflow-y:auto;}
	.pdtZInfor{--iconW: 5rem;flex-direction:column;--gap:1rem;position: relative;}
	.pdtZInfor__media{width: var(--iconW);padding: 1rem;display: inline-flex;margin: 0;position: absolute;right: 0;top: 0;}
	.pdtZInfor__ct .titleBox__mj {padding-right: calc(var(--iconW) + 1rem);}
	.pdtZInfor__ct{width:100%;}
	.pdtSortList{--num:2;}

	/*!991 about*/
	.cover.--abBg img{aspect-ratio:600/400;}
	.--abOffer .abBlock{padding:2rem}

	.ctBox{flex-direction: column-reverse;}
	.ctBox__infor,.ctBox__form{width:100%;}
}

@media screen and (max-width: 767px) {
	/*!767==RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}

	/*!767 banner*/
	.bnCt{max-width: 100%;left: 0;top: 45%;padding: 0 1rem;}
	.bmImg:after{background-size: 250%;}
	/* .bnImg__pic{aspect-ratio: 360/470;} */

	/*!767 首頁*/
	.fInfor{flex-direction:column;display: flex;align-items: center;}
	.logo.--fLogo{width:100%;}
	.fSitemap{width: 100%;justify-content: flex-start;gap: 1rem 1.5rem;}

	.abISO{flex-direction:column;align-items: center;gap: 4rem;}
	.pgBlockCt  br{display: none;}

	/*!767 contanct*/
	.formGroup__item--half{width:100%}

	.anchorBoxWrap{position:static;}

	#toast{max-width:95vw;}
}
@media screen and (max-width: 640px) {
	/*!640 pdt*/
	.pdtSortList{--num:1;}
}

@media screen and (max-width:480px){
	/*!480 首頁-pdt*/
	.pdtBox{--num:1;}
	.banner,.bnImg__pic{aspect-ratio: 480/600;}

	#toast{/* margin-right:5rem; */}

	.noteTxt{display:flex;flex-direction:column;gap: 0.5rem;}
}

@media print {
  @page {
    /* size: A4 portrait; */
    /* margin: 20mm; */
  }

  header,header .container{overflow: hidden;}
  .dropGoBack,.dropdown-menu {
    display: none;
  }
}