@charset "utf-8";

@import url('fonts.css');
/* CSS Document */
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background: linear-gradient(25deg, rgba(30,87,153,.9) 0%,rgba(125,185,232,0) 100%),url(../images/all/wrapper-bg.jpg)no-repeat left top / cover;min-height:100vh;letter-spacing: 0.7px;background-attachment: fixed}
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(--black);text-decoration:none;-o-transition:var(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}
.alink{text-decoration:underline;color:var(--link);}
*{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;}
p{margin-bottom:initial;}
.body--loggedIn{min-width: 1000px;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定::selection{background:#666;color:#FFF;}
::-moz-selection{background:#666;color:#FFF;}*/
.alertLine,.red{color:var(--red);}
.underLine{text-decoration:underline;text-underline-offset:2px;}
.blue{color:var(--link)}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:2.8rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;background:var(--mjColor);border-radius:10rem;transition:0.3s all;}
#goTop:hover{background:#999;color:#FFF}

/*按鈕*/
.btnWrap{display:flex;justify-content:center;gap: 1rem;margin:2rem 0;}
.btnWrap .btnStyle{margin:unset;}
.btnStyle{display: inline-block;padding: .75em 2em;font-size: 1rem;background: var(--mjColor);color:#fff;border-radius: .125rem;font-weight: 450;box-shadow: 0 0 .125rem rgba(0,0,0,.25);border: none;border-radius: 3em;transition:var(--transition)}
.btnStyle:hover{background: var(--mjColor-d);color:#fff}

.btnStyle.--cl-hl{background: var(--subColor);color: var(--black);}
.btnStyle.--cl-hl:hover{background: var(--subColor-d);color:#fff}
.btnStyle.--cl-edit{background: var(--mjColor-lx3);color: var(--black);}

.btnStyle.--cl-disabled{background: var(--gray-dx2);color: #fff;}
.btnStyle.--cl-disabled:hover{background: var(--gray-d);color:#fff}

.btnStyle.--line{border:solid 1px var(--mjColor);background: transparent;color: var(--mjColor);}
.btnStyle.--line:hover{background: var(--mjColor-d);color:#fff;border-color: var(--mjColor-d);}

.btnStyle.--sm{padding: .25em 1em;font-size: .825rem;}

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

/*---------------------- 頁面開始 ----------------------*/
:root{
--mjColor:#3475D5;
--mjColor-l:#E2EAF6;
--mjColor-lx2:#F1F3F6;
--mjColor-lx3:#cedcf0;
--mjColor-lx4: #a2b9da;
--mjColor-lx5: #dae0ea;
--mjColor-d:#2C4F90;
--mjColor-dx2:#062969;
--subColor:#F3B047;
--subColor-d:#A16300;
--subColor-l:#FDF3E4;
--red:#EA0606;
--red-l:var(--red-10,rgba(255,0,0,0.10));
--black:#222;
--gray:#D0D0D0;
--gray-l:#EEE;
--gray-d:#A1A1A1;
--gray-dx2: #888;
--gray-dx3: #666;
--link:#0051FF;

/* 地區顏色 */
--north:#EA82FF;
--central:#FFC20E;
--south:#84DD4F;
--east:#84C9F8;

/*!漸層*/--g1:linear-gradient(156deg,var(--mjColor,#3475D5) 0%,var(--mjColor-d,#2C4F90) 100%);
--g2:linear-gradient(90deg,#2C4F90 0.03%,rgba(44,79,144,0.50) 14.89%,rgba(44,79,144,0.80) 40.11%,rgba(44,79,144,0.15) 79.29%,#2C4F90 99.1%);
--g3:linear-gradient(90deg,#3E88F6 0%,var(--mjColor-d,#2C4F90) 100%);
--g4:linear-gradient(90deg,#0D4EAE 0%,#74ACFF 100%);

--transition:all .3s linear;
--transition-ease:all .3s ease-out;
}

/* 模組 */
.pc-none{display: none;}
.--flex1{flex:1;}
.--wAuto{width: auto!important;flex: inherit!important;}
.--w100{width: 100%;flex: inherit!important;}
.--w50{width: 50%;flex: inherit!important;}
.--w30{width: 33.333%;flex: inherit!important;}
.--w25{width: 25%;flex: inherit!important;}
.--w15{width: 15%;flex: inherit!important;}
.--minWNo{min-width: inherit!important;}
.--wSM{width:100px!important;min-width:inherit!important;flex: inherit!important;}
.--wMD{width: 150px!important;min-width:inherit!important;flex: inherit!important;}
.--noBdBtm{border-bottom: none!important;}

/*!全頁佈局*/
body:has(.sidebar){--barW:clamp(15rem,20vw,20rem);}
body:has(.sidebar.--collapse){--barW:0px;}
.wrapper{position: relative;;display:flex;flex-direction:column;overflow: hidden;}
.blockHeight{padding:2rem 0;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.conWrap{--gap:0.5rem;display:flex;align-items:flex-start;gap:var(--gap)}
.pgContent{--pd-x:min(5%,4rem);position: relative;;width:calc(100% - var(--barW));margin-left:var(--barW);padding:0rem 0.5rem 0 0.375rem;transition:0.3s all;}
.pgContent .container{flex-wrap:nowrap;max-width:100%;padding:0;}
.container.--main{display: flex;flex-direction: column;padding:clamp(1.5rem, 3vw, 3rem) 3.2rem;background:var(--mjColor-lx2);border-radius:clamp(1rem,2vw,2rem);min-height:calc(100vh - var(--headerH) - var(--footerH) - 4px);}
.container--xs{width: 100%;max-width: 1220px;margin-left: auto;margin-right: auto;}
.wrapper::before{content:"";display: block;position: fixed;left:0;top:0;background: rgba(0,0,0,0.4);width: 100vw;height: 100vh;opacity: 0;transition: var(--transition);z-index: -1;}
.wrapper.mask::before{opacity: 1;z-index: 99;}
.errorTxt{width: 100%;display: block;color: #db0f0f;font-size: 0.875rem;}
.errorTxt:empty{display:none}

/* !側選單 */
.sidebar{position: relative;left:0;top:0;transition:0.3s all;position:fixed;z-index:99;min-height: calc(100vh - var(--headerH));}
.sidebar:before{pointer-events: none;content:"" ;position: absolute;right: 0;bottom:5%;width: var(--barW);aspect-ratio: 32/24 ;background: url(../images/all/sidebar-bg.png)no-repeat right bottom / contain;z-index: 3;}
.sideNavWrap{width:var(--barW);padding:3rem 0 0 1.75rem;z-index:0;position:relative;height: 100vh;overflow: hidden;overflow-y: auto;}
.sidebar.--collapse{transform:translateX(-100%);position:fixed;}
.--collapse .navbar-toggle{transform:translateX(calc(100% - 0.5rem));border-radius:0 1rem 1rem 0;}
.navbar-toggle{--cl:var(--g1);position:absolute;display: flex;align-items: center;font-size:1.25rem;display:inline-flex;background:var(--cl);color:#fff;line-height:1;padding:0.7rem;border-radius:0.5rem 0.75rem 0.75rem  0.5rem;right:0;top:calc(var(--headerH) + clamp(1.5rem, 3vw, 3rem));transform:translateX(100%);aspect-ratio:1;filter:drop-shadow(0 3px 0.375rem rgba(0,0,0,0.25));z-index:1;border-left: 6px solid var(--subColor, #F3B047);}
.sideNav{list-style:none;margin:0;padding:0;/* overflow-y:auto; *//* height: 100%; */padding:0.625rem 0;}
.sideNav__item{position: relative;;padding: 0.7rem 1.125rem 0.7rem 0;}
.sideNav__item::before{content:"";display:block;position:absolute;left:0;bottom:0;background:#fff;width:3.125rem;height:0.0625rem;}
.sideNav__item::after{content:"";display: block;border-radius: 0 4rem 4rem 0;position: absolute;top:0;right:0;width: calc(100% - 2rem);height: 100%;;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 100%);opacity: 0;transition:var(--transition);}
.sideNavLink{position:relative;z-index: 2;display:block;color:#fff;font-weight: 350;text-shadow: 0 2px 1rem rgba(0,0,0,.5),0 0 .375rem rgba(0,0,0,.8);font-size:clamp(1rem,1.2vw,1.125rem);transition: var(--transition);}
.sideNav__item:hover .sideNavLink,.sideNav__item.active .sideNavLink{padding-left: 0.5rem;border-left: 6px solid var(--subColor, #F3B047);}
.sideNav__item.active::after{opacity: 1;}
.sideNavLink span{font-size: 0.9em;}

/*!header*/
.navbar{padding:0;transition:0.3s all;padding:0 1rem 0 clamp(1rem,1.5vw,3rem);}
.navbar .container{max-width:100%;padding:0;}
.navbar-brand{width: 0;padding:0;margin: 0;}
.navbar-brand h1{margin:0}
.logo{margin:0}
.logoPic{/*width:13.75rem;aspect-ratio:352/93;*/width:var(--logoW);aspect-ratio:148/56;object-fit:cover;object-position: center;}
.sideNavWrap .logoPic{transform: translateX(-0.8rem);margin-bottom:-0.625rem ;}
.pgContent .logoPic{opacity:0;;width:auto;height:4rem;aspect-ratio:148/50}
.pgContent.full .navbar-brand,
body:not(:has(.sidebar)) .navbar-brand{width:auto}
.pgContent.full .logoPic,
body:not(:has(.sidebar)) .logoPic{opacity:1;}
.menuBar{display:flex;align-items:center;gap:0.5rem;color:#fff}
.loginItem{position:relative;;display:flex;align-items:center;gap:0.5rem}
.loginItem__tit{white-space:nowrap;font-size:clamp(0.875rem,1vw,1rem);}
.loginItem__input{width:clamp(8rem,10vw,10rem);border:none;}
.login__btnStyle{z-index: 1;position: relative;display:flex;padding:0.375rem 0.5rem 0.375rem 0.25rem;justify-content:center;align-items:center;gap:0.125rem;border:none;border-left:4px solid var(--subColor,#F3B047);border-radius:0.8rem;background:linear-gradient(90deg,#0D4EAE 0%,#74ACFF 100%);font-size:clamp(0.875rem,1vw,1rem);white-space:nowrap;color:#fff;overflow: hidden;}

.login__btnStyle span{position: relative;z-index: 2;;}
.login__btnStyle::before{content:"\F231";font-family:'bootstrap-icons';color:var(--subColor);overflow:hidden;;scale: 1;transition: var(--transition);z-index: 2;}
.login__btnStyle::after{content:"";z-index: -1;width: 120%;height: 100%;background: var(--subColor);position: absolute;left: 0;top:0;transform: translateX(-100%);border-radius: 0.8rem;transition:0.3s all linear}
.login__btnStyle:hover::after{transform: translateX(-10%);}
.login__btnStyle:hover{flex-direction: row-reverse;}
.login__btnStyle:hover::before{color: #fff;}


.menBar__login{position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);}
.menBar__login.open{pointer-events: inherit;z-index:999;opacity:1;width:min(90%,25rem);flex-direction:column;background:var(--g1);padding:clamp(3rem,3vw,3rem) clamp(1.25rem,3vw,3rem);border-radius:1rem;border-bottom: 4px solid var(--subColor);}
.menBar__login.open .closeLogin{display: block;}
.menBar__login .loginItem:first-child:before{display:none;}

.menuBar_item{color:#fff;white-space:nowrap;font-size:clamp(0.875rem,1vw,1rem);border: none;background: transparent;}
.menuBar_item.--login{background: linear-gradient(90deg,#0D4EAE 0%,#74ACFF 100%);border:none;border-left: 4px solid var(--subColor, #F3B047);/* display: none; */}
.menuBar_item:hover{opacity: .8;}
.menBar__login .loginItem:first-child:before{content:"｜";width:8px;margin-left:-0.5rem;}
.closeLogin{display: none;position: absolute;z-index: 8;;right:0;top:0;transform: translate(50%,-50%);width: clamp(2rem,2vw,2.5rem);aspect-ratio: 1/1;background: var(--mjColor-d);border-radius: 50%;border: none;;}
.closeLogin::before{content:"\F659";font-family: 'bootstrap-icons';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: 1.25em;}
.menuBar_item.--active{color:var(--subColor);font-weight:500}
.navbar__left{display:flex;align-items: center;}
.userName{display: flex;align-items: center;padding: 0 .5rem;color:#fff;border-right: solid 1px rgba(255,255,255,.5);padding-right: 1rem;}


/*!footer*/
footer{display: flex;flex-wrap: wrap;margin-left: var(--barW);padding: clamp(0.5rem,3vw,3rem);}
.copyright,.copyright a{font-size:clamp(0.75rem,1vw,0.875rem);color:#fff;text-align:right;}
.ftNav{list-style-type:none;margin: .5rem 0 1rem;padding:0;display:flex;flex-wrap:wrap;/* align-items: flex-start; */gap: .5rem 1rem;}
.ftNav__item{border-right:solid 1px rgba(255,255,255,.5)}
.ftNavLink{display: block;padding: 0 .5rem;color:#fff;min-width: clamp(120px,40vw,190px);font-size: .875rem;font-weight: 350;text-shadow: 0 0 .25rem #000;}
.ftNavLink:hover{text-decoration:underline}

/*!input*/
input,select{border-radius:0.25rem;border-color: var(--mjColor-l);padding:0.2rem 0.5rem;}

/* !標題 */
.titleSy01{--mb:clamp(0.8rem, 1vw, 1rem);margin-bottom: var(--mb);}
.titleSy01__tit{margin-bottom: var(--mb);font-size: clamp(1.25rem,2vw,1.75rem);color:var(--mjColor-d);font-weight: bold;}
.titleSy01__tit__sub{display: block;font-size: clamp(1rem,1.25vw,1.25rem);margin-top: 0.25rem;}
.titleSy01__line{position: relative;;display: flex;gap:0.5rem;align-items: flex-end;}
.titleSy01__line::before{content:"";width: clamp(2.2rem,3vw,3rem);;aspect-ratio: 13/2;background: url(../images/all/titleSy01-deco.svg)no-repeat center center / contain;}
.titleSy01__line::after{content:"";width: 100%;height: 0.0625rem;background:linear-gradient(90deg, #2C4F90 0.03%, rgba(44, 79, 144, 0.50) 14.89%, rgba(44, 79, 144, 0.80) 40.11%, rgba(44, 79, 144, 0.15) 79.29%, #2C4F90 99.1%) ;}
.titleSy02{display: flex;align-items: center;margin-bottom: 0;padding-top: 0.2rem;;gap:0.5rem;letter-spacing: 0.15rem;color:var(--mjColor-d);font-size: 1rem;font-weight: 700;}
.titleSy02::before{content:"";display: inline-block;width: 1.5rem;aspect-ratio: 1/1;background: url(../images/all/titleSy02-deco.svg)no-repeat center center / contain;}

.titleSy03{position: relative;margin-bottom: 1rem;padding-left: 1rem;font-size: 1.25rem;font-weight: 700;color: var(--mjColor-d);}
.titleSy03::before{content: '';position: absolute;left: 0;top: 50%;width: 0.375rem;height: .75em;background: var(--mjColor-d);transform: translate(0,-50%);}

.titHeadBar{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap:1rem;margin-bottom: 1rem;}
.titHeadBar .titleSy03{margin-bottom:0}

/* !qSearch */
.qSearch{position: relative;margin-bottom: clamp(1.15rem,1.5vw,1.5rem);border-radius: 0 0 0.5rem 0.5rem;border: 4px solid #2C4F90;background: rgba(136, 136, 136, 0.05)}
.qSearch::before{content:"";pointer-events: none;display: block;position: absolute;z-index: 4;left: -4px;top:-4px;width: calc(100% + 9px);aspect-ratio: 18/1;background: url(../images/all/qs_line.svg)no-repeat left top / 100% auto;}
.qSearch__con{padding: clamp(0.75rem, 1vw, 1rem) clamp(0.75rem, 1vw, 1rem) clamp(1rem, 1.5vw, 1.5rem) clamp(0.75rem, 1vw, 1rem)}
.qSearch__tit{display: inline-block;margin-bottom: 0;margin-left: -1px;padding: clamp(0.7rem,1vw,1rem) 4rem clamp(0.5rem,1vw,0.8rem)  1rem;background:var(--mjColor-d);clip-path: polygon(0 0, 100% 0%, calc(100% - 3em) 100%, 0% 100%);color:var(--mjColor-l);font-size: 1.125rem;font-weight: 700;letter-spacing: 0.28125rem;}
.formBox{display: flex;align-items: flex-start;gap:1rem}
.formBox+.formBox{margin-top: 1rem;}
.formBox_con{flex:1;}
.formBox_con.--inline{display:flex;align-items: center;gap:1rem}
.formBox_con .form-item{width: min(100%,8rem);height: 2rem;color:var(--black);background-position: right .5rem center;padding: .25rem 1.5rem .25rem .75rem;font-size: 0.93rem;}
.form-control.form-item{width: min(100%,30rem);}
/* .formBox_con .form-item +.form-item{margin-left: clamp(0.75rem, 1vw, 1rem);} */
/* .controlCheck{display: flex;gap:0.5rem}
.controlCheck__item{margin-bottom: 0.8rem;padding: 0.15rem 0.5rem;color:var(--mjColor);border-radius: 0.1875rem;border:1px solid var(--mjColor);font-size: 0.875rem;}
.controlCheck__item:hover{opacity: .8;}
.controlCheck__item.full{background: var(--mjColor);color:#fff} */
.controlCheck{display: flex;gap:0.5rem}
.controlCheck__item,.controlCheck .btn{margin-bottom: 0.8rem;padding: 0.15rem 0.5rem;color:var(--mjColor);border-radius: 0.1875rem;border:1px solid var(--mjColor);font-size: 0.875rem;}
.controlCheck__item:hover,.controlCheck .btn:hover{opacity: .8;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {color: #fff;background-color: var(--mjColor);border-color: var(--mjColor);}


.srchBtn{background:var(--g4);padding:0.375rem 1rem;border-radius:100rem;;display:flex;align-items: center;gap:0.5rem;color:#fff;font-weight:500;white-space: nowrap;}
.formBox .srchBtn{margin:0 clamp(0.75rem, 1vw, 1rem);border: none;}
.formBox .srchBtn:hover{opacity: .8;}
/* !checkbox、radio */
.checkGroupWrap{display:flex;gap:1rem;flex-wrap:wrap;}
.checkGroupWrap{align-items:flex-start;--num:6;--gap:0.5rem;display:flex;gap:0.8rem var(--gap);flex-wrap:wrap;}
.checkGroup{display: flex;gap:0.5rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));cursor: pointer;}
.checkGroup:hover{color:var(--mjColor)}
.form-check-input{padding:0;border-color:var(--gray);border-width:2px;}
.form-check-input:checked{background-color:var(--cl,var(--subColor));border-color:var(--cl,var(--subColor));}
.form-check-input[readonly]{pointer-events:none}
.form-check-input:focus { box-shadow: none;border-color:var(--gray); /* 可自訂 focus 邊框色 */}
.checkGroup .txt{font-size: 0.93rem;letter-spacing: 0;}
.checkGroup.--col{display:flex;align-items:center;gap:.25rem;width:100%;text-align:center;}
.resultNum{margin-bottom: clamp(1.15rem, 1.5vw, 1.5rem);color:#666;font-size: 0.875rem;}

/* !首頁地圖 */
#map{display: block;width: 100%;height: var(--boxH);}
.mapBox{--gap: clamp(2rem,4vw,4rem);flex:1;display: flex;/* align-items: center; */gap: var(--gap);}
.mapBox__fm{--boxH: clamp(300px,70vw,700px);display: flex;gap: var(--gap);width: 100%;flex: 1;}
.googleMap{position: relative;;flex:1;height: calc(100vh - var(--headerH) - var(--footerH) - var(--titleSy01) - var(--qSearch) - clamp(1.5rem, 3vw, 3rem) - clamp(1.5rem, 3vw, 3rem) - 10px);overflow: hidden;}
.googleMap img,.googleMap iframe{width: 100%;height: 100%;object-fit: cover;}
.googleMap::before,.googleMap::after{content:"";display: block;position: absolute;left: 0;;width: 100%;height: clamp(0.125rem, 0.5vw,0.25rem);}
.googleMap::before{top:0;background: var(--subColor);}
.googleMap::after{bottom:0;background: var(--mjColor);}
.twShap{position: sticky;top: 0;display: flex;align-items: self-start;flex: 0 0 clamp(14rem, 25vw, 20rem);overflow: visible;}
.twShap svg{width: 100%;aspect-ratio: 299/565;height: auto;overflow: visible;}
.twShap svg g{cursor: pointer;position: relative;transition: transform 0.3s ease;transform-box: fill-box;
transform-origin: center center;}
.twShap svg g:hover{transform: scale(1.05);z-index: 2;}
/* .twShap svg.active g{opacity: .5;} */
/* .twShap svg.active g.active{opacity: 1;} */
.mapResult{width: clamp(16rem,20vw,24.25rem);padding-right: 0.3rem;overflow-y: scroll;/* max-height: calc(100vh - var(--headerH) - var(--footerH) - var(--titleSy01) - var(--qSearch) - clamp(1.5rem, 3vw, 3rem) - clamp(1.5rem, 3vw, 3rem) - 10px); */height: var(--boxH);}
.outIslands{}
.islBox{cursor: pointer;position: absolute;display: flex;align-items: center;justify-content: center;width: clamp(3rem,3vw,5rem);aspect-ratio: 1;background: var(--mjColor);border-radius: 100%;color: #fff;font-size: .75em;transition:var(--transition)}
.islBox[data-city="澎湖縣"]{left: 0;bottom: 0;}
.islBox[data-city="金門縣"]{left: 0;top: 0;}
.islBox[data-city="連江縣"]{right: 0;bottom: 0;}
.islBox__txt{}
.islBox:hover{background: var(--mjColor-d);}

/* !地圖卡片樣式 */
.hospCard+.hospCard{margin-top: 0.5rem;}
.hospCard{position: relative;;padding:clamp(0.5rem,1vw,0.875rem) clamp(0.75rem,1vw,1rem);border-radius: 0 3px 3px 0;background: #fff;}
.hospCard::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 0.25rem;background:linear-gradient(90deg, #3E88F6 0%, var(--mjColor-d) 100%); ;}
.hospCard::after{content:"";position: absolute;right: 0;top:0;width:5rem;height: 0.25rem;background:var(--subColor);clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);}
.hospTit{display: flex;justify-content: space-between;align-items: center;font-size: 1.06rem;color:var(--mjColor);font-weight: 700;}
.hospTit__dist{color:var(--gray);font-weight: 500;font-size: 0.9em;}
.hospType{font-size: 0.93rem;font-weight:500;}
.hospDetail{padding:clamp(0.3rem,0.8vw,0.625rem) 0}
.hospDetail__item{font-size: clamp(0.875rem,1vw,1rem);font-weight:500;letter-spacing: 0;}
.hospDetail__item.--red{color:var(--red)}
.hospContact{background: var(--mjColor-lx2);padding:0.5rem 0.375rem;}
.hospContact__mbTit{display: flex;justify-content: space-between;color:var(--mjColor-d);display: none;font-weight: 500;font-size: 0.875rem;}
.hospContact__mbTit::after{content:"\F282";font-family: 'bootstrap-icons';transition: var(--transition);}
.hospContact__mbTit.open::after{transform: rotate(180deg);}
.hospContact__con{margin-top: 0.5rem;}
.hospContact__item +.hospContact__item{margin-top: 0.375rem;}
.hospContact__item{position: relative;padding-left: 2.8rem;font-size: clamp(0.875rem,1vw,0.93rem);display: flex;flex-wrap: wrap;align-items:flex-start;}
.hospContact__item a:hover{color:var(--mjColor)}
.hospContact__item::before{width: 2.4rem;;background: var(--mjColor);border-radius: 2rem;color:#fff;padding:0.1rem 0.5rem;font-size: 0.8em;text-align: center;position: absolute;left: 0;top:0}
.hospContact__item.--tel::before{content:"TEL"}
.hospContact__item.--fax::before{content:"FAX"}
.hospContact__item.--addr::before{content:"ADD"}
.goMap{display: flex;justify-content: flex-end;align-items: center;gap:0.25rem; width: fit-content; margin-left: auto;margin-top: 0.5rem;padding:0.25rem 0.875rem;background:var(--mjColor-lx2);border-radius: 1.875rem;border-bottom: 2px solid var(--mjColor);color:var(--mjColor-d);transition: var(--transition);font-weight: 500;font-size: clamp(0.875rem,1vw,1rem);}
.goMap::after{content:"\F3E7";font-family: 'bootstrap-icons';}
.goMap:hover{background:var(--mjColor-d);color:#fff}

/* popUp燈箱 */
.popUpWrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center;}
.popUpWrap .js-mask{position:absolute;left:0;right:0;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.4);}
.popUpWrap .close{cursor:pointer;position:absolute;z-index:8;right:0;top:0;width:clamp(2rem,2vw,2.5rem);aspect-ratio:1 / 1;background:var(--mjColor-d);border-radius:50%;border:none;}
.popUpWrap .close::before{content:"\F659";font-family:'bootstrap-icons';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.25em;}
.popUpWrap__inner{position:relative;;width:min(100%,30rem);padding:1rem;}

/* !滾軸樣式 */
::-webkit-scrollbar{width:.4rem;/*右側捲軸寬度*/height:.4rem;/*下方捲軸高度*/}
::-webkit-scrollbar-track {background: var(--mjColor-d ); border-radius: 2rem;overflow: hidden;}
::-webkit-scrollbar-thumb {background:var(--gray); border-radius: .5rem;border:1px solid var(--mjColor-d )}
::-webkit-scrollbar-thumb:hover {background: var(--gray); opacity: .8; transition: all .5s;}

/* !hosp-status 醫院儲備狀況表格 */
.tbWrapper{overflow-x: auto;}
.tbBox{width: 100%;/*max-height: 400px;*/}
.tbBox tbody tr:hover{background: rgba(0,0,0,0.05);}
.tbWrap{width: 100%;;border-radius: 0.5rem;/*overflow: hidden;*/min-width: 60rem;border-collapse: separate;}
.tbfun__item .hospCard{display: none;position: absolute;z-index: 8;;width: clamp(20rem,30vw,25rem);text-align: left;left: 0;bottom: 0;transform: translateY(100%);}
th.tbItem{position: sticky;top:0;z-index: 10;;background: #bbb;border-right:1px solid var(--mjColor-lx2);border-bottom: none;word-break: break-all;}
td.tbItem.--hosp{display: flex;justify-content: space-between;gap:0.5rem}
.tbItem{padding:0.5rem;font-size: 0.85rem;text-align: center;border-right: 1px solid var(--gray);border-bottom: 1px solid var(--gray);font-weight: 500;}
.tbItem:last-child{border-right: none;}
.tbItem.--red{color: var(--red);}
.tbItem.--north{background: var(--north);}
.tbItem.--central{background: var(--central);}
.tbItem.--south{background: var(--south);}
.tbItem.--east{background: var(--east);}
.tbItem.--area{white-space: nowrap;}
.tbItem.--hosp{width:clamp(12rem,20vw,17rem);align-items: center;}
.tbWrap--p1 .tbItem.--hosp{width:auto;}
.tbItem__con{display: flex;}
.tbItem__con .bx{flex:1;width: 100%;}
.tbItem__con .bx+.bx{border-left:solid 1px var(--gray-d)}
.tbItem__con .form-control-sm{max-width: 100px;font-size: .7rem;}
.tbItem__con .bx.red{font-weight:700}

.hospName{text-align: left;}
.tbfun{display: flex;gap:0.5rem;}
.tbfun__item{position: relative;width: clamp(1.25rem,1.2vw,1.625rem);aspect-ratio: 1/1;border-radius: 50%;transition: var(--transition);}
.tbfun__item::before{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-family: 'bootstrap-icons';color:#fff;font-size: clamp(0.6rem, 0.8vw, 0.8rem);}
.tbfun__item.--info{background: var(--mjColor-d);cursor: pointer;border:none}
.tbfun__item.--map{background: var(--subColor-d);}
.tbfun__item.--info::before{content:"\F646";font-size:clamp(0.8rem, 2vw, 1.05rem);}
.tbfun__item.--map::before{content:"\F3E7";}
.closeHospCard{position: absolute;z-index: 8;;right:0;top:0;transform: translate(50%,-50%);width: clamp(2rem,2vw,2.5rem);aspect-ratio: 1/1;background: var(--mjColor-d);border-radius: 50%;border:none}
.closeHospCard::before{content:"\F659";font-family: 'bootstrap-icons';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: 1.25em;}
.tbBody th.tbItem{background:var(--mjColor-lx4);border-bottom:1px solid var(--mjColor-lx2);}

.tbWrap--p1 .tbHead th.tbItem:first-child,.tbWrap--p1 .tbHead th.tbItem:nth-child(2),
.tbWrap--p3 .tbHead th.tbItem:first-child{background: var(--gray);}

/* fixed header */
.sticky-header-wrapper{position:fixed;top:0;left:2px;z-index:10;background:#bbb;display:none;overflow:hidden;;}
.sticky-header-wrapper .tbWrap.tbWrap--sticky-clone{
  width:max-content;
  min-width:0;
  table-layout:fixed;
}
.tbBox{max-width:100%;overflow-x:auto;border:1px solid #ccc;}
.tbWrap{min-width:1200px;/* 模擬需要橫向滾動 */border-collapse:collapse;}

/* 倒數六筆卡片位置調整 */
.tbBox tbody tr:last-child .tbfun__item .hospCard{transform: translateY(-0%);}
.tbBox tbody tr:nth-last-child(2) .tbfun__item .hospCard{transform: translateY(-0%);}
.tbBox tbody tr:nth-last-child(3) .tbfun__item .hospCard{transform: translateY(-0%);}
.tbBox tbody tr:nth-last-child(4) .tbfun__item .hospCard{transform: translateY(-0%);}
.tbBox tbody tr:nth-last-child(5) .tbfun__item .hospCard{transform: translateY(-0%);}
.tbBox tbody tr:nth-last-child(6) .tbfun__item .hospCard{transform: translateY(-0%);}

/*頁碼*/
.pagination{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;width:100%;margin:3rem 0;font-size:1rem;}
.pagination li:not(.show){display:none}
.pagination a{display:flex;align-items:center;justify-content:center;width:2.5rem;aspect-ratio:1;border-radius:100%;}
.pagination .on a{color:#fff;background:var(--mjColor);}
.pagination .arrow{display:flex!important;}
.pagination .arrow .no{opacity:.5;pointer-events:none}
.pagination .arrow a{display:flex;align-items:center;gap:1rem;font-size:80%;}

/*倒數時間*/
.countdown_time {font-size:20px;color:#ff5722;font-weight:400;}

/* 表單 */
.formStyle{display: flex;flex-wrap: wrap;gap: .5rem 0;}
.formStyle--bg{padding: 1rem;border-radius: .5rem;margin-bottom: 2rem;box-shadow: 0 0 .75rem rgba(0,0,0,.15);}
.formGroup{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;width:100%;padding: 0.25rem .5rem .5rem;border-bottom: solid 1px var(--gray);}
.formGroup:last-child{border-bottom:none}
.formGroup.--w50{width: 50%;}
.formGroup__tt{width: 150px;/* color: var(--mjColor-d); */font-weight: 600;}
.formGroup__txt{flex:1;display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;}
.formGroup__txt .form-control{flex:1}
.formGroup__txt .txt{font-size:.9rem;color: var(--gray-dx3);}
/* .formGroup .btnWrap{margin-top:0} */
/* 列印用格式-----------------------------------------------------------------------------------------*/
body#print{	background: #ffffff;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;color:#000000;}
body#print td{font-size: 9pt;color:#000000;}
body#print table.pp{page-break-after: always;}
body#print td.t-main1{color: #0066CC;font-size: 8pt;}
body#print td.printTxt2 {font-size: 7pt;color:#000000;}
.printTable tbody,.printTable td,.printTable tfoot,.printTable th,.printTable thead,.printTable tr {
    border-color: var(--gray-d);
    border-style: solid;
    border-width: 1px;
}
.printTitle {font-size: 12pt;font-weight: bold;}
.printTxt{font-size: 8pt;}
.printTxt2 {font-size: 7pt;color:#000000;}

/* 備註說明 */
.remarksArea{padding: .5rem 1rem 1rem;background: var(--gray-l);border-radius: 0.25rem;margin-top: 1rem;border: solid 1px var(--gray);border-top: solid .125rem var(--mjColor-d);font-size: .9rem;}
.remarksArea__tt{display: inline-flex;margin: 0 0 .5rem -1rem;padding: .5rem 3rem .5rem 1rem;background: var(--mjColor-d);clip-path: polygon(0 0, 100% 0%, calc(100% - 3em) 100%, 0% 100%);color: var(--mjColor-l);font-weight: 700;font-size: .875rem;}

.notes{padding: 1rem;background: var(--mjColor-lx5);border-radius: .5rem;font-size: .9rem;}
.notes__tt{margin-bottom: .5rem;font-weight: 700;}

/* 大類項目 */
.sortNav{display: flex;flex-wrap: wrap;gap: 1rem 0;margin-bottom: 1rem;}
.sortNav__link{display: flex;align-items: center;gap:0.5rem;padding: .25rem .75rem;color: var(--gray-dx2);font-size: 1rem;}
.sortNav__link:not(:last-child){border-right:solid 1px rgba(0,0,0,.25)}
.sortNav__link:hover,
.sortNav__link.--active{background: var(--mjColor-d);color:#fff;border:none;border-bottom: solid .25rem var(--mjColor-dx2);}

.downloadLis{display: flex;flex-wrap: wrap;gap: 1rem 0;margin-bottom: 1rem;}
.downloadLis__bx{padding: .5rem 1rem;background: var(--gray-l);border-radius: 0.25rem;border: solid 1px var(--gray);border-top: solid .125rem var(--mjColor-d);flex:1;min-width: 15rem;display: flex;justify-content: space-between;align-items: center;min-height: clamp(3em,5vw,5em);}
.downloadLis__bx:hover{background: var(--mjColor-l);}

/*共用*/
.explain_box{margin-bottom:20px;}
.required_rm{color:var(--red);}
.map_info_icon{color:#F60; font-size:10px;}
.map_info_icon_rm, .map_info_icon_rm a{color:#F60;}
.map_info_icon_rm a:hover {color:#F60;text-decoration: underline;}

@media screen and (min-width:992px) {
  /*!992===header*/
  #login.menBar__login{display: flex;gap:0.5rem;position: static;transform: inherit;}
  .menBar__login:not(#login){pointer-events:none;opacity:0}
  .menBar__login.open:not(#login){pointer-events:inherit;opacity:1}
  .menBar__login:not(#login) .login__btnStyle{flex-direction: row-reverse;margin:2rem auto 0 auto;width: min(100%, 10rem);padding:0.5rem 0.5rem 0.5rem 0.25rem;font-size: 1rem;}
  .menBar__login:not(#login) .login__btnStyle::before{color: #fff;}
  .menBar__login:not(#login) .login__btnStyle::after{transform: translateX(-10%);}
  
}
@media screen and (max-width:1600px) {
  /*!1600==qSearch*/
  .checkGroupWrap{--num:4;}
}

@media screen and (max-width:1280px) {

  /* 1280==以下側選單預設收起 */
  .pgContent{margin-left: 0;width:100%;padding:0 0.5rem}
  .pgContent .logoPic{opacity: 1;}
  .sidebar{top:var(--headerH)}
  .sideNavWrap{width: min(100vw, 18rem);height: calc(100vh - var(--headerH));top: 0;background: var(--g1); border-radius: 0 1rem 0 0;padding:3rem 1.25rem ;}
  .sideNavWrap .logo{display: none;}
  .sidebar:before{width:12rem ;bottom:0}
  .navbar-toggle{top:clamp(1.5rem, 3vw, 3rem) }

  /*!1280==qSearch*/
  .checkGroupWrap{--num:2;}

  /*!1280==footer */
.copyright{text-align: center;}

}
@media screen and (max-width:991px) {
  /* 模組 */
  .pc-none{display: block;}

  /*!991==header */
  .pgContent .logoPic{/*height: 3.5rem;*/transform: translateX(-1rem);}
  .menuBar_item.--login{display: block;}
  .menuBar_item.--btn{background: var(--subColor);border-radius: 0.2rem;padding: 0.2rem 0.4rem;}
  .loginItem+.loginItem{margin-top: 1rem;}
  .loginItem__tit{width: 6rem;font-size: 1rem;}
  .loginItem__input{width: 100%;}

  .menBar__login{pointer-events:none;opacity:0}
  .menBar__login.open{pointer-events:inherit;opacity:1}
  .menBar__login .login__btnStyle{flex-direction: row-reverse;margin:2rem auto 0 auto;width: min(100%, 10rem);padding:0.5rem 0.5rem 0.5rem 0.25rem;font-size: 1rem;}
  .menBar__login .login__btnStyle::before{color: #fff;}
  .menBar__login .login__btnStyle::after{transform: translateX(-10%);}
  
  .navbar{padding-right: 0;}
  .navbar-brand{margin-right: 0;}
  

  /*!991==全頁佈局*/
  .container.--main{position: relative;;padding:2.2rem 1.125rem 2rem 1.125rem;}
  
  .navbar-toggle{padding:0.5rem;top:-0.5rem}

  /* !992==側選單 */
  .sideNavWrap{padding: 1.25rem;}
  .sideNav{padding-bottom: 3rem;}

  /* !992==首頁地圖 */
  .googleMap{max-height: clamp(12rem,15vw,15rem);}
  .mapBox__fm{flex-direction: column;width: calc(100% - 14rem - 1.25rem);}
  .mapResult{display:flex;width:auto;overflow-y:initial;overflow-x:scroll;margin-left:0;margin-top: 1rem;max-height: max-content;height: auto;}
  .hospCard+.hospCard{margin-top: 0;margin-left: 0.5rem;}
  .hospCard{min-width: clamp( 18rem,20vw,20rem);}

}

@media screen and (max-width:768px){

  /*!768==RWD編輯器表格(X捲軸)*/
  .tableContainer{width:100%;overflow-x:scroll;overflow-y:auto;overflow:auto;margin:0 0 1em}

  /* !768==首頁地圖 */
  .twShap{display: none;}
  .mapBox__fm{width: 100%;}
  .mapResult{flex-direction: column;}
  .hospContact__mbTit{display: flex;}
  .hospContact__con{display: none;}
  .hospCard+.hospCard{margin-top: 0;margin-left: 0rem;margin-top: 0.5rem;}

  /* !768==qSearch */
  .qSearch::before{background-size: auto 25%;}
  .formBox{flex-wrap: wrap;}
  .formBox .titleSy02{width: 100%;}
  .formBox_con.--inline{flex-wrap: wrap; justify-content: center;}
  .formBox_con .form-item{width: 100%;}
  .formBox_con .form-item +.form-item{margin-left: 0;margin-top: 0.5rem;}
  .formBox .srchBtn{margin-top: 1rem;}
  .controlCheck{justify-content: center;}
  .controlCheck__item{width: 100%;text-align: center;}

  /*!footer*/
  .ftNav__item{flex:1}
}


@media screen and (max-width:640px){/* !640==回頂端*/
  /* #goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee} */

  /*!640== qSearch */
  .checkGroupWrap{--num:1;}


  /*!640==側邊欄 */
  .sidebar{top:0;}
  .sideNavWrap,.sidebar{min-height: 100vh;}
  .navbar-toggle{top:calc(var(--headerH) - 0.5rem)}
  .sideNav{overflow-y: unset;margin-bottom: 4rem;}
  .sideNavWrap{overflow-y: auto;padding: 0 1.25rem}

  /*!640==hosp-status 醫院儲備狀況表格 */
  .tbWrap th,.tbWrap td{padding:0.8rem 0.5rem;}

}