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

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size:1rem;line-height:1.8;letter-spacing: clamp(.05rem,.1vw,.1em); color:var(--dark);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
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;}
a{color:var(--dark);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:var(--dark)}
*{ 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;	
}
figure, p{margin: 0;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/*回頂端 */
#goTop{--cl: var(--mainColorD);--w: clamp(3.5rem, 4vw, 4rem);--font: 0.875rem;--p: calc((var(--w) / 2) - var(--font));}
#goTop{display:none;cursor:pointer;position:fixed;bottom: 0;right: 0;width: var(--w);height: var(--w);padding: var(--p);padding-top: calc(var(--p) + .25rem);aspect-ratio: 1;color: #fff;text-align: center;background: var(--cl);transition: 0.3s all;z-index: 10;}
#goTop:before{content:'GoTop';position:absolute;font-size: var(--font);font-weight: 500;color:var(--cl);left:50%;top: -0.25rem;transform: translate(-50%,0%);line-height: 1;transition: 0.3s all;opacity: 0;pointer-events: none;}
#goTop:hover{--cl:var(--dark);}
#goTop:hover:before{transform:translate(-50%,-100%);opacity:1;}

/* 側邊按鈕 sideBtn */
.sideBtnWrap{--w: clamp(3.5rem, 5vw, 5rem);display: flex;flex-direction: column;gap: clamp(.25rem,.75vw,.75rem);position: fixed;right: -10rem;bottom: calc(50vh - (var(--w)*2));z-index:5;transition: all .5s;}
.sideBtn__item{width:var(--w);height:var(--w);aspect-ratio:1;background: var(--gray);color:white;text-align: center;font-size: clamp(.9rem,1vw,1rem);letter-spacing: 0;display: flex;align-items: center;justify-content: center;border-radius: var(--radiusS);box-shadow: 0 0 1rem rgba(0,0,0,.25);}
.sideBtn__item img{width:100%;height:100%;object-fit:cover;}
.sideBtn__item:hover{color: white;opacity: .85;}
.sideBtn__bg--dark{background:var(--dark);}
.sideBtn__bg--light{background:white;}
.sideBtn__bg--cus{background:#fd9691;}
.scroll.sideBtnWrap{right: 1rem;}

/* toggle 按鈕 */
.sideBtnToggle {
    position: fixed;
    font-size: 1.25rem;
    right: 1rem;
    bottom: 5rem;
    width: var(--w);
    height: var(--w);
    background: var(--dark);
    color:white;
    border-radius: var(--radiusS);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 6;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    cursor: pointer;
}

/* 手機板啟用收合功能 */
@media (max-width: 640px) {
    #goTop{ right:1rem;bottom:1rem; border-radius: var(--radiusS);}
    .sideBtnWrap {bottom: 25vh;}
	.scroll.sideBtnWrap{right: -5rem;}
	.open.sideBtnWrap{right:1rem;}
    .sideBtnToggle {
        display: flex;
    }
}


/*RWD編輯器表格(X捲軸)*/
.tableContainer{margin:.5rem 0;}
.tableContainer table th{background:var(--mainColorD); color:white;}
.tableContainer table td{min-width:100px;border:1px solid #ccc;white-space:inherit;}
table th,table td{padding: clamp(.25rem,.5vw,.5rem);}
.center{text-align: center;}
.tableContainer .nowrap{white-space: nowrap;}

/*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{
    --headerH: clamp(60px,10vw,120px);

    --mainColor:#F93B39;
    --mainColorD:#9D0C0B;
    --subColor:#F8B12D;
    --dark:#333333;
    --gray:#bebebe;
    --lightGray:#F4F4F4;
    --mainLinear:linear-gradient(-30deg, var(--mainColorD) 40%, var(--mainColor) 100%);

    --hf--space:0 clamp(1rem,4vw,5rem);
    --container--space: clamp(2rem, 10vw, 14rem);
    --blockHeight:clamp(4rem,8vw,8rem);

    --radiusBtn:clamp(.15rem,.25vw,.25rem);
    --radiusS:clamp(.5rem,1vw,1rem);

    --headerH:clamp(4rem, 5vw, 5rem);
}


/*全頁佈局*/
.blockHeight{padding: var(--blockHeight) 0;/* overflow: hidden; */}
.blockHeight--topHalf{padding-top: clamp(2rem,4vw,4rem);}
.blockHeight--top{padding-top:0;}
.container{max-width: unset;padding: 0 var(--container--space);}
.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

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

/* 全站卷軸 */
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
    width: .5rem; /*右側捲軸寬度*/
    height: .5rem; /*下方捲軸高度*/
  }
  /* 軌道背景底色 */
  ::-webkit-scrollbar-track {background: var(--lightGray);}
   
  /* 滑桿樣式 */
  ::-webkit-scrollbar-thumb {background:var(--gray); border-radius: .5rem;}
  ::-webkit-scrollbar-thumb:hover {background: var(--gray); opacity: .8; transition: all .5s;}

  /* 捲軸兩側頂端的按鈕 */
  ::-webkit-scrollbar-button {display: none;/* background-color: var(--mainColor); */}
  ::-webkit-scrollbar-button:hover {/* background-color: var(--mainColor); */}

@media (max-width: 768px) {
    .tableContainer {
        overflow-x: auto; /* 水平滑動 */
        -webkit-overflow-scrolling: touch; /* iOS 平滑滑動 */
    }

    /* 內部元素保持水平排列 */
    .tableContainer > * {
        display: inline-block;
    }

    /* 手機板水平捲軸樣式 */
    .tableContainer::-webkit-scrollbar {
        height: .5rem;
    }
    .tableContainer::-webkit-scrollbar-track {
        background: var(--lightGray);
    }
    .tableContainer::-webkit-scrollbar-thumb {
        background: var(--gray);
        border-radius: .5rem;
    }
    .tableContainer::-webkit-scrollbar-thumb:hover {
        opacity: .8;
        transition: all .5s;
    }
}


/*!header*/
.header .container{max-width: 100%;padding: 0 clamp(1rem,2vw,2rem);}
.header{position: absolute;}
.header .navbar{background:white;border-bottom: 1px solid var(--lightGray);border-radius:99rem;box-shadow: 0 0 .5rem .25rem rgba(0,0,0,.15);margin: 0 calc(var(--container--space)*.75);margin-top: clamp(1rem,2vw,2rem);padding: clamp(.5rem,1.25vw,1.25rem);transition: all .5s;}
.logo{display: flex;height: clamp(1.75rem,6vw,2.25rem);align-items: center;margin:0;}
.logo img{height:100%;object-fit:cover;}
.header .nav-item .nav-link{color:var(--dark);font-size: clamp(1rem,1vw,1.1rem);font-weight: 400;line-height: 1.5;text-wrap: wrap;display: flex;gap: .5rem;justify-content: center;padding: clamp(.15rem, .5vw, .25rem);}
.header .nav-item{position:relative;padding: 0 clamp(.25rem,.5rem,.325rem);display: flex;align-items: center;}
.header .nav-item:before{content: "";display: block;width:0%;height: 2px;background-color:var(--mainColorD);position: absolute;bottom:0;right:50%;transition: all .5s;}
.header .nav-item:after{content: "";display: block;width:0%;height: 2px;background-color:var(--mainColorD);position: absolute;bottom:0;left:50%;transition: all .5s;}
.header .nav-link:hover{color:var(--mainColorD);}
.header .nav-item:hover:before, .header .nav-item.active:before, .header .nav-item.active:before{width: 10%;transition: all .5s;}
.header .nav-item:hover:after, .header .nav-item.active:after, .header .nav-item.active:after{width: 10%;transition: all .5s;}
.header .active .nav-link{color:var(--mainColorD);}

.dropdown-toggle::after {display: none;}
.dropdown-menu{pointer-events: none;border-radius: 0;border: 0;display: block;opacity: 0;padding: .5rem 0;box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);cursor: pointer;background: white;transition: all .5s;top: 100%;}
.dropdown-item{padding: .5rem 1rem;color: var(--dark);}
.dropdown-item:hover, .dropdown-item:active{background-color:#f4f4f3;color:var(--dark);}
.header .nav-item:hover .dropdown-menu{display: block;opacity: 1;transition: all .5s;pointer-events: auto;}
.dropdown-item:focus, .dropdown-item:hover {background: var(--lightGray);}

.scroll.navbar{height:var(--headerH);margin:0;border-radius: 0; padding: clamp(.5rem,1vw,1rem);}

.--pc{display: block;}
.--mb{display: none;}
.searchBox .btnStyle{min-width: 80px;}
.searchBox .btnStyle:after{content:none;}
.searchBox .btnStyle:hover .txt{margin: 0;}

.searchBox{position:relative}
.searchBox__input{position:absolute;right:0;top: 150%;background: white;box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;display: none;}
.searchBox__input__box{display: flex;justify-content: space-between;}
.searchBox__input__box input{border: none;padding: 1rem;width: clamp(15rem,20vw,20rem);}
.searchBox__input .btnGo{color: var(--mainColorD);--searchBtn: clamp(3.5rem,4vw,4rem);width: var(--searchBtn);height: var(--searchBtn);aspect-ratio: 1;background: transparent;border: none;border-left: solid 1px #eee;transition: all .5s;}
.searchBox__input .btnGo:hover{background: var(--mainColorD);color:white;}

.header .menuBar{display:flex;}
.header .langBox{display: flex;align-items: center;gap: .25rem;position: relative;padding: 0 clamp(.25rem, .75rem, .75rem);background: var(--dark);border-radius: .25rem;color: white;margin-left: .5rem;transition: all .5s;}
.header .langBox .txt{line-height:1;}
.header .langBox:hover{background: var(--mainColorD);}


/*!-header-手機按鈕*/
.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.4rem;object-fit: cover;object-position: center;justify-content: center;padding: clamp(1rem,1.5vw,1.5rem);z-index: 5;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.25rem;height: 1px;background: var(--dark);display: inline-block;border-radius: 100rem;transition: .5s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.open .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.open .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}




/*banner*/
.bannerWrap{position: relative;overflow: hidden;}
.bannerWrap .banner.singleSlick{margin: 0;}
.banner {max-height: clamp(600px,50vw,900px);}
.banner__box{position:relative}
.bnInfoWrap{width: 100%;position: absolute;z-index: 5;bottom: 0;left: 0;}
.bnInfoBox{display: flex;color:white;position:relative;}
.bnInfoBox__left, .bnInfoBox__right{min-height: clamp(4rem,12vw,12rem);padding: clamp(1rem,2vw,2rem)calc(var(--container--space)/2);padding-left: var(--container--space);}
.bnInfoBox__left {width: 35%;display:flex;flex-direction:column;justify-content: center;position: relative;overflow:hidden;}
.bnInfoBox__left:before{content:"";display:flex;width:100%;height:100%;background: var(--mainColorD);opacity: 0.85;position: absolute;top: 0;left: 0;z-index: -1;}
.bnInfoBox__left:after{content:"";display:flex;width:100%;height: 200%;background: var(--mainColor);opacity: 0.3;position: absolute;top: 0;right: -30%;z-index: -1;transform:rotate(-60deg);}
.bnInfoBox__right{width: 65%;display:flex;align-items:center;position:relative;}
.bnInfoBox__right:before{content:"";display:flex;width:100%;height:100%;background: #000000;opacity: 0.5;position: absolute;top: 0;left: 0;z-index: -1;}
.bnInfoBox .tit{line-height: 1.2;font-size: clamp(1.5rem,3vw,3rem);font-weight: 600;/*text-wrap: nowrap;*/}
.bnInfoBox .tit__en{font-size: clamp(1.15rem,1.25vw,1.25rem);line-height: 1.5;}
.bnInfoBox .txt{line-height: 1.5;font-size: clamp(1.25rem,2.5vw,2.5rem);font-weight: 500;}
.banner .slick-dots{width: fit-content;display: flex;flex-direction: column;align-items: end;gap: clamp(.5rem,1vw,1rem);position:absolute;bottom: 35%;right: clamp(1rem,2vw,2rem);}
.banner .slick-dots li{--dotW:clamp(.75rem,1vw,1rem); width: var(--dotW);height: var(--dotW);aspect-ratio:1;}
.banner .slick-dots li button{margin:0;width: var(--dotW);height: var(--dotW);aspect-ratio:1;}
.banner .slick-dots li button:before{width: 100%;height: 100%;content: '';background: white;border-radius: 100%;transition:all .5s;}
.banner .slick-dots .slick-active button:before{background: var(--mainColor)}
.banner .bnPic{width:100%;height:100%;object-fit: cover;}
.banner .bnPic img{width:100%;height:100%;object-fit: cover;}

.slick-active .bnPic img{animation: zoomInOut 8s ease-in-out infinite;}
@keyframes zoomInOut {0%, 100% {transform: scale(1);}   50% {transform: scale(1.025);}}

.pgBanner{display: block;overflow: hidden;position: relative;}
.pgBanner .bnPic{position:relative;z-index:0;}
.pgBanner:before{content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index: 1;}
.pgBanner .bnInfoBox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;padding-top: calc(var(--headerH) + clamp(1rem,2vw,2rem));z-index: 2;}
.pgBanner .titleBox{width: 100%;align-items:center;}
.pgBanner .mainTitle{color:white;font-size: clamp(1.75rem, 3vw, 3rem);}
.pgBanner .mainTitle__en{color:white;font-size: clamp(1rem, 1.5vw, 1.5rem);}
.pgBanner .mainTitle::after{left: calc(50% - (var(--titleLine) / 2));bottom: 0;}





/* 麵包屑 breadCrumbs */
.breadCrumbsWrap{position: relative;}
.breadCrumbs{display: flex;justify-content: start;position: absolute;left: var(--container--space);margin: clamp(.75rem,1vw,1rem) 0;}
.breadCrumbs__item{list-style-type: none;display:flex;color:var(--dark);}
.breadCrumbs__item:after{content:"/";display:block;margin:0 clamp(.5rem,.75vw,.75rem);}
.breadCrumbs__item:last-child:after{display:none;}
.breadCrumbs__item:last-child a{color:var(--mainColorD);}




/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: clamp(.5rem,1vw,1rem) 0;gap:clamp(.5rem,1vw,1rem);margin-top: clamp(2rem,4vw,4rem);}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;transition:0.5s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background: var(--mainColorD);color:#fff;}
.pageNumber .prev, .pageNumber .next{}




/* 編輯器 */
.detailWrap{background: white;padding: clamp(2rem,4vw,4rem) clamp(3rem,6vw,6rem);box-shadow: 0 0 1rem rgba(0,0,0,.25);border-radius: var(--radiusS);margin-bottom: clamp(1rem,4vw,4rem);}
.detailWrap .date{font-size: clamp(.9rem,1vw,1rem);color:var(--gray);}
.detailWrap .date .bi{margin-right:.5rem;}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom: clamp(1rem,2vw,2rem);}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pgContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {float: left;padding: 1em;width: 100%; text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 figure{border-radius: var(--radiusS);overflow: hidden;margin:auto;}
.tx01 img{max-width:100%;max-height:100%;width:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radiusS);}
.tx01 a{padding:0.2rem 0.5rem;transition: var(--transition);color:var(--bodyColor)}
.tx01 a:hover{color: var(--mainColor);;}
.tx01 ul,.tx01 ol{padding-left: 1.5rem;margin: .5rem 0;}
.tx01 .btnWrap{justify-content: center;}
.tx01 .btnStyleD{min-width: clamp(120px,16vw,160px);padding: clamp(.75rem,1vw,1rem);color:white;text-decoration:none;}
.tx01 .btnStyleD .txt{font-size: clamp(1rem, 1.15vw, 1.15rem);}
.img-left .btnWrap , .img-right .btnWrap { justify-content: start;}

@media screen and (max-width:768px){
    /* 圖文&編輯器 */
    .img-left,.img-right{flex-direction: column;gap: 0;}
    .img-left figure,.img-right figure{width:100%}
    .img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
	.img-left .btnWrap , .img-right .btnWrap { justify-content: center;}
} 


/* 測選單 sidebar */
.sideNav{border-radius: 2rem;background:var(--lightGray);}
.sidebar {position: sticky;width: 100%;background-color: #f8f8f8;border-radius: var(--radiusS);overflow: hidden;/* padding: clamp(1rem,1.5vw,1.5rem); */box-shadow: 0 0 1rem rgba(0,0,0,.25);}
.navbar-toggle {display: none;background: none;border: none;font-size: 1rem;padding: 0.5rem 1rem;width: 100%;text-align: left;}
.sideNav {list-style: none;padding-left: 0;margin: 0;}
.sideNav__item {overflow: hidden;}
.sideNav__item a {display: flex;align-items: center;padding: clamp(1rem,1.25vw,1.25rem) clamp(.5rem,1vw,1rem);font-size: clamp(1rem,1.15vw,1.15rem);text-decoration: none;color: var(--dark);background: var(--lightGray);border-bottom: 1px dashed var(--gray);position: relative;transition: background 0.3s, color 0.3s;}
.sideNav__item:last-child a{border:none;}
.sideNav__item a:before{content:"";display:block;width:.5rem;height:.5rem;border-radius:99rem;position:relative;margin-right: 1rem;transition: all .5s;}
.sideNav__item a:after{content:"\F135";display:block;font-family:'bootstrap-icons';font-size: clamp(1rem,1.5vw,1.5rem);font-weight: 300;margin-left: auto;position: absolute;right: -20%;transition:all .5s;}
.sideNav__item a:hover:before{background:var(--mainColorD);}
.sideNav__item a:hover:after{right:5%;}
.sideNav__item--active a{font-weight: 600;background-color: var(--mainColorD);color: white;border: none;}
.sideNav__item--active a:before{background: white;}
.sideNav__item--active a:before{}


@media (max-width: 768px) {
  .navbar-toggle {display: block;}
}




/*共用*/
.bg-gray{background-color: #ededed;}
.bg-lightGray{background-color: var(--lightGray)}
.pgContent{background: linear-gradient(-45deg, var(--lightGray), transparent);}
.contentBox{display: flex;gap: clamp(2rem,4vw,4rem);justify-content: center;position: relative;z-index: 1;}
.--grid-1-1{display: grid;grid-template-columns: 1fr 1fr;}
.--grid-1-2{display: grid;grid-template-columns: 1fr 2fr;}
.--grid-1-3{display: grid;grid-template-columns: 1fr 3fr;}
.--grid-1-4{display: grid;grid-template-columns: 1fr 4fr;}
.--grid-1-5{display: grid;grid-template-columns: 1fr 5fr;}
.--grid-2-3{display: grid;grid-template-columns: 2fr 3fr;}
.picBox{width:100%;height: 100%;object-fit: cover;overflow: hidden;position: relative;transition: all .5s;}
.picBox img{width:100%;height:100%;object-fit: cover;position: relative;transition: all .5s;}
.picBox__inner{background: linear-gradient(-45deg, var(--gray) 15%,white 50%);border-radius:100%;box-shadow: 0 0 1rem rgba(0,0,0,.25);padding: clamp(.5rem,1vw,.75rem);--w: clamp(6rem, 8vw, 8rem);width: var(--w);height: var(--w);aspect-ratio: 1;position: relative;}
.picBox__inner:before{content:'';display:block;width: 90%;height: 90%;border-radius:100%;border:1px solid var(--mainColorD);position: absolute;top: 5%;left: 5%;}
.infoBox{display: flex;flex-direction: column;gap: clamp(.5rem,.75vw,.75rem);}
.infoBox--center{align-items: center;}
.leftBox, .rightBox{position: relative;}




/* 共用 - 卡片列表 ============================================================ */
.cardList{--num: 3;--gap: clamp(1rem, 3vw, 3rem);--cardRadius:clamp(.5rem,1vw,1rem);}
.cardList--4{--num: 4}
.cardList{display: flex;flex-wrap: wrap;gap: var(--gap);}
.cardList .list__item{width: calc((100% - (var(--gap) * (var(--num) - 1))) / var(--num));border-radius: var(--radiusS);display: flex;flex-direction: column;overflow: hidden;position: relative;transition: all .5s;}
.cardList .picBox{height:auto;border-radius: var(--radiusS);position:relative;overflow: hidden;aspect-ratio: 300/157;}
.cardList .infoBox{display:flex;flex-direction:column;gap: clamp(.5rem,.75vw,.75rem);padding: 1rem;}
.cardList .date{font-size: .9rem;line-height: 1;letter-spacing: 0;color: var(--mainColorD);margin-bottom: 0;}
.cardList .tit{font-size: clamp(1rem,1.15vw,1.1rem);line-height: 1.5;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bottomBox{width:100%;display: flex;justify-content: space-between;margin: clamp(.25rem,.5vw,.5rem) 0;font-size: .9rem;}
.cardTag{background:var(--mainColorD);color:white;border-radius: var(--radiusBtn);padding: clamp(.35rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);line-height: 1;}
.cardList .list__item:hover{box-shadow: 0 0 1rem rgba(0, 0, 0, .3);}
.cardList .list__item:hover .picBox{border-radius: 0;}
.cardList .list__item:hover .picBox img{position: relative;transform: scale(1.1);}
.cardList .list__item:hover .btnStyle{color:white;}
.cardList .list__item:hover .btnStyle:before {left:0;}




/* 共用 - 文字列表 ============================================================ */
.txtList{display: flex;flex-direction: column;}
.txtList .list__item{border-bottom: solid 1px var(--gray);padding: clamp(.75rem,1.5vw,1.5rem) clamp(.75rem,1vw,1rem);position: relative;overflow: hidden;}
.txtList .list__item:before{content:"";display: block;width:100%;height:100%;background:#F5F5F5; position: absolute;top:0;right:100%;transition: all .75s;}
.txtList .list__item:after{content:"";display: block;width:0%;height:1px;border-bottom: 1px solid var(--mainColorD);opacity: .25; position: absolute;left:0;bottom:0;transition:all .75s;}
.txtList .infoBox{display: flex;align-items:start;gap: clamp(1rem,2vw,2rem);line-height: 1.5;position: relative;z-index: 2;justify-items: center;}
.txtList .date{color:var(--gray);}
.txtList .tit{font-size: clamp(1rem,1.25vw,1.25rem);color:var(--dark);font-weight: 500;transition: all .75s;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txtList .arrow{border-radius: 100%;--arrowSize: clamp(1.25rem,1.5vw,1.5rem);width: var(--arrowSize);height: var(--arrowSize);aspect-ratio: 1;background:var(--mainColor);display: flex;justify-content: center;align-items: center;margin-left: auto;margin-right: clamp(.5rem,1vw,1rem);transition: all .75s;}
.txtList .arrow .bi{color:white;font-size: 1.25rem;}
.txtList .list__item:hover:before{right: 0%;}
.txtList .list__item:hover:after{width: 100%;}
.txtList .list__item:hover .tit{color:var(--mainColorD);}
.txtList .list__item:hover .arrow{background: var(--mainColorD);margin-right:0;}
.txtList .picBox{display: none;}




/* 按鈕 */
.btnWrap{display: flex;margin: clamp(1rem, 2vw, 2rem) 0;}
.btnWrap--right{justify-content: flex-end;}
.btnWrap--center{justify-content: center;}
.btnStyle{min-width: clamp(5rem,6vw,6rem);border:1px solid var(--dark);line-height:1;border-radius: var(--radiusBtn);display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;padding: clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);}
.btnStyle:before{content:"";display: block;width: 100%;height:100%;background:black;position: absolute;top:0;left:-100%;transition: all .5s;}
.btnStyle--s{padding: clamp(.35rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);}
.btnStyle .txt{position: relative; z-index: 2;}
.btnStyle:hover{color:white;}
.btnStyle:hover:before {left:0;}

.btnStyleL{min-width: clamp(300px,20vw,360px);background: var(--mainColorD);line-height:1;border-radius: 99rem;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:clamp(.5rem,.75vw,.75rem);position: relative;overflow: hidden;padding: clamp(1rem,1.5vw,1.5rem) clamp(3rem,4vw,4rem);color:white;box-shadow: .5rem .5rem 1.5rem rgba(0, 0, 0, .25);}
.btnStyleL .tit,
.btnStyleL .txt{width:100%;color:white;text-wrap:nowrap;line-height: 1;text-align: center;}
.btnStyleL .tit{font-size: clamp(1.25rem,1.75vw,1.75rem);font-weight: 500;display: flex;justify-content: center;gap:clamp(.25rem,.5vw,.5rem);transition: all 1s;}
.btnStyleL .txt{font-size: clamp(1rem,1.25vw,1.25rem);}
.btnStyleL .line{display: flex;gap:clamp(.5rem,1vw,1rem);justify-content: center;align-items: center;}
.btnStyleL .line:before{content:"";display: block;width:0;height:1px;border-bottom: solid 1px white;position: relative;transition: all 1s;}
.btnStyleL:hover .tit{gap:clamp(.5rem,1vw,1rem);}
.btnStyleL:hover .line:before{width:100%;}

.btnStyleD{min-width: clamp(160px,16vw,220px);background:var(--mainColorD);border-radius: 99rem;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;padding: clamp(.75rem,1vw,1rem);color:white;}
.btnStyleD .txt{font-size:clamp(1.15rem,1.25vw,1.25rem); width:100%;color:white;text-wrap:nowrap;line-height: 1;text-align: center;z-index:2;}
.btnStyleD:before{content:"";display: block;width: 100%;height:100%;background:black;position: absolute;top:0;left:-100%;transition: all .5s;}
.btnStyleD:hover:before {left:0;}



/*標題 */
.titleBox{display: flex;flex-direction: column;align-items: start;--title--mb:clamp(2rem, 4vw, 4rem);margin-bottom: var(--title--mb);}
.mainTitle__en{font-size: clamp(1rem,1.75vw,1.75rem);font-weight: 400;line-height: 1.2;color:var(--mainColor);text-transform: uppercase;margin-bottom: clamp(.25rem, .5vw, .5rem);}
.mainTitle__en--gray{font-size: clamp(1rem,1.25vw,1.25rem);color:var(--gray);}
.mainTitle{font-size: clamp(1.5rem,2.5vw,2.5rem);font-weight: 700;line-height: 1.2;position: relative;display: flex;flex-direction: column;align-items: start;}
.mainTitle::after{--titleLine:clamp(1.5rem,2.5vw,2.5rem);content:"";display: block;width:var(--titleLine);height: clamp(0.15rem,.25vw,.25rem);background:var(--subColor);position: relative;bottom: calc(-1*clamp(.15rem,.75vw,.75rem));clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);transition: all 1.5s;margin-top: clamp(.25rem,.5vw,.5rem);}
.animated.mainTitle::after{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

.pgContent .titleBox{--title--mb:clamp(1rem, 2vw, 2rem);align-items: center;}
.pgContent .mainTitle{text-align:center;}
.pgContent .mainTitle::after{left:50%;transform: translateX(calc(-1*var(--titleLine)/2));bottom: 0;}
.titleBox--bottom{margin-bottom:0;}




/* 首頁 - 最新消息 */
.ixNews{position: relative;}
.newsSlick{width: 100%;overflow: hidden;padding: 0 clamp(1rem,2vw,2rem);}
.newsSlick .list__item{margin: clamp(1rem, 1.25vw, 1.25rem);overflow:unset;}
.newsSlick .slick-arrow{--arrow--w:clamp(1.5rem,3vw,3rem)}
.newsSlick .slick-arrow:before{font-family:'bootstrap-icons';display: block;font-size: var(--arrow--w); line-height: 1;color:var(--gray);position: absolute;top:0;left:0;z-index: 5;}
.newsSlick .slick-prev, .newsSlick .slick-next{top: 35%;width: var(--arrow--w);height: var(--arrow--w);z-index: 5;}
.newsSlick .slick-prev:before{content: '\F284';}
.newsSlick .slick-next:before{content: '\F285';}
.newsSlick .slick-prev{left: 0;}
.newsSlick .slick-next{right: 0;}
.newsSlick .list__item:hover{box-shadow:none;}
.newsSlick .list__item:hover .picBox{border-radius:var(--radiusS) 0 var(--radiusS) 0;}
.newsSlick .list__item .infoBox{padding-left:0;padding-right:0;}





/* 首頁 - 產品服務 */
.ixService.blockHeight{padding: 0;}
.ixService{align-items: center;display:flex;overflow: hidden;position: relative;}
.ixService .leftBox{width:35%;padding-left: var(--container--space);padding-right: calc(var(--container--space) / 2);}
.ixService .rightBox{width:65%;}
.ixSerMenu{counter-reset:Num;display: flex;flex-direction: column;}
.ixSerMenu__item{display: flex;align-items: center;background: white;border-bottom: 1px solid var(--gray);position:relative;overflow:hidden;}
.ixSerMenu__item .txt{font-size: clamp(1rem,1.5vw,1.5rem);margin-left: clamp(.75rem,2vw,2rem);text-wrap: nowrap;}
.ixSerMenu__item .bi{font-size:clamp(1rem,1.5vw,1.5rem);color:var(--gray);margin-right: clamp(.5rem,1vw,1rem);margin-left:auto;position:relative;right:5%;opacity:0;transition:all .5s;}
.ixSerMenu__item:before{counter-increment:Num;content:counter(Num, decimal-leading-zero);font-size: clamp(1.25rem,2vw,2rem);font-weight:600;display: flex;justify-content: center;align-items: center;--NumSize: clamp(2.75rem,5vw,5rem);min-width: var(--NumSize);min-height: var(--NumSize);transition:all .5s;}
.ixSerPic img{width:100%;height:auto;object-fit: cover;}


.ixSerMenu__item:hover .txt, .active.ixSerMenu__item .txt{color:var(--mainColorD);font-weight: 600;}
.ixSerMenu__item:hover .bi, .active.ixSerMenu__item .bi{right:0;opacity:1;}
.ixSerMenu__item:hover:before, .active.ixSerMenu__item:before {background: var(--mainColorD);color:white;}

.ixSerList{background:var(--lightGray);}
.ixSerList__item {display: none;position: relative;}
.ixSerPic{overflow: hidden;width:100%;height:auto;object-fit: cover;}
.ixSerInfo{height: clamp(12rem,15vw,15rem);display: flex;justify-content: space-between;align-items: center;gap: clamp(1rem,2vw,2rem);position: absolute;bottom:0;left:0;background:rgb(255, 255, 255, .85);padding: clamp(2rem,4vw,4rem);}
.ixSerInfo .txtBox{width:70%;}
.ixSerInfo .tit{content:"";display:block;font-size: clamp(1rem,2vw,2rem);font-weight: 600;position: relative;}
.ixSerInfo .tit::after{--titleLine:clamp(1.5rem,2.5vw,2.5rem);content:"";display: block;width:var(--titleLine);height: clamp(0.15rem,.25vw,.25rem);background:var(--mainColor);margin: clamp(.5rem,1vw,1rem) 0;position: relative;transition: all 1.5s;bottom: 0;}
.animated.ixSerInfo .tit::after{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

.active.ixSerList__item img {animation: zoomInOut 8s ease-in-out infinite;}
.active.ixSerList__item{display: flex;}

.ixSerBtnWrap{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap: clamp(.5rem,1vw,1rem);}
.ixSerArrow{display: flex;align-items:center;gap: clamp(1rem,2vw,2rem);}
.serCounter{display:flex;}
.serPrev, .serNext {--arrowW: clamp(2rem,3vw,3rem);width:var(--arrowW);height:var(--arrowW);font-size: clamp(1rem,1.5vw,1.5rem);background: none;cursor: pointer;border-radius: 100%;border: 1px solid var(--dark);display: flex;justify-content: center;align-items: center;padding: .5rem;transition:all .5s;}
.serPrev:hover, .serNext:hover{color:var(--mainColorD);border-color:var(--mainColorD);}




/* 首頁/內頁 - 常見問題 */
.ixFaq{position: relative;overflow: hidden;}
.ixFaqPic{width:100%;height:auto;}
.ixFaq .rightBox{padding: clamp(1rem,2vw,2rem);padding-right: calc(var(--container--space)/2);}

.noticeList{--circleSize--l: clamp(3.25rem,5vw,5rem);--circleSize--s: clamp(2rem,3vw,3rem);--circleTxt: clamp(1rem,2vw,2rem);--bodySpace: clamp(1rem, 1.5vw, 1.5rem)  clamp(1.5rem, 2.5vw, 2.5rem);--headerSpace: clamp(.75rem, 1vw, 1rem);}
.noticeList{counter-reset: num;display: flex;flex-direction: column;}
.noticeList__box{position:relative;border-bottom: solid 1px var(--gray);}
.noticeList__box::before{content:'';position:absolute;z-index: -1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

.noticeHeader{display: flex;justify-content: space-between;/* align-items: center; */cursor: pointer;transition:all .5s;}
.noticeHeader::before{counter-increment: num;content: "0" counter(num);color: white;display: flex;justify-content: center;align-items: center;font-size: var(--circleTxt);font-weight: 600;letter-spacing: 0;background: var(--dark);min-width: var(--circleSize--l);min-height: var(--circleSize--l);max-height: 100%;}
.noticeHeader::after{content: "\f64d";font-family: bootstrap-icons !important;font-size: clamp(1rem,1.5vw,1.5rem);display: flex;align-items: center;justify-content: center; min-width: clamp(2rem, 4vw, 4rem);transition:all .5s;}
.noticeHeader .tit{display: flex;align-items: center;margin: 0 auto 0 0;font-size: clamp(1rem,1.2vw,1.2rem);font-weight: 500;padding: var(--headerSpace);transition: all .5s;}
.noticeHeader:hover{background: var(--lightGray);}


.noticeBody{position: relative;padding: var(--bodySpace);padding-left: var(--circleSize--l);background: var(--lightGray);display: block;}
.noticeBody__inner{display: flex;flex-direction: column;padding-left: clamp(.5rem,.75vw,.75rem);gap: clamp(.5rem,1vw,1rem);}
.noticeBody__inner img{height:auto;}
.noticeBody::before{content:'A';position: absolute;left: calc(var(--circleSize--s) / 2);display: flex;justify-content: center;align-items: center;font-size: var(--circleTxt);font-weight: 500;width: var(--circleSize--s);height: var(--circleSize--s);color: var(--mainColorD);}
.noticeBody::after{content:'';position:absolute;right:0;top:0;width:100%;height: 2px;}
.noticeBody .tx01{width: 100%;display: flex;align-items: center;}

.open.noticeList__box .noticeHeader::before{background: var(--mainColorD);}
.open.noticeList__box .noticeHeader{position: relative;z-index: 1;box-shadow: 0 .5rem 1.5rem -1rem rgba(0, 0, 0, 0.15);}
.open.noticeList__box .noticeHeader::after{transform:rotate(45deg);}






/* 首頁 - 聯絡我們 */
.ixContact{position: relative;overflow: hidden;}
.ixContact .rightBox .titleBox{align-items: center;}
.ixConPic{width: clamp(300px,20vw,420px);aspect-ratio: 300/420;position:relative;margin-left: auto;}
.ixConPic .picBox{border-radius: var(--radiusS);overflow: hidden;}
.ixConPic:hover img{position: relative;transform: scale(1.05);}
.ixCusItem{font-size: clamp(1rem,1.25vw,1.25rem);color: var(--dark);display: flex;align-items: start;}
.ixCusItem .bi{line-height: 1.2;font-size: clamp(1.5rem,2vw,2rem);color:var(--subColor);}
.ixCusItem .txt:after{content:"";display:block;width:0;height:1px;border-bottom:solid 1px var(--subColor);position: relative;transition:all 1s;}
.ixCusItem:hover .txt:after{width:100%}
.ixContact .rightBox{width: 30%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.ixContact .rightBox .mainTitle{display: flex;flex-direction: column;align-items: center;}

.conPicBox{width:100%;height: clamp(200px,30vw,460px);aspect-ratio: 1920/460;overflow: hidden;position: relative;}
.conPicBox .picBox{width:100%;height:100%;object-fit:cover;}
.conPicBox .infoBox{width: 100%;height: 100%;position: absolute;z-index: 1;display: flex;justify-content: center;align-items: center;gap: clamp(.5rem,1.5vw,1.5rem);}
.conPicBox .infoBox .tit,
.conPicBox .infoBox .txt{color:white;line-height:1;text-shadow: 0 .25rem .75rem rgba(0,0,0,0.75);}
.conPicBox .infoBox .tit{font-size:clamp(1.75rem,3vw,3rem);font-weight: 600;}
.conPicBox .infoBox .txt{font-size:clamp(1.25rem,2vw,2rem);}
.conPicBox img{animation: zoomInOut 10s ease-in-out infinite alternate;}




/*首頁  - 裝飾插圖*/
.bg-road img, .bg-city img{width: 100%;height: 100%;object-fit: cover;position: relative;top:0;}
.bg-road{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;right: 0;}
.bg-city{width: 90%;height: auto;position: absolute;right: 0;bottom: 0;z-index: -1;overflow: hidden;}
.ixNews:before, .ixFaq .rightBox:before,.ixFaq:after,.ixContact:before, .ixContact:after, .ixContact__inner:before{content:"";width:clamp(108px,20vw,270px);height:clamp(60px,10vw,150px);aspect-ratio: 270/150;background-size: contain;background-repeat: no-repeat;display: block;position: absolute;opacity:0;z-index: 1;}
.ixNews:before{background-image: url(../images/index/ixDeco1.svg?var2025);left: 0;bottom: calc(var(--container--space) / 2);}
.ixFaq .rightBox:before{background-image:url(../images/index/ixDeco2.svg?var2025) ;right:0;top: calc(var(--container--space) / 2);}
.ixContact:before{background-image:url(../images/index/ixDeco3.svg?var2025) ;left:0;top:calc(var(--container--space) * 2);}
.ixContact:after{background-image:url(../images/index/ixDeco4.svg?var2025) ;right:0;top:calc(var(--container--space));width:clamp(156px,24vw,390px);height:clamp(60px,10vw,150px);aspect-ratio: 390/150;}
.ixContact__inner:before{background-image:url(../images/index/ixDeco5.svg?var2025);right:0;bottom: calc(var(--container--space));}

.ixNews.animate-in:before {animation: picMoveRtoL 1s ease forwards;opacity: 1;}
.ixFaq.animate-in .rightBox:before {animation: picMoveLtoR 1s ease forwards;opacity: 1;}
.ixContact.animate-in:before {animation: picMoveRtoL 1s ease forwards;opacity: 1;}
.ixContact.animate-in:after {animation: picMoveLtoR 1s ease forwards;opacity: 1;}
.ixContact__inner:before {animation: picMoveLtoR 1s ease forwards;opacity: 1;}
@keyframes picMoveRtoL {
    0%{transform: translateX(-1rem);}
    100%{transform: translateX(0rem);}
}
@keyframes picMoveLtoR {
    0%{transform: translateX(1rem);}
    100%{transform: translateX(0rem);}
}



/* 內頁 - 中古車租賃 預售車輛區 */
.abPreList{display: grid;grid-template-columns: repeat(2, 1fr);}
.abPreList__item{display: flex;flex-direction: column;align-items: start;padding: clamp(1.5rem,2.5vw,2.5rem) clamp(2rem,4vw,4rem);outline: 1px solid #dddddd;position:relative;}
.abPreList__item::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: var(--lightGray);z-index:-2;}
.abPreList__item::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--gray);opacity: .15;clip-path:polygon(0% 100%,100% 0%,100% 100%);z-index:-1;}
.abPreList__item .tit{min-width: 110px;font-size:clamp(1rem,1.15vw,1.15rem);font-weight:600;margin-right: clamp(.5rem,1vw,1rem);display: inline-flex;align-items:center;}
.abPreList__item .tit:before{content:"";display:block;width:.5rem;height:.5rem;background:var(--mainColorD);border-radius:99rem;position:relative;margin-right: 1rem;transition: all .5s;}
.abPreList__item .txt{margin-top:clamp(.05rem,.15vw,.15rem);}
.abPreList__item .infoBox{width: 100%;gap: 0;}
.abPreList__item .infoBox__item{display: flex;align-items: start;border-bottom: 1px dashed var(--gray);}
.abPreList__item .infoBox__item:last-child{border:none;}
.abPreList__item .tag{--w: clamp(4rem,6vw,6rem);width:var(--w);height:var(--w);aspect-ratio: 1;font-size: clamp(1.15rem,1.5vw,1.5rem);font-weight: 600;text-wrap: nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center;position: absolute;border-radius: 99rem;border: 2px solid #999999;color: #999999;right:1rem;bottom:1rem;transform: rotate(-20deg);}
.abPreList__item .tag::before,
.abPreList__item .tag::after{content:'';display:block;width:90%;height:1px;border-bottom:1px solid #999999;}
.abPreList__item .tag--deal{border:2px solid var(--mainColorD);color:var(--mainColorD);}
.abPreList__item .tag--deal::before,
.abPreList__item .tag--deal::after{border-bottom:1px solid var(--mainColorD);}



/* 內頁 - 最新消息 */
/* .newsList{display: flex;} */
.newsList__item{padding: clamp(.5rem,1.5vw,1.5rem);}
.newsList__item .infoBox{margin-top: clamp(.5rem,1vw,1rem);}
.newsList__item .picBox{border-radius: var(--radiusS);aspect-ratio: 3/2;}
.date{font-size: .9rem;letter-spacing: 0;color: var(--mainColorD);margin-bottom: clamp(.25rem,.5vw,.5rem);}
.newsBottom{display: flex;justify-content: space-between;font-size: .9rem;}
.newsTag{background:var(--mainColorD);color:white;border-radius: var(--radiusBtn);padding:.5rem 1rem;line-height: 1;}
.newsList__item:hover .picBox{border-radius: var(--radiusS) 0;}
.newsList__item:hover .picBox img{position: relative;transform: scale(1.1);}




/* 內頁 - 企業租車 */
.abTopBox{position: sticky;top: var(--headerH);z-index: 10;}
.abTabList{display: flex;justify-content: center;flex-wrap: wrap;position: relative;bottom: 100%;}
.abTabList__item{font-size: clamp(.8rem,1vw,1rem);padding: clamp(.5rem,1vw,1rem) clamp(1rem,4vw,4rem);background: var(--dark);color: white;border: 1px solid white;}
.abTabList__item:hover,
.abTabList__item.active{background:var(--mainColorD);color:white;}

.abPdList{display: flex;flex-wrap: wrap; align-items: center;justify-content: center;gap: clamp(1rem,2vw,2rem);}
.abPdList__item{display:flex;flex-direction: column;align-items: center;gap:clamp(1rem,1.15vw,1.15rem);}
.abPdList__item .tit{font-size: clamp(1rem,1.25vw,1.25rem);font-weight: 600;}
.abPdList__item .picBox{background: linear-gradient(-45deg, var(--mainColorD) 50%, #c51a18 50%);border-radius: var(--radiusS);padding: 1.5rem;transition:all .5s;}
.picBox__inner{background: linear-gradient(-45deg, var(--gray) 15%,white 50%);border-radius:100%;box-shadow: 0 0 1rem rgba(0,0,0,.25);padding: clamp(.5rem,1vw,.75rem);--w: clamp(6rem, 8vw, 8rem);width: var(--w);height: var(--w);aspect-ratio: 1;position: relative; margin: 0 auto;}
.picBox__inner:before{content:'';display:block;width: 90%;height: 90%;border-radius:100%;border:1px solid var(--mainColorD);position: absolute;top: 5%;left: 5%;}
.abPdList__item:hover .picBox{transform:scale(1.05);}

.abAdList{display: flex;flex-wrap: wrap;}
.abAdList__item {width: 30%;margin: clamp(1rem,2vw,2rem) auto;border-radius: var(--radiusS);background: white;box-shadow: 0 0 1rem rgba(0,0,0,.25);overflow: hidden;}
.abAdList__item .tit{display: flex;align-items:center;justify-content:center;text-align: center;color:white;padding: clamp(2rem,5vw,5rem) clamp(.5rem,1vw,1rem);position: relative;overflow: hidden;}
.abAdList__item .num{border:1px solid white;border-radius: 100%;padding: clamp(.25rem,.5vw,.5rem);display: flex;justify-content: center;align-items: center;margin-right:clamp(.25rem,.5vw,.5rem);font-size: clamp(1rem,2vw,2rem);}
.abAdList__item .picBox{--w: clamp(5rem,6vw,6rem);min-width: var(--w);max-width: var(--w);}
.abAdList__item .picBox img{height:auto;}
.abAdTxtGroup{padding: clamp(.5rem,1vw,1rem) clamp(1rem,1.5vw,1.5rem);}
.abAdTxtGroup__item{list-style:none;padding: clamp(.25rem,.5vw,.5rem);display: flex;align-items: center;gap: clamp(.5rem,.75vw,.75rem);} 
/* .abAdTxtGroup__item:before{content:"";display: block;--w: clamp(.5rem,.5vw,.5rem);width:var(--w);height:var(--w);aspect-ratio: 1;border-radius: 100%;background: var(--mainColorD);margin-top: calc(var(--w));} */
.abAdList__item__bg {position: absolute;width: 100%;height: 100%;object-fit:cover;z-index: -1;}
.abAdList__item__bg img {width: 100%;height: 100%;object-fit:cover;}
.abAdList__item__bg:before{content:"";display:block;width:100%;height:100%;background: black;opacity: .3;position:absolute;top:0;left:0;}

.abFeaList{display: grid;grid-template-columns: repeat(3, 1fr);}
.abFeaList__item{display: flex;flex-direction: column;align-items: center;padding: clamp(2rem,4vw,4rem);outline: 1px solid #dddddd;position:relative;}
.abFeaList__item:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: var(--lightGray);z-index:-2;}
.abFeaList__item:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--gray);opacity: .15;clip-path:polygon(0% 100%,100% 0%,100% 100%);z-index:-1;}
.abFeaList__item .tit{font-size:clamp(1rem,1.15vw,1.15rem);font-weight:600;margin: clamp(.5rem,1vw,1rem) 0;}
.abFeaList__item .picBox{--w: clamp(8rem,12vw,12rem);width: var(--w);height: var(--w);aspect-ratio: 1;display: flex;justify-content: center;}

.abStepList{--p: clamp(.5rem,1vw,1rem) clamp(.25rem,.5vw,.5rem);}
.abStepList{display: flex;flex-wrap: wrap;justify-content: center;--gap: clamp(2rem,4vw,4rem);gap: var(--gap);}
.abStepList__item{width: clamp(10rem,15vw,18rem);display:flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;background:white;border-radius: var(--radiusS);box-shadow: 0 0 1rem rgba(0,0,0,.15);}
.abStepList__item .tit{width:100%;height: 35%;font-size: clamp(1rem,1.25vw,1.25rem);text-align: center;background: var(--mainLinear);color: white;padding:var(--p);border-radius:0 0 var(--radiusS) var(--radiusS);display: flex;justify-content: center;align-items: center;}
.abStepList__item .picBox{--w: clamp(6rem,8vw,8rem);width:var(--w);height:var(--w);aspect-ratio:1;/* padding: clamp(.5rem,1vw,.75rem); */}
.abStepList__item .step{font-size: clamp(1rem,1.25vw,1.25rem);color:var(--mainColorD);font-weight: 600;margin-top: clamp(1rem,1.5vw,1.5rem);}
.abStepList__item:before{content:'';background:url(../images/about/arrow.svg);background-size: cover;--w: clamp(1.5rem,3vw,3rem);width: var(--w);height: var(--w);position: absolute;left: calc(-1* var(--gap)*.9);top: calc(50% - (var(--w)/2));}
.abStepList__item:first-child:before{display:none;}
/* .abStepList__item:hover .picBox{transform:scale(1.05);} */




/* 內頁 - 關於和運>營業據點 */
.blockHeight--loca{overflow: visible;}
.locationWrap {display: flex;align-items: flex-start;}
.locaMapBox {position: sticky;top: 5rem;flex: 0 0 40%;height: fit-content;}
.locaContainer {flex: 1;}
.locaBlock {padding: clamp(1.5rem,3vw,3rem) 0;position: relative;}
.regionTitle{font-size: clamp(1.25rem,1.75vw,1.75rem);font-weight: 600;margin-bottom: clamp(.5rem,1vw,1rem);}
.locaList{display: grid;grid-template-columns: repeat(2, 1fr);gap:clamp(1rem,2vw,2rem);}
.locaList__item {background: white;box-shadow: 0 0 .5rem rgba(0,0,0,.15);border-radius:var(--radiusS);overflow: hidden;}
.locaList__item .tit{font-size: clamp(1rem,1.25vw,1.25rem);padding: clamp(.75rem, 1vw, 1rem);background: var(--mainLinear);color: white;margin: 0;}
.locaTxtGroup{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;}
.locaTxtGroup__item{display: flex;padding: clamp(.75rem,1vw,1rem) clamp(.5rem,.75vw,.75rem);border-bottom: 1px dashed var(--gray);}
.locaTxtGroup__item:last-child{border:0;}
.locaTxtGroup__item .bi{font-size: 1.25rem;color: var(--mainColorD);margin: 0 clamp(.25rem,.5vw,.5rem);}
.locaTxtGroup__item .txt{padding: clamp(.25rem,.5vw,.25rem) 0;}
a.locaTxtGroup__item:hover{background:var(--lightGray);}
a.locaTxtGroup__item:hover .txt{color:var(--mainColorD);}
.map.picBox img{height:auto;display:block;}
.locaMapBox img.visible {opacity: 1;transition: all .5s;}
.locaMapBox img.hidden {opacity: 0;transition: all .5s;}
.locaContainer {width: 60%;padding-bottom: calc(var(--blockHeight) * 2);}
.locaTab{display: flex;flex-wrap: wrap;gap: .5rem;margin: clamp(1rem,2vw,2rem) 0;}
.locaTab__item {padding:clamp(.5rem,.5vw,1rem);border:1px solid var(--mainColorD);color:var(--mainColorD);}
.locaTab__item:hover{background:var(--mainColorD);color:white;}

.area{fill:#d5d5d5;transition: all .5s;}
.map-region{fill:#c7c7c7;}
.map-region:hover,
.map-region.light{fill:rgba(157, 11, 11, 0.3);}
.anchor{position: absolute;top:-120px;}

/* 內頁 - 關於和運>資訊安全政策 */
/* 內頁共用項目符號 */
.txtGroup{padding: var(--itemP);background:var(--lightGray);margin: 0;overflow-x: hidden;}
.txtGroup:has(.txtGroup__item:empty){display:none;}
.txtGroup__item{display:flex;}
.txtGroup__item:before{content:'';display:block;--circleW: .425rem;width:var(--circleW);height:var(--circleW);aspect-ratio:1;border-radius:99rem;background:var(--mainColorD);margin-top: .75rem;margin-right: .5rem;}

.secInfoList{display: grid;grid-template-columns: repeat(3, 1fr);}
.secInfoList__item{display: flex;flex-direction: column;align-items: center;padding: clamp(2rem,4vw,4rem);outline: 1px solid #dddddd;position:relative;}
.secInfoList__item:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: var(--lightGray);z-index:-2;}
.secInfoList__item:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--gray);opacity: .15;clip-path:polygon(0% 100%,100% 0%,100% 100%);z-index:-1;}
.secInfoList__item .tit{font-size:clamp(1rem,1.15vw,1.15rem);font-weight:600;margin: clamp(.5rem,1vw,1rem) 0;}
.secInfoList__item .num{color:var(--mainColorD);font-size: clamp(2rem,3vw,3rem);font-weight: 600;font-style: italic;line-height: 1;letter-spacing: 0;}

.teamList{display: grid;grid-template-columns: repeat(2, 1fr);gap:clamp(1rem,3vw,3rem);}
.teamList__item{display: flex;background: var(--lightGray);border-radius: var(--radiusS);border: 1px solid var(--gray);}
.teamList__item .teamIcon{min-width: clamp(8rem,12vw,12rem);width: clamp(4.75rem, 6vw, 6rem);position: relative;z-index: 5;}
.teamList__item .teamIcon .tit{font-size:clamp(1rem,1.25vw,1.2rem);font-weight: 600;text-align: center;color: white;margin-bottom: clamp(.25rem,.5vw,.5rem);}
.teamList__item .teamTxtGroup{padding: clamp(1rem,1.75vw,1.75rem) clamp(1rem,3vw,3rem);}
.teamTxtGroup .tit{font-weight: 600;width: fit-content;margin-bottom: clamp(.25rem,.5vw,.5rem);list-style: none;position: relative;}
.teamTxtGroup .tit:before{content:"";display: block;width: clamp(1.5rem,2.5vw,2.5rem);height: 2px;background:var(--mainColorD);position: absolute;left: -75%;top: .75rem;}
.teamIcon .picBox{display: flex;flex-direction: column;justify-content: center;background: linear-gradient(-45deg, var(--mainColorD) 50%, #c51a18 50%);border-radius: var(--radiusS);padding: clamp(.5rem,1.5vw,1.5rem);transition:all .5s;}
.teamIcon:hover .picBox{transform:scale(1.05);}
.teamPic__bg img{height:auto;}

.picBox--team{width: 35%;}
.blockHeight--certificat .container{display: flex; flex-direction: column;justify-content: center;}
.blockHeight--certificat{}
.picWrap{position: relative; width: 100%;}
.picBox--cer {width: auto;height: clamp(14rem,24vw,30rem);aspect-ratio: 210/297;position: absolute;top: 15%;left: -20%;box-shadow: 0 0 1rem rgba(0,0,0,.15);}
.picBox--cerBg img{height:auto;}

.secuList{display: flex;justify-content: center;gap: clamp(1rem,4vw,4rem);flex-wrap: wrap;margin:clamp(1rem,2vw,2rem) 0;}
.secuList__item{display: flex;flex-direction: column;align-items: center;background: var(--lightGray);border-radius: var(--radiusS);padding: clamp(1rem,2vw,2rem);box-shadow: 0 0 1rem rgba(0,0,0,.25);}
.secuList__item .secuIcon{--w: clamp(8rem,12vw,12rem);width: var(--w);height: var(--w);aspect-ratio: 1;}
.secuList__item .tit{font-size:clamp(1rem,1.25vw,1.2rem);font-weight: 600;text-align: center;margin: clamp(.25rem,.5vw,.5rem) 0;}
.secuList__item .secuTxtGroup{padding: clamp(.5rem,1vw,1rem);}
.secuIcon .picBox{aspect-ratio: 1;background: linear-gradient(-45deg, var(--mainColorD) 50%, #c51a18 50%);border-radius: 100%;padding: 1.5rem;transition:all .5s;}
.secuIcon:hover .picBox{transform:scale(1.05);}

.infoSubTit{font-size: clamp(1.25rem,1.5vw,1.5rem); font-weight: 600;}
.processGroup{overflow: hidden;}
.processList{--itemP: clamp(.25rem, .75vw, .75rem) clamp(.5rem, 1vw, 1rem);--itemM: clamp(.75rem, 1.5vw, 1.5rem);--arrowW: clamp(1.5rem, 3vw, 3rem);--arrowX: calc(var(--itemM) * 2);--arrowY: calc(50% - (var(--arrowW) / 2));}
.processList{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);margin: var(--itemM) 0;}
.processList--flow1{align-items:center;--checkW: clamp(240px, 20vw, 320px);}
.processList--flow2>*:first-child {grid-column: 2;}
.processList__item{margin: var(--itemM);position: relative;}
.processList__item:after{content:'';background:url(../images/about/arrow.svg);width: var(--arrowW);height: var(--arrowW);position: absolute;right: calc(-1* (var(--arrowX)));bottom: var(--arrowY);}
.processList__item:last-child:after{content:none}
.processList__item__inner{border-radius: var(--radiusS);overflow: hidden;border: 1px solid var(--gray);position: relative;}
.processList__item .tit{background:var(--mainColorD);color:white;padding: var(--itemP);text-align: center;line-height: 1.5;}
.remark{--w: clamp(1.25rem,1.5vw,1.5rem);width: var(--w);height: var(--w);aspect-ratio: 1;display: inline-flex;justify-content: center;align-items: center;background:var(--mainColorD);border-radius: 100%;color: white;font-size: .9rem;}
.processList__item--check{--checkW: clamp(250px,20vw,320px);}
.processList__item--check .processList__item__inner{overflow: unset;position:relative;border:none;width: 100%;height: calc(var(--checkW)/3);}
.processList__item--check .processList__item__inner:before{content:"";display: block;width: 100%;height: 100%;clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 50%);background: var(--gray);}
.processList__item--check .processList__item__inner:after{content: '';background:url(../images/about/arrow.svg);width: var(--arrowW);height: var(--arrowW);position: absolute;transform:rotate(90deg);right: calc(50% - (var(--arrowX)/2));bottom: calc(-2 * (var(--arrowY)));}
.processList__item--check .tit{padding: 0 clamp(1rem,4vw,4rem);width: 100%;height: 100%;aspect-ratio: 3/1;display: flex;justify-content: center;align-items: center;background: none;color: var(--dark);font-weight: 600;position: absolute;top: 0;z-index: 1;}
.infoNote{width: fit-content;margin: 1.5rem auto;padding: clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);background: #e1e1e1;border-radius: var(--radiusS);}

.courseList{display: grid;grid-template-columns: repeat(2, 1fr);gap:clamp(1rem,3vw,3rem);margin-bottom: clamp(.5rem, 1vw, 1rem);}
.courseList__item{display: flex;background: var(--lightGray);border-radius: var(--radiusS);border: 1px solid var(--gray);}
.courseList__item .courseIcon .tit{font-size:clamp(1rem,1.25vw,1.2rem);font-weight: 600;text-align: center;color: white;margin-bottom: clamp(.25rem,.5vw,.5rem);}
.courseList__item .courseTxtGroup{padding: clamp(1rem,1.75vw,1.75rem) clamp(1rem,3vw,3rem);}
.courseTxtGroup .tit{font-weight: 600;width: fit-content;margin-bottom: clamp(.25rem,.5vw,.5rem);list-style: none;position: relative;}
.courseTxtGroup .tit:before{content:"";display: block;width: clamp(1.5rem,2.5vw,2.5rem);height: 2px;background:var(--mainColorD);position: absolute;left: -75%;top: .75rem;}
.courseIcon .picBox{background: linear-gradient(-45deg, var(--mainColorD) 50%, #c51a18 50%);border-radius: var(--radiusS);padding: 1.5rem;transition:all .5s;}
.courseIcon:hover .picBox{transform:scale(1.05);}


/* 內頁 - 隱私權政策 */
.privacyBox{color: var(--dark);}
.privacyBox__brief{margin-bottom: 2rem;}
.privacyBox__main{counter-reset: num;display: flex;flex-direction: column;gap: 1.5rem;}
.privacyList__tit{position: relative;font-weight: 600;font-size: 1.25rem;margin-bottom: 0.5rem;}
.privacyList__tit:before{counter-increment: num;content: counter(num, cjk-ideographic) '、';margin-right: 0.5rem;}
.privacy-link{color:var(--mainColorD);}
.privacy-link:hover{color:var(--mainColor);}



/* 內頁 - 搜尋頁 */
.pgContent .searchBox{margin: clamp(2rem,4vw,4rem) 0;}
.pgContent .searchBox__input{position:relative;display: block;}
.pgContent .searchBox__input__box input{width: 100%;}
.pgSearch .cardList{--num:4;}
.keyword{background: #dddddd;padding: .25rem;}



/* 內頁 - contact 聯絡我們 */
.conWrap{display: flex;border-radius:var(--radiusS);box-shadow: 0 0 1rem rgba(0 0 0 / 20%);overflow: hidden;}
.conWrap .conPic{width:40%;overflow: hidden;}
.conWrap .txtBox{margin-bottom: clamp(1rem,2vw,2rem);}
.formGroupWrap{width: 60%;overflow: hidden;background: white;padding: clamp(1rem, 3vw, 3rem) clamp(1rem, 4vw, 4rem);}
.formGroup{display: flex;flex-wrap:wrap;gap: var(--gap);--gap:clamp(1rem,2vw,2rem);}
.formGroup__item{width:100%;}
.formGroup__item--half{width:calc(50% - (var(--gap)/2));}
.formGroup__item--bottom{display: flex;justify-content: space-between;align-items: end;gap:var(--gap);}
.form-control{border-radius: 0;border-color: var(--gray);}
.form-control:focus{border-color:var(--gray);box-shadow: 0 0 0 .25rem rgb(0 0 0 / 10%);}
textarea {resize: none;}
.selectBox{position:relative;}
.selectBox::after {content: '\F282';display: block;width: 2rem;height: 2rem;font-family: 'bootstrap-icons';color: var(--dark);position: absolute;right: 0;top: .25rem;z-index: 5;pointer-events:none;}


/* footer */
.footer{position: relative;z-index: 1;display: flex;justify-content: space-between;padding: clamp(2rem, 5vw, 5rem) 0;overflow: hidden;border-top: 1px solid var(--lightGray);}
.footer .container{display: flex;justify-content: space-between;gap: clamp(3rem,4vw,4rem);}
.ftLogoBox{display: flex;flex-direction: column;/* align-items: center; */gap: clamp(.5rem,1vw,1rem);}
.ftLogo{width: clamp(160px,15vw,180px);transition: all .5s;}
.ftLogo img{width:100%;height: auto;object-fit:cover;}
.ftLogo:hover{opacity: .9;}
.ftInfoList{display: flex;flex-wrap: wrap;gap: clamp(2rem,8vw,8rem) clamp(1.5rem,2vw,2rem);}
.ftInfoList__item{width:clamp(120px,10vw,150px);display: flex;flex-direction: column;gap: clamp(.25rem,.75vw,.75rem);}
.ftInfoList__item .tit{font-size: clamp(1rem,1.15vw,1.15rem);width: 100%;color:var(--dark);font-weight: 600;}
.ftInfoList__item .txt{font-size: clamp(.9rem,1vw,1rem);width: 100%;color:var(--dark);opacity:.9;transition:all .5s;}
.ftInfoList__item .line{border-right:1px solid var(--lightGray);margin: 0 clamp(.25rem,.75vw,.75rem);}
.ftInfoList__item a.txt:hover{color:var(--mainColorD);}
.ftInfoList__item .tit:after{content:"";display: block;width:100%;height:1px;border-bottom: 1px solid var(--gray);margin: clamp(.5rem,.75vw,.75rem) 0;}
.copyright{background:var(--dark);color:white;font-size: clamp(.85rem,1vw,.9rem);font-weight: 400;padding: clamp(.5rem,1vw,1rem);}
.copyright a{color:var(--lightGray);}
.copyright a{opacity:.75;}

.ftInfoList__item--socialGroup{display: flex;flex-direction: column;gap: clamp(.25rem,.5vw,.5rem);}
.socialList{display: flex;gap:clamp(.25rem,.5vw,.5rem);}
.socialList__item{width: 100%;height: 100%;aspect-ratio: 1;border-radius: 100%;overflow: hidden;display: flex;flex-direction: column;align-items: center;}
.socialList__item img{width:100%;height:100%;object-fit:cover;}
.socialList__item--line{background:#44b524;}
.socialList__item--fb{background:#3f5a96;}
.socialList__item--yt{background:#df1917;}
.socialList__item:hover{opacity:.8;}






/* RWD */

@media screen and (max-width: 1280px){
    /* 首頁 - 聯繫我們*/
    .ixContact .rightBox{width:45%;}    
	.header .navbar{margin:0;border-radius: 0; padding: clamp(.5rem,1vw,1rem);}
    /* 內頁 - 搜尋頁 */
    .search .cardList{--num:3;}
}

@media screen and (max-width: 991px){
    :root{
        --container--space: clamp(1rem, 6vw, 6rem);
    }
    
    /*!991 header*/
    .header .navbar{margin:0;border-radius: 0; padding: clamp(.5rem,1vw,1rem);}
    .header .nav-item{border-bottom:dashed 1px var(--gray);}
    .navbar-brand{padding:0;z-index: 5;}
    .menuBar{background: white;position: absolute;width: 0;height: 100vh;right: 0;text-align: center;padding: 1rem;transition: .5s all;pointer-events: none;top: var(--headerH);opacity: 0;overflow: hidden;z-index:-1;}
    .navbar-toggler.open + .menuBar{height: calc(100vh - var(--headerH) );width: 300px;pointer-events:all;opacity:1;box-shadow: 0 .5rem .5rem .25rem rgb(0,0,0,.15);padding: 0;z-index: 3;display: flex;flex-direction: column;overflow-y: auto;}
    .navbar-nav{margin-left: 0!important;}
    body.menu-open {overflow: hidden;  /* 打開選單時，禁止 body 滾動 */}
    /*header - 手機選單*/
    .navbar-nav .dropdown-menu{display: block;}
    .dropdown-item {display: flex;flex-direction: column;align-items: start;gap: 1rem;border: 0;padding: .75rem 3rem;background-color: var(--mainColorL);}
    .header .nav-link, .header .nav-item,  .header .nav-item.active {width: 100%;margin: 0;padding: 0;flex-direction: column;align-items: start;}
    .header .nav-item .nav-link {padding: 1rem 2.5rem;justify-content: space-between;}
    .header .nav-item .dropdown-toggle{flex-direction: row;align-items: center;}
	.header .nav-item .dropdown-toggle:after{display:block;}
	.header .nav-item .dropdown-menu {display:block;width: 100%;opacity: 1;transition: all .5s;pointer-events: auto;box-shadow: none;/* transition: all .5s; */background-color: #f4f4f3;padding: 0;position: relative;top: 0;}
    .header .nav-item:hover .dropdown-menu{opacity: 1;border-radius: 0;background-color: #c5c5c533;}
    .header .nav-item.active .dropdown-menu{display: block;}
    .header .nav-item:before, .header .nav-item:after{content:none;}
    .nav-item{padding:0;}
    .nav-item .bi {display: block;}
    .nav-link{display:flex;justify-content:space-between;}
    .header .active .nav-link{font-weight: 400;background: var(--mainColorD);color: white;}
    .header .active .bi{color: white;}

	.searchBox__input{width: 100%;position: relative;top: 0;bottom: 0;}
	.searchBox__input input{width:100%;}
    .searchBox__input__box {width: 100%;}
    
    .header .container{padding-right: 0;}
	.header .navbar-nav{position:relative;height:100%;margin-bottom: 2rem;}
	.header .langBox{width: 100%;position: relative;bottom:0;padding: 1rem 2.5rem;margin:0;justify-content: center;background: var(--dark);color:white;border-radius: 0;}
	.header .langBox:hover{color:white;}

    .--pc{display: none;}
    .--mb{display: block;}

    /* 標題 */
    .titleBox .mainTitle__en,
    .titleBox .mainTitle{text-align: center;}
    .titleBox{align-items: center;}
    .mainTitle{align-items: center;}
	.pgBanner .mainTitle::after{left:0;}
	.pgContent .mainTitle::after{left:0;transform: translate(0);}

    /* 共用 */
    .contentBox{display: flex;flex-direction: column;}

    /* 測選單 sidebar */
    .sidebar {position: relative;top: 0;z-index: 5;}
	.navbar-toggle{}
	.sideNav__item a {background:white;}
	.sideNav__item--active a{background-color: var(--mainColorD);color: white;}

    /* 首頁 - 產品服務 */
    .ixService.blockHeight{padding: var(--blockHeight) 0;}
    .ixService{flex-direction:column;}
    .ixService .leftBox{width:100%;padding-left: var(--container--space);padding-right: calc(var(--container--space) / 2);}
    .ixService .rightBox{width:100%;}
    .ixSerMenu{flex-direction: row;flex-wrap:wrap;}
    .ixSerMenu__item{width:50%;}
    .ixSerList__item{flex-direction:column;}
    .ixSerInfo{flex-direction:column;height:auto;position:relative;}
    .ixSerInfo .txtBox{width:100%;}
    .ixSerBtnWrap{width:100%;flex-direction:row;justify-content:space-between;}

    /* 首頁 - 聯繫我們*/
    .ixContact .titleBox{margin-bottom: var(--title--mb);}
    .ixConPic{margin:0 auto;aspect-ratio: 3/2;}
    .ixContact .rightBox{width:100%;}

	/* 首頁/內頁 - 常見問題 */
	.ixFaqPic img{height:auto;}

    /*首頁  - 裝飾插圖*/
    .ixNews:before{top: calc(var(--container--space) / 2);}
    .ixContact:after{top:calc(var(--container--space) * 4);right:calc(-1 * (var(--container--space) / 2));}
    .ixContact__inner:before {right:calc(-1 * (var(--container--space) / 2));}/*首頁  - 裝飾插圖*/
    .bg-road img, .bg-city img{height: auto;}
    .bg-road{display: none;}

    /* 內頁 - 企業租車 */
    .abAdList{display: flex;flex-direction: column;}
    .abAdList__item {width:100%;display: flex;flex-direction: column;}
    .abAdList__item .tit{align-items: center;}
    .abFeaList{grid-template-columns: repeat(2, 1fr);}

    /* 內頁 - 關於和運>資訊安全政策 */
    .secInfoList{grid-template-columns: repeat(2, 1fr);}
    .teamList{grid-template-columns: 1fr;}
	.picBox--cer {left: 10%;}
	
    .processList{width:100%;grid-template-columns: 1fr;}
    .processList--flow1{grid-template-columns: repeat(2, 1fr);}
	.processList--flow1 .processList__item:first-child {grid-column: 1 / span 2;}
	.processList--flow1 .processList__item:first-child:after{transform:rotate(90deg);right: calc( 100% - ((var(--checkW) /2) ) + (var(--arrowX)/2) );bottom: calc(-1 * var(--arrowY));}
	.processList--flow2>*:first-child {grid-column: 1;}
    .processList--flow2 .processList__item{margin: var(--itemM) 0;}
	.processList--flow2 .processList__item:after{transform:rotate(90deg);right: calc(50% - (var(--arrowX) / 2));bottom: calc(-1 * var(--arrowY) / 2);}
	.processList__item--check .processList__item__inner:after{bottom: calc(-1 * var(--arrowY));}
    .courseList{grid-template-columns: 1fr;}
    .none{display: none;}

    /* 內頁 - 關於和運>營業據點 */
    .locationWrap{flex-direction: column;}
    .locaContainer{width:100%;}
    .locaMapBox{width: 100%;display: none;}
    .locaList{grid-template-columns: repeat(2, 1fr);}

    /* 內頁 - contact 聯絡我們 */
    .conWrap{flex-direction: column;}
    .conWrap .conPic{width: 100%;aspect-ratio: 2/1;}
    .formGroupWrap{width: 100%;}

    /* 內頁 - 搜尋頁 */
    .pgSearch .cardList{--num:3;}
}


@media screen and (max-width: 768px) {
    /*!768==RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;margin:0 0 1em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem; /* 增加空間給捲軸 */
    box-shadow: inset -10px 0 8px -8px rgba(0,0,0,0.2); /* 左右提示可滑動 */
    white-space: nowrap; /* 保持水平排列 */
}

    /* banner */
	.bannerWrap, .banner__box{aspect-ratio:8/9;}
    .bnInfoBox{flex-direction: column;}
    .bnInfoBox__left{width:100%;}
    .bnInfoBox__right{width:100%;}
    .banner .bnPic{width:auto;height: 100%;}

	/* 麵包屑 breadCrumbs */
	.breadCrumbsWrap{border-bottom:1px solid var(--gray);}
    .breadCrumbs{position: relative;}

    /*首頁  - 裝飾插圖*/
    .ixNews:before, .ixFaq .rightBox:before,.ixFaq:after,.ixContact:before, .ixContact:after, .ixContact__inner:before{content:none;}

    /* 共用 - 卡片列表 ============================================================ */
    .cardList{--num: 2;}

    /* 編輯器 */
    .detailWrap{padding:0;box-shadow:none;border:0;background:none;}

    /* 首頁/內頁 - 常見問題 */
	.noticeBody{padding: var(--bodySpace);}
	.noticeBody__inner{padding-left: 0;}
	.noticeBody::before{display:none;}

    /* 首頁 - 聯繫我們*/
    .ixConPic{width:100%;}

    /* 內頁 - 中古車租賃 預售車輛區 */
    .abPreList{grid-template-columns:  1fr;}

    /* 內頁 - 關於和運>資訊安全政策 */
    .picBox--team{width:100%;}

    /* 內頁 - 搜尋頁 */
    .pgSearch .cardList{--num:2;}

    /*footer*/
    .footer .container{flex-direction: column;}

}


@media screen and (max-width: 640px) {
    /* 共用 - 卡片列表 ============================================================ */
    .cardList{--num: 1;}

    /* 內頁 - 企業租車 */
    .abFeaList{grid-template-columns: 1fr;}    

    /* 內頁 - 關於和運>資訊安全政策 */
    .secInfoList{grid-template-columns:1fr;}
	.secuList__item{width:100%;flex-direction: row;gap: clamp(1rem,2vw,2rem);}
	.secuList__item .tit{width: fit-content;margin-bottom: clamp(.25rem,.5vw,.5rem);}
	.secuList__item .secuTxtGroup{}
    .courseTxtGroup .tit:before{display: none;}
    
    /* 內頁 - 關於和運>營業據點 */
    .locaList{grid-template-columns: 1fr;}

    /* 內頁 - 搜尋頁 */
    .pgSearch .cardList{--num:1;}

    /* 內頁 - contact 聯絡我們 */
    .formGroup__item--half{width:100%;}
    .formGroup__item--bottom{flex-direction: column;align-items: start;}

}


@media screen and (max-width: 480px) {
    /*! header*/
    .navbar-toggler.open + .menuBar{width: 100%;}
	
	/* footer */
	.ftInfoList{justify-content:space-between;}
	.ftInfoList__item{width:45%;}
}