@charset "utf-8";

/* CSS Document */
body{font-family:'Raleway','Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;padding-top: var(--headerH);}
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:before{content:'';position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;backdrop-filter:blur(0.25rem);pointer-events:none;opacity:0;transition:0.3s all;}
body:has(.navbar-toggler.open){overflow:hidden;}
body:has(.navbar-toggler.open):before{opacity:1;pointer-events:all;}
body.page-fade::after {opacity: 1;}
a{color: #333;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}

dl, ol, ul {/* padding: 0; */}
figure{margin: 0;}
li:not(:last-child,.nav-item){margin-bottom:0.5rem;}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

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

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }


/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
	.table-container{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*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{
	--bg:#F8F8F8;
	--mainColor:#184494;
	--mainColorD: #012A74;
	--subColor:#FEC702;
	--gradient-1:linear-gradient(124deg, var(--mainColor) 24%, var(--mainColorD) 85%);
}


/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:2rem 0;}

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

/* 標題 */
.titleBox{line-height: 1.25;margin-bottom: clamp(1.5rem,1.8vw,3rem);}
.titleBox--center{text-align: center;}
.mainTitle{font-size: clamp(1.625rem,4vw,2rem);font-weight: 500; letter-spacing: .2rem;}
.mainTitle--small{font-size:clamp(1.125rem,3vw,1.75rem);}
.mainTitle--mult{display: flex;flex-direction: column;}
.mainTitle--mult .txt:nth-child(2){padding-left: clamp(1.5rem,4vw,4rem);}
.mainTitle--line{position:relative;padding-bottom:1rem;margin-bottom: 1.625rem;}
.mainTitle--line:after{content:'';position:absolute;width:1.625rem;height:2px;background:var(--subColor-2);bottom:0;left:0;}
.subTitle{font-size: clamp(1.125rem,1.4vw,1.25rem);font-weight: 500;color: var(--mainColor);opacity: 0.5;padding-bottom: 0.5rem;letter-spacing: 0.2rem;}
.subTitle--about{color: var(--subColor);opacity: 1;}
.subTitle .txt{margin-right: -0.2rem;}

/* 大標左至右出現動畫 */
.titleAnimate {-webkit-animation-name: titleAnimate;animation-name: titleAnimate;}
@keyframes titleAnimate {
	  0% {clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
	100% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
}

/* header */
.menuBar .bi{display:none;}

/*banner*/
.bannerTitle{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.banner--wrapper{display:flex;position: relative;}
.banner--wrapper:after{content:'';position:absolute;width:100%;height: 50%;background: var(--mainColor);z-index:-1;left:0;bottom:0}
.bannerLeft{width: 100px;position: relative;}
.bannerLeft:after{content:'Copyright © 2025 國立政治大學國際金融學院';position: absolute;transform: translateX(3rem) rotate(90deg);transform-origin: left;transition: 0.3s all;font-size: 0.75rem;font-weight: 500;letter-spacing: 0.15rem;color: #aaaaaa;white-space: nowrap;top: 25%;left: 0;}
.banner{width:calc(100% - 100px);font-family:'Noto Sans TC',sans-serif;}
.bnCover__pic{width:100%;aspect-ratio: 1820/685;object-fit: cover;}
.banner.slick-dotted.slick-slider{width:calc(100% - 100px);}
.banner__box[href="javascript:;"]{cursor:default;}

/* .banner .banner__box{min-height: 60vw;}
.banner .banner__box img{width:100%;height:100%;object-fit:cover;} */

.bannerProcess{position:absolute;height: clamp(80px,5vw,100px);bottom:0;right:0;z-index: 5;padding: 2.5rem;display: flex;align-items: center;margin: 0;list-style: none;}
.bannerProcess span{display: block;width: 3.75rem;height: 2px;background-color: rgba(255,255,255,0.3);transition: all 0s linear;position: relative;overflow: hidden;margin-right: 1.125rem;}
.bannerProcess span:after{content:'';position:absolute;left:0;top:0;width: 0;height:2px;background:#fff;}
.bannerProcess span.active:after{animation: processAnim forwards 5s;}
.bannerProcess li{opacity:0;position: relative;transition:0.3s all;color:#fff;left: 0;top: 0;/* display: none; */width: 0;font-family: 'Raleway',sans-serif;}
span + .bannerProcess li{margin-left:1.125rem;}
.bannerProcess li.slick-active{opacity:1;display: block;width: auto;}
@keyframes processAnim{
	0%{width:0;}
	100%{width:3.75rem;}
}
.actvie.bannerProcess{width:3.75rem;}

.bannerTitle{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.pgBanner{position: relative;background-size: 100%;background-repeat: no-repeat;background-attachment: fixed;z-index: 10;overflow: hidden;}
.pgBanner:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(135deg, rgb(244 244 244 / 50%), rgba(255, 255, 255, 0.3));left:0;bottom:0;z-index:-1;}
.pgBanner__title{height: clamp(120px,20vw,220px);display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;z-index: 1;}
.pgBanner__title__mj{margin-bottom:0;font-size: clamp(1.75rem,2.6vw,2.75rem);font-weight: 500;letter-spacing: 0.05em;text-shadow: 0 0 1rem rgba(255,255,255,0.85),0 0 0.75rem rgba(255,255,255,0.85);}
.pgBanner__title__en{position:absolute;font-size: clamp(3rem,12vw,8rem);font-weight: 700;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;text-shadow: 0 1.5rem 1.125rem rgba(0, 0, 0, 0.15);z-index: -1;text-transform: uppercase;opacity: 0.5;}


/* 麵包屑 */
.breadCrumb--wrapper{padding: 1rem 0;}
.breadCrumb--wrapper .container{overflow:hidden;}
.breadCrumb{list-style:none;padding:0;margin:0;display:flex;align-items: center;flex-wrap: wrap;}
.breadCrumb__item{position:relative;margin: 0!important;}
.breadCrumb__item__link{padding:0 0.625rem;position:relative;}
.breadCrumb__item:first-child{opacity:0.75;font-size: 1.25rem;}
.breadCrumb__item:first-child .breadCrumb__item__link{padding-left:0;}
.breadCrumb__item + .breadCrumb__item:after{content:'';position:absolute;width: 0.5rem;aspect-ratio:1;background:var(--subColor);left:0;top: 0.45rem;transform: translate(-50%,0%);border-radius: 100rem;}
.breadCrumb__item:last-child .breadCrumb__item__link{color:var(--mainColor);}
.breadCrumb__item:hover .breadCrumb__item__link{color:var(--mainColor);}

/* sideNav */
.navbar-toggle{display: none;}
.sideBox{--menuW: clamp(12rem,18.5vw,20rem);display:flex;align-items: flex-start;}
.sideNav{list-style: none;padding: 0;margin: 0;}
.sideNavTit{font-weight:700;font-size: clamp(1.125rem,1.2vw,1.25rem);display: inline-block;color: transparent;background: var(--gradient-1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 0.75rem;letter-spacing: 0.05em;}
.sideNavLink{padding: 0.625rem 0.5rem;display: inline-block;}
.active.sideNav__item .sideNavLink{background-color:var(--mainColor);color:white;font-weight: 500;}

.sideNavLink{display: block;padding: .75rem 2rem;/* color: var(--mainColor); */font-size: 1.125rem;}
.sideNav__item--active .sideNavLink{background: var(--mainColor);color: #fff;}
.sideNav__item__List{border-left:solid 1px var(--mainColor);padding:0 1rem; margin:0 1rem;}
.sideNav__item__List li{padding: 0.625rem 0.5rem;}
.sideNav__item__List li::marker{content: none;padding: 0;margin: 0;}
.sideNav__item__List a.active{color:var(--mainColorD);}
.sideNav__item__List a:hover, .sideNav__item__List a:active{color:var(--mainColor);}

/* tabNav */
.tabControl{display: flex;gap: .5rem;flex-wrap: wrap;}
.tabControl--pt{padding-top:1rem;}
.tabNavLink{position:relative;padding: 0.5rem 1rem;color: var(--mainColor);border: solid 1px var(--mainColor);transition: 0.3s all;display: inline-block;}
.tabNavLink:hover, .tabNavLink.active{background-color: var(--mainColor);color: white; transition: 0.3s all;}


/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btnWrap--start{text-align:left;}
.btnStyle{display:inline-block;}
.btnStyle:not(.btnStyle--btn):hover .txt:before{background: var(--mainColor);box-shadow: 0 0 0 0.75rem rgb(23 44 83 / 15%);filter: brightness(2);}
.btnStyle .txt{position: relative;display:flex;align-items: center;gap: 1rem;letter-spacing: 0.25em;color: var(--mainColor);flex-direction: row-reverse;}
.btnStyle.--back .txt{flex-direction:row;}
.btnStyle .txt:before{content: '\F138';font-family: bootstrap-icons !important;aspect-ratio: 1;border-radius: 100rem;background: var(--mainColor);width: 3rem;color: #fff;display: flex;justify-content: center;align-items: center;transition: 0.3s all;}
.btnStyle.--back .txt:before{transform: rotate(180deg);background: rgba(255,255,255,0.15);}
.btnStyle--btn{background: var(--gradient-1);border-radius:100rem;color:#fff;padding: .5rem 1rem .5rem .5rem;position: relative;overflow: hidden;z-index: 0;}
.btnStyle--btn .txt,.btnStyle--btn:hover .txt{color:#fff;letter-spacing:0}

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


/* 共用 */
.contentBox{display: flex;gap: 1.5rem;align-items: center;justify-content: space-between;/* padding: 2rem 0; */}
.contentBox:only-child .contentBox__txt, .contentBox:only-child .contentBox__pic{width:100%;}
.contentBox__txt,.contentBox__pic{width:50%;}
.contentBox__txt{ display: flex;flex-direction: column;}
.vdBox iframe{width:100%;aspect-ratio:16/9;}
.dtVideo { aspect-ratio: 16 / 9;}

/* slick */
.slickDot{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.slickDot li{display:flex;margin: 0;}
.slickDot li button{border:none;color: transparent;width: 0.75rem;height: 0.75rem;background: var(--subColor);border-radius: 100rem;line-height: 1;margin: 1rem 0.25rem;opacity: 0.2;transition: 0.3s all;}
.slickDot li button:focus-visible{outline:none;}
.slickDot li.slick-active button{opacity:1;width:2.625rem;}


/*社群分享按鈕*/
.shareZone{display: flex;justify-content: flex-end;gap: 0.5rem;align-items: center;margin-bottom: 1rem;padding-top: 1rem;}
.fb-share-button{display:flex;}
.shareBtn{border-radius:3px;}
.shareBtn a{display: inline-block;font-size:0.75rem;padding: 1px 0.562rem;display:flex;align-items: center;font-weight: 700;color: #fff;}
.shareBtn a:hover{color:#fff;}
.linkedIn-button,.sharePBtn--linkedIn:hover{background:#0a66c2;}
.linkedIn-button:hover{background: #09539d;}
.twitter-button,.sharePBtn--twitter:hover{background: #000;}
.sharePBtn--wechat:hover,.open.sharePBtn--wechat{background:#02bf31;}
.twitter-button:hover{background: #323232;}
.fb-button,.sharePBtn--fb:hover{background:#1877f2;}
.fb-button:hover{background: #1467d3;}
.line-button,.sharePBtn--line:hover{background:#06c755;}
.line-button:hover{background: #05b34d;}
.shareBtn .bi{position: relative;/* top: 1px; */padding-right: 0.125rem;}
.bi-twitter::before{content: ''!important;background: url("data:image/svg+xml,%3Csvg width='1200' height='1227' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026zM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026z' fill='%23fff'/%3E%3C/svg%3E")center/cover;width: 0.75rem;aspect-ratio: 1;}
.sharePBtn--twitter .bi-twitter::before{width:1.25rem;}


/* article */
.articleTop{border-bottom: 1px solid #ccc;padding-bottom: 0.5rem;}
.articleTop__date{color:var(--mainColor-2);font-weight:500;}
.articleTxt{margin-bottom: 1rem;/* border-bottom: 1px dashed #ccc; */padding-bottom: 1rem;font-size: 1.075rem;}
.articleLink--wrapper{padding:1rem 0;margin-bottom:1rem;}
.articleLink{display:flex;flex-direction:column;}
.articleLink__item{background: #fbebdc;padding: 0.5rem;padding-left: 2rem;position: relative;border-bottom: 1px solid #fff;}
.articleLink__item:before{content:'';position:absolute;width: 0.5rem;aspect-ratio: 1;background: var(--subColor);left: 1rem;top: 50%;transform: translate(0,-50%);border-radius: 100rem;transition: 0.3s all;}
.articleLink__item:after{content:'\F1C5';display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;margin-left: 0.5rem;font-size: 0.875rem;}
.articleLink__item:nth-child(even){background: #fdf6f0;}
.articleAlbum--wrapper{padding:1rem 0;}
.articleAlbum{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem;}
.artCover{overflow:hidden;background:var(--mainColor-2);position: relative;}
.artCover__pic{transition:0.3s all;aspect-ratio: 3/2;object-fit: cover;}

/* header */
.dropdown-toggle::after{content: none;}
.navbar{background: #fff;/* padding-top: calc(0.5rem + 5px); */z-index: 100;} 
.navbar.navbar--fixed,.navbar.fixed{box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.15);}
.navbar .container{width: calc(100% - 200px);max-width: 100%;padding: 0;}
.navbar-brand{padding:0;}
.logo{margin-bottom: 0;display: flex;gap: clamp(0.25rem,0.5vw,0.5rem);align-items: center;position: relative;z-index: 10;padding: .5rem 0;}
.logo__pic{width: clamp(200px,25vw,240px);object-fit: cover;}
.navbar-nav{display:flex;align-items: center;gap: 0.5rem clamp(0.625rem,0.8vw,1.5rem);line-height: 1.5;}
.nav-link{font-weight:500;color:#333;font-size: 1rem;}
.nav-item--btn{display: flex;gap: .5rem;}
.nav-item--btn a{width: 2.5rem; aspect-ratio: 1 / 1; text-align: center;border:solid 1px var(--mainColor); border-radius:100rem;color:var(--mainColor); /*padding: 0.75rem!important;*/}
.nav-item--btn a:hover{color:#fff;}
.nav-item--btn i{font-size:1.25rem;position: relative;top: 1px;}
.nav-link:focus, .nav-link:hover{color: var(--mainColor);}
.nav-item--btn .nav-link:hover, .nav-item--btn .nav-link.active{background:var(--mainColor);color:#fff} 

/*-header-手機按鈕*/
.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.375rem;aspect-ratio: 3/2;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem 0;align-items: center;z-index: 10;}
.navbar-toggler__line{width: 1.25rem;height: 1px;background: var(--mainColorD);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform: translateY(0.4rem) 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);}
.navbar-toggler:focus{box-shadow:none;}

/* 首頁 關於我們  ixAbout*/
.blockHeight--ixAbout{overflow: hidden;position: relative;}
.blockHeight--ixAbout::before {content: ""; display: block; width: 100%; height: 43%; background-color: var(--mainColor); position: absolute;}
.ixAboutBox--wrapper{margin-left: calc((100% - var(--container)) / 2);/* margin: auto; */}
.ixAboutBox{display:flex;width: 100%;justify-content: space-between;/* gap: 5%; */}
.ixAboutBox .txt--white{color:white ;}
.ixAboutBox__infor{width: 45%;margin-right: clamp(1.5rem,3vw,3.125rem);/* padding-left: 12%; */}
.ixAboutBox__img{width: 50%;position: relative;}
.ixAboutBox__img .ixAboutCover{position: absolute;}
.ixAboutCover--vert{right: 0;top: -20%;}
.ixAboutCover--horiz{top: -5%;right: 25%;}
.abContent{/* max-width:600px; */margin: 4rem 0 clamp(2rem,3vw,4rem);}
.abSlogan{display:flex;font-size:clamp(4rem,8rem,7.5rem);font-weight: 700;color: white;opacity: 0.12;text-transform: uppercase;letter-spacing: 0.1em;white-space: nowrap;}
.abSlogan__txt{animation: moveTxt 60s linear infinite;padding: 0 2vw;}
.abSlogan__copy{animation: moveTxt2 60s linear infinite;animation-delay: -30s;padding: 0 2vw;}
@keyframes moveTxt{
	from{transform: translateX(100%)}
	to{transform: translateX(-100%)}
  }
@keyframes moveTxt2{
	from{transform: translateX(0%)}
	to{transform: translateX(-200%)}
}

.ixAboutCover{margin:0;position: relative;overflow: hidden;}
.ixAboutCover__pic{position:relative;opacity: 0;transition: 0.3s all;}
.ixAboutCover--vert .ixAboutCover__pic{transition-delay: 0.75s;}
.ixAboutCover--horiz .ixAboutCover__pic,.ixAboutCover--square .ixAboutCover__pic{transition-delay: 1.25s;}

.ixAboutCover:after{content: '';position: absolute;bottom: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: translate(-101%,0);transform: translate(-101%,0);background: var(--subColor);z-index: 1;}
.animated.ixAboutCover:after{animation:move_go 1500ms 100ms cubic-bezier(0.77,0,0.175,1);}
.animated.ixAboutCover .ixAboutCover__pic{opacity:1}
.animated.ixAboutCover--vert:after{animation-delay: 0.25s;}
.animated.ixAboutCover--horiz:after,.animated.ixAboutCover--square:after{animation-delay: 0.75s;}
@keyframes move_go {
	0%{-webkit-transform:translate(-101%,0);transform:translate(-101%,0)}
	42%,58%{-webkit-transform:translate(0,0);transform:translate(0,0)}
	100%{-webkit-transform:translate(101%,0);transform:translate(101%,0)}
	}
@-webkit-keyframes move_go {
	0%{-webkit-transform:translate(-101%,0);transform:translate(-101%,0)}
	42%,58%{-webkit-transform:translate(0,0);transform:translate(0,0)}
	100%{-webkit-transform:translate(101%,0);transform:translate(101%,0)}
}

#num{display: none;}
.abDataBox{display: flex;gap: 1rem 3rem;padding-bottom: 1rem;flex-wrap: wrap;}
.abDataBox__num__num{font-weight:700;font-size:clamp(1.625rem,3vw,3rem);font-family:'Noto Sans TC',sans-serif;color:var(--subColor);}
.counting--more{font-size:1rem;font-weight:400;}
.abDataBox__num__txt{font-size:0.875rem;font-weight:500;letter-spacing:0.1em;}
.abDataBox__num + .abDataBox__num{position:relative;}
.abDataBox__num + .abDataBox__num:before{content:'';position:absolute;width:1px;height:2rem;background:#ddd;top:50%;left:-1.5rem;transform:translateY(-50%);}


/* 首頁 公告與報導 newsList */
.blockHeight--ixNews{padding-bottom: 4rem;position: relative;overflow: hidden;}
.blockHeight--ixNews::before{content:'';display: block;position:absolute;background: url(../images/index/deco-bg.png);left: 0;top: -30%;aspect-ratio: 5/3;width: 50%;pointer-events: none;z-index: -1;}
.blockHeight--ixNews::after{content:"";display: block;width: 100%;height: 80%;background-color: #fec7021a;position: absolute;transform: translateY(-15rem);z-index: -1;}
.newsList{margin-bottom:0!important;}
.newsList .slick-list{margin: 0 -1rem;}
.newsList__item{overflow: hidden;}
.newsListSlick .newsList__item{ margin: 1rem;}
.newsList__item .txtBox{/* position: relative; */display: flex;flex-direction: column;justify-content: space-between;gap: 1.5rem;background-color: white;padding: 1.5rem 1.25rem;transition: all .5s;}
.newsList__item .newsTag{position: absolute; transform: translate(0px, -120%); padding: .25rem .75rem; background-color: var(--mainColor); color: white;opacity: .9; transition: all .5s;} 
.newsList__item .newsTit{font-size: clamp(1rem,1.2vw,1.25rem);font-weight: 500;margin: clamp(0.35rem,1.2vw,1rem) 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: clamp(3rem,3vw,3.75rem);}
.newsList__item time,.dateTxt{display: block;color: var(--mainColor);position: relative;font-weight: 500;letter-spacing: .2rem; text-align: end;transition: all .5s;}
.newsList__item time::before{content:"";display: block;width: calc(100% - 3.75rem);border-bottom:solid 1px var(--mainColor);position: relative;transform: translateY(.75rem) translateX(-4.5rem);transition: all .5s;}
.newsList__item .picBox{overflow: hidden;width: 100%;aspect-ratio: 420/280;}
.newsList__item .picBox img{height: 100%;transform: scale(1,1);transition: all .5s;aspect-ratio: 420/280;object-fit: cover;}
.newsList__item:hover .picBox img{transform: scale(1.1,1.1);transition: all .5s;}
.newsList__item:hover .txtBox{background-color: var(--mainColorD); color:white;transition: all .5s;}
.newsList__item:hover .newsTag{background-color:white ; color:var(--mainColorD);transition: all .5s;}
.newsList__item:hover time{color: white;text-align: start;transition: all .5s;}
.newsList__item:hover time::before{border-bottom:solid 1px white;transform: translateY(.75rem) translateX(9rem);transition: all .5s;}

.newsList__item.--list{display: grid;grid-template-columns: clamp(8rem,10vw,12rem) 1fr;padding-bottom: 1rem;border-bottom: 1px solid #ddd;margin-bottom: 1rem;}

/*about*/
.abBlock{padding: 1rem 0;}
.aboutList{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 3rem;}
.aboutList__item{display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem;align-items: center;}
.abListCover{border-radius: var(--borderR);position: relative;--borderR: 0.5rem;}
.abListCover:after{content:'';position:absolute;width:100%;height:100%;background: var(--subColor);--pos:0;left: var(--pos);top: var(--pos);z-index: -1;border-radius: var(--borderR);transition: 0.3s all;transition-delay: 1s;}
.animated.abListCover:after{--pos:0.25rem;}
.abListCover__pic{width:100%;border-radius: var(--borderR);}
.abBlock__team{list-style: none;margin: 0;padding: 0;display: flex;gap: clamp(2.5rem,4vw,4rem) 2rem;padding: 1rem 0;flex-wrap: wrap;}
.abTeamCover{border-radius:100rem;margin-bottom:0;text-align: center;position:relative;}
.abTeamCover__tt{position:absolute;left:0;top:0;}
.abTeamInfor{padding:0.625rem 0;}
.dotList li{padding-left:1.25rem;position:relative;}
.dotList li:before{content:'';position:absolute;width:0.375rem;aspect-ratio:1;background:var(--mainColor);left:0.25rem;top:0.5rem;}
.abListTxt__tt{margin-bottom: 1.25rem;padding-bottom: 0.5rem;position:relative;font-size: 1.25rem;letter-spacing: 0.08em;}
.abListTxt__tt:after{content:'';position:absolute;width:2rem;height: 0.125rem;background:var(--mainColor);left:0;bottom:0;}
.dotList{list-style:none;padding-left: 0.5rem;}
.abOrgan{display:flex;flex-direction:column;gap: 1.5rem;}
.abOrgan__tt{font-size:1.25rem;font-weight:500;margin-bottom: 0.5rem;border-bottom: 1px solid #ddd;letter-spacing: 0.05em;}
.abOrgan__ct{padding-left:1rem;}
.nameBox{margin: 0 0.5rem;background: rgb(254 199 2 / 25%);padding: 0.25rem 0.5rem;font-weight: 500;}

/* newsList */
.pgNews .newsList{--num:3;display: grid; grid-template-columns: repeat(var(--num),1fr);}
.pgNews .newsList__item .txtBox{background-color: rgba(24, 68, 148, 0.05);}
.pgNews .newsList__item:hover .txtBox{background-color: var(--mainColorD); color:white;transition: all .5s;}
.pgNews .newsList {gap: 1.5rem;}

/* teamList */
.pgTeam .teamList{display: grid; grid-template-columns: repeat(2,1fr);gap: 1.5rem;}
.pgTeam .teamList__item{--imgW: clamp(6.25rem,35vw,10rem);display: flex;margin: 0rem;position: relative;}
.pgTeam .teamList__item::before{content:'';display: block;width: 80px;height:80px;background-color: var(--mainColor);  position: absolute; transition: all .5s; z-index: -1;}
.pgTeam .teamList__item:hover::before{transform: translate(-.5rem, -.5rem); transition: all .5s;}
.teamList__item .txtBox{background-color: rgba(24, 68, 148, 0.05);display: flex;flex-direction: column;width: calc(100% - var(--imgW));transition: all .5s;}
.teamList__item .picBox{width:var(--imgW);margin: 0;overflow: hidden;}
.teamList__item .picBox img{/* transform: scale(1.05); */transition: all .5s;width: 100%;height: 100%;aspect-ratio: 480/720;object-fit: cover;}
.teamList__item:hover .picBox img{transform: scale(1.1);transition: all .5s;}
.teamList__item:hover .txtBox{background-color: rgba(24, 68, 148, 0.1);transition: all .5s;}
.infoList{padding:.5rem 1rem;}
.infoList .bi{font-size: 1rem;margin-right: .5rem; border-radius: 100rem; color: var(--mainColor);opacity: .8;}
.infoList__item{border-bottom:dashed 1px lightgray;padding: 0.5rem 0;}
.infoList__item.name{font-size: 1.25rem; color: var(--mainColor);font-weight: 500;}

/* 底層頁 */
/* .layoutEven .tx01:nth-child(even)  .contentBox{flex-direction: row-reverse;}
.layoutEven .tx01:first-child .contentBox, .layoutEven .tx01:last-child .contentBox{flex-direction: column-reverse;}
.layoutEven .tx01:last-child .contentBox{flex-direction: column;}
.productDt .layoutEven .tx01:first-child .contentBox, .productDt .layoutEven .tx01:last-child .contentBox{flex-direction: row;}
.layoutEven .tx01:first-child .contentBox .contentBox__txt, .layoutEven .tx01:first-child .contentBox .contentBox__pic {width:100%;}
.layoutEven .tx01:last-child .contentBox .contentBox__txt, .layoutEven .tx01:last-child .contentBox .contentBox__pic {width:100%;}
.layoutEven{margin-bottom:1rem;} */
/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom:1rem;}
.text{padding:1rem 0;}
.text--0{padding: 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent 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 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
/*檔案下載*/
.dataDl{--bR:0.5rem;margin-top: 2rem;}
.dataDl__tt{padding: 0.625rem 1rem 0.5rem;background:var(--mainColor);color:#fff;font-size:1.125rem;letter-spacing:0.15em;font-weight:500;border-radius: var(--bR) var(--bR) 0 0;}
.dataDl__ct{display: flex;flex-direction: column;background: var(--bg);padding: 0.5rem 0;border-radius: 0 0 var(--bR) var(--bR);}
.dataDl__ct__item{position: relative;padding:0.5rem 1rem;padding-left: 2.375rem;}
.dataDl__ct__item:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.5);}
.dataDl__ct__item:after{content:'\F38A';position:absolute;font-family: bootstrap-icons !important;left: 1rem;top: calc(0.375rem + 1px);color: #dc3545;}

/* faqList */
.pgFaq{}
.faqList{}
.faqList__box{--line-size: calc(-1 * 2px);--line-bg-size: 1%;--line-color1: var(--mainColor);--line-color2: #ccc;position:relative}
.faqList__box::before{content:'';position:absolute;z-index: -1;left:var(--line-size);right: var(--line-size);top: var(--line-size);bottom: var(--line-size);background: linear-gradient(135deg, var(--line-color1) 0%,var(--line-color1) var(--line-bg-size),var(--line-color2) var(--line-bg-size),var(--line-color2) 100%);border-radius: .4rem;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.faqList__box+.faqList__box{margin-top: 2rem;}
.faqHeader{display: flex;justify-content: space-between;/* gap: 1rem; */background: var(--bg);border-radius: .25rem;cursor: pointer;}
.faqHeader::before{content: 'Q‧';display: flex;align-items: center;padding: 0.5rem 1rem;font-size: 1.75rem;font-weight: 500;}
.faqHeader::after{content: "\f64d";font-family: bootstrap-icons !important;font-size: 1.5rem;display: flex;align-items: center;justify-content: center;width: 4rem;/* background: var(--mainColor); *//* color: var(--mainColor); */border-left: solid 2px var(--line-color2);}
.faqHeader__tt{flex: 1;display: flex;align-items: center;margin: 0 auto 0 0;padding: 1.25rem 0;font-size:1.25rem;}
.faqBody{position: relative;padding: 1.5rem 1rem;padding-left: 5rem;background: #f1f1f1;border-radius: 0 0 .25rem .25rem;}
.faqBody::before{content:'A';position: absolute;top: 1rem;left: 2rem;display: flex;align-items: center;font-size: 1.75rem;font-weight: 500;}
.faqBody::after{content:'';position:absolute;right:0;top:0;width:100%;height: 2px;background: linear-gradient(to right, rgb(24 68 148 / 0%) 30%, var(--mainColor) 90%);}
.faqList__box--isOpen{--line-size: calc(-1 * 2px);--line-bg-size: 15%;--line-color1: var(--subColor);--line-color2: var(--mainColor);}
.faqList__box--isOpen::before{}
.faqList__box--isOpen .faqHeader{position: relative;z-index: 1;border-radius:.25rem .25rem 0 0;box-shadow: 0 .5rem 1.5rem -1rem rgba(0, 0, 0, 0.15);}
.faqList__box--isOpen .faqHeader::after{content: "\F63B";color:var(--mainColor)}

/* 法規與表單 */
.pgDownload{}
.dlList{--gap:2rem;display: flex;flex-direction: column;gap: var(--gap);}
.dlList__box{position: relative;display: block;/* box-shadow: 0 .5rem 1.5rem -1rem rgba(0, 0, 0, 0.15); *//* background: rgba(24, 68, 148, 0.05); */}
.dlList__box::before{content:'';position:absolute;left:0;right:0;bottom: calc(-1 * (var(--gap) / 2));height: 1px;background: #000;opacity: .1;}
.dlList__box::after{content:'';z-index: -1;position:absolute;right:0;/* top:0; */bottom: calc(-1 * (var(--gap) / 2));width:0;height: 1px;background:var(--gradient-1);-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.dlList__box .infoBox{display:flex;align-items:center;justify-content:space-between;padding: 0.5rem 1rem;}
.dlList__box .infoBox::after{content:'';content: "\f64d";font-family: bootstrap-icons !important;font-size: 1.25rem;}
.dlList__box .infoBox__tt{flex: 1;margin: 0;font-size:1.25rem}
.dlList__box[target="_blank"] .infoBox::after{content:'\F1C5'}
.dlList__box:hover{color:var(--mainColor)}
.dlList__box:hover::after{width:100%;left:0}

/* footer */
footer{background: var(--bg);}
.ftInfoBox, .copyrightContent{display: flex;justify-content: space-between;align-items: center;}
.ftInfoBox{padding: 4rem 0;}
.ftInfoBox .logo{max-width: clamp(320px,20vw,360px);width: 100%;}
.ftInfoContent, .ftInfoContent__txt{display: flex; flex-direction: column;}
.ftInfoContent{gap: 2rem;}
.ftInfoContent__txt{list-style: none;padding: 0;}
.ftInfoContent__txt a{cursor:default;}
.copyright{border-top: solid 1px rgb(51 51 51 / 15%);}
.copyrightContent{font-size: 0.9rem; padding: 1rem 0;}
.copyright .socialIcon{display: flex; align-items: center;gap: .5rem;}

/*招生資訊*/
.inforList{display:flex;flex-direction:column;}
.inforList__item{display: grid;grid-template-columns: clamp(8rem,10vw,12rem) 1fr;padding: 1rem 0;border-bottom: 1px solid #ddd;}
.inforList__item__txt{padding: 0 1rem;}
.ListTt{font-size: clamp(1.125rem,1.2vw,1.25rem);font-weight:500;margin-bottom:0.25rem}
.ListBrief{margin-bottom: 1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;opacity: 0.8;}
.dateTxt{text-align:right;color: var(--mainColor);}
.cover{overflow:hidden;}
.cover__pic{transition:0.3s all;width: 100%;aspect-ratio: 420/280;object-fit: cover;}
.inforList__item:hover{background:rgba(24, 68, 148, 0.05);}
.inforList__item:hover .cover__pic{transform:scale(1.08);}

/*!location*/
.hlTxt{background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,0.1) 30%);}
.locBoxWrap{display: flex;flex-direction: column;}
.locBox{padding: 1rem 0;}
.locBox__list{margin-bottom:0;padding-left: 2rem;}
.locBox__text{padding:1rem 0;}
.locBox__text__ct{margin-bottom:0.25rem;}
.locBox__textList{list-style: cjk-ideographic;padding-left: 2.5rem;margin: 0;}
.locBox__textList li:not(:last-child){margin-bottom:0.5rem;}
.locBox__map iframe{width:100%;aspect-ratio:16/9;}

.dialogTxt{--lt:0.15em;background:var(--subColor);display:inline-block;padding: 0.25rem 1rem;padding-right: calc(1rem - var(--lt));margin-bottom:1rem;position:relative;font-weight: 550;font-family:'Noto Sans TC',sans-serif;font-size: clamp(1.125rem,1vw,1.375rem);letter-spacing: var(--lt);}
.dialogTxt:after{content:'';position:absolute;width: 0.75rem;aspect-ratio:1;background: var(--mainColor);left: 0;bottom: 1px;transform: translateY(100%);clip-path: polygon(0 0, 100% 100%, 100% 0);}
.decoTxt{--cl:var(--mainColor);--cl2:var(--subColor);position:relative;font-size: clamp(1.125rem,1vw,1.375rem);padding-left:2rem;color: var(--cl);font-weight: 550;margin-bottom: 0.25rem;display: inline-block;}
.decoTxt:before{content:'';position:absolute;width: clamp(0.5rem,1vw,0.625rem);aspect-ratio: 1;background: var(--cl2);left: 0;top: 50%;transform: translateY(-50%);}
.decoTxt:after{content:'';position:absolute;width: 1rem;height:1px;background: var(--cl);left: 0.375rem;top:50%;transform:translateY(-50%)}
.decoTxt--2{--cl: #b69816;--cl2: #375578;}
.artItemTt{font-weight:500;font-size:1.25rem;letter-spacing:0.05em;margin: 1rem 0;display: block;}
.artItemTt .num{font-size:1.5em;width: 2.5rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;margin-right: 1rem;background: #b69816;color: #fff;line-height: 1;border-radius: 100rem;box-shadow: 4px 2px #375578;}
.lineList{list-style: none;padding:0;}
.lineList li{border-bottom:1px solid #ddd;line-height: 1.25;padding: 0.75rem 0 0.5rem;transition: 0.3s all;margin: 0;}
.lineList li:hover{background:#fafafa}

/*!master*/
.degreeBox__tt{display: flex;margin: 1rem 0;position: relative;--bg: linear-gradient(124deg, var(--mainColor) 0%, #578f91, var(--mainColorD) 100%);background: var(--bg);overflow: hidden;flex-wrap: wrap;}
.degreeBox__tt:after{content:'';position:absolute;width:100%;height:100%;background: var(--img);opacity: 0.25;mix-blend-mode: hard-light;}
.degreeBox__tt__item{--lt: clamp(0.15em,0.5vw,0.375em);--opt: 0;flex: 1;padding: 3rem 1rem;min-height: 12rem;display: flex;align-items: center;justify-content: center;font-size: clamp(1.125rem,1.2vw,1.25rem);font-weight: 500;text-align: center;z-index: 1;color: #fff;text-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.5);position: relative;background: rgb(24,68,148,var(--opt));transition: 0.3s all;letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);cursor: pointer;clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
.degreeBox__tt__item .txt{opacity:0.65;transition:0.3s all}
.active.degreeBox__tt__item .txt{opacity:1}
.degreeBox__tt__item:before{content:'➠';position:absolute;transform: translateX(-50%) rotateZ(-90deg) rotateX(90deg);left:50%;bottom: 0;font-size: 2rem;transition: 0.3s all;}
.active.degreeBox__tt__item:before{transform: translateX(-50%) rotateZ(-90deg);bottom: 1rem;}
.degreeBox__tt__item.active{--opt:0;}
.degreeBox__tt__item:not(:first-child):after{content:'';box-shadow: 0 0.5rem 2rem rgba(0,0,0,1) inset;position: absolute;width: 100%;height: 150%;clip-path: polygon(2.5% 0, 50% 0, 50% 100%, 2.5% 100%);pointer-events: none;/* transform: skewX(-10deg); */}
.degreeBox__ctG{position:relative;display: flex;flex-direction: column;gap: 1.5rem;margin: 1rem 0;}
.degreeBox__ctG__item{position:absolute;width:100%;height:0;overflow:hidden;transition: 0.5s all ease-in;transform: translateX(-1rem);opacity: 0;line-height: 1.75;}
.degreeBox__ctG__item.active{position:relative;height:auto;transform: translateX(0);opacity: 1;}
.artBlock + .artBlock{margin-top:2rem;}
.classTable{display:flex;flex-direction:column;gap:1.5rem;}
/*!doctor*/
.doctBox__list{--imgW:20rem;position: relative;overflow: hidden;display: flex;flex-direction: column-reverse;}
.doctBox__list__item{padding-left: calc(var(--imgW) * 0.5);position:relative;}
.doctBox__list__item:before{content:'';position: absolute;height:100%;width: var(--imgW);background:var(--bg);left: 0;top: 0;z-index: -1;opacity: 0.5;transition: 0.3s all;}
.doctBox__list:before{content:'';position:absolute;height:100%;width:var(--imgW);clip-path: polygon(100% 0, 100% 100%, 50% 0, 0 100%, 0 0);background: #fff;}
.doctBox__list__item-inner{padding: 0.625rem 1rem;padding-left: 2rem;background: linear-gradient(to right,rgba(255,255,255,0.85) 2%,#f1f1f1);backdrop-filter:blur(0.5rem);border-bottom: 1px solid #ddd;}
.doctListTt{font-weight:550;margin-bottom:0.25rem;}
.doctListTt:only-child{margin:0;}
.doctListCt{margin:0;}
.doctBox__list__item:hover:before{opacity:1;}
.degreeBox__tt--show .degreeBox__tt__item{--lt:0.15em;cursor: auto;}
.degreeBox__tt--show .degreeBox__tt__item .txt{opacity:1;}

/* table樣式 */
/*tableStyle樣式*/
.table-container{margin-bottom: 1.5rem;overflow-x: auto;}
table,table.tableStyle{text-align: left;margin: auto;background: #fff;border-right:1px solid #ddd;/* max-width: 880px; *//* min-width: 600px; */width: 100%!important;}
table td p:only-child,table td p:last-child{margin-bottom:0;}
table thead tr,table.tableStyle thead tr{background: var(--gradient-1);}
table thead tr>*,table.tableStyle thead tr>*{padding: 0.625rem clamp(0.5rem,1vw,1rem);letter-spacing: 0.15em;text-transform: uppercase;color: #fff;text-align: center;}
table tbody tr,table.tableStyle tbody tr{transition: 0.3s all;position: relative;}
table tbody tr:hover,table.tableStyle tbody tr:hover{background: var(--color-border);}
table tbody tr>*,table.tableStyle tbody tr>*{padding: 0.875rem clamp(0.5rem,1vw,1rem);border-bottom:none;}
table tbody td,table.tableStyle tbody td{border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
table thead,table.tableStyle thead{position: relative;/* border: none; */border-width: 0.5px;border-color: #ddd;}
.table-container::-webkit-scrollbar{ height: 8px; background-color: #f1f1f1;}
.table-container::-webkit-scrollbar-thumb{ background-color: #EBDCE2;}
table tbody tr:hover,table.tableStyle tbody tr:hover{background: var(--color-border);}
/* ------編輯器樣式 END*/

/* ===== RWD max-width =====  */
@media (max-width:1200px){
	
	/*header*/
	.navbar .container{width: calc(100% - 2rem);margin:auto;}
	.navbar-nav{gap:0.5rem 0;}
	
	/* 首頁 關於我們  ixAbout*/
	.ixAboutBox__infor{padding-left: 5%;}
	
	/* teamList */
	.pgTeam .teamList{grid-template-columns: 1fr;gap: 1.5rem;}
}

@media (max-width:1024px){
	/* 首頁 關於我們  ixAbout*/
	.ixAboutBox{gap: 3%;}

	}

@media (max-width:991px) {
	/* sideNav */
	.sideBox{display:flex;flex-direction: column;}
	.sidebar-btn{display: none;}
	.sideNav__item--title{display:none;}
	.sideNav{display: flex;gap: 0.5rem;flex-wrap: wrap;align-items: center;margin-bottom: 2rem;display: none;}
	.sideNavLink{width:100%;padding: 0.5rem 1rem;background: #f9f9f9;font-size: 1.125rem;}
	.sideNav__item{border:1px solid var(--mainColor); color:var(--mainColor);}
	.sideNav__item.title{border:none;margin-right: 1rem;}
	.sideNavTit{margin:0;}
	.active.sideNav__item .sideNavLink{background-color: var(--mainColor); color: white; }

	/*header*/
	/* .logo__pic{max-width: calc(100vw - 5rem);max-height: 2.5rem;} */
	.navbar .container{display:flex;justify-content: space-between;width: 100%;padding: 0 1rem;}
	.menuBar{position:absolute;top: 100%;width: 300px;right: -1rem;width: clamp(1rem,90vw,300px);height: calc(100dvh - var(--headerH));background: #f6f7f9;overflow-y: auto;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);transform: translateX(100%);transition: 0.3s all;padding-bottom: 1rem;}
	.menuBar .bi{display:block;font-size: .6rem;}
	.navbar:after{content:"";display:block;position:absolute;top:0;left:0;background:var(--mainColorD);opacity:0;width:100vw;height:100vh;pointer-events: none;transition: all .5s;}
	.show.navbar:after{opacity: .15;}
	.open.navbar-toggler + .menuBar{transform: translateX(0);right: 0;}
	.open.navbar-toggler:after{opacity:.05;}
	.menuBar::-webkit-scrollbar{width: 0.375rem;background-color: #ccc;}
	.menuBar::-webkit-scrollbar-thumb{background-color: var(--mainColorD);}
	.menuBar .dropdown-item{color:#fff;}
	.menuBar a{color:#fff;width: 100%;background: transparent;text-align: left;color: #333;display: flex;align-items: center;justify-content: space-between;padding: 0.875rem 1rem;}
	.nav-item{width:100%;}
	.nav-item--btn{padding: 0.5rem 1.5rem;}
	.nav-item--btn i{display:none;}
	.nav-item--btn a{padding: 0;width:2.5rem;aspect-ratio: 1;display:flex;justify-content:center;}
	.active.nav-item .nav-link{color:var(--mainColor);}
	.dropdown-toggle::after{position:absolute;right: 1rem;top:1.05rem;}
	.dropdown-item:focus, .dropdown-item:hover{background-color: #ffffff2e;}
	.headerOverlay{position: fixed;width: 100%;height: 100%;background: var(--mainColor);opacity: 0;transition: 0.3s all;z-index: 10;pointer-events: none;}
	.show.headerOverlay{opacity: 0.15;}
	.navbar-nav .dropdown-menu{background: var(--mainColor);border-radius:0;text-align:center;padding: .5rem 0;}
	.show .dropdown-menu{display: block;}

	/* banner */
	.bannerLeft{display: none;}
	.banner.slick-dotted.slick-slider{width: 100%;margin-bottom: 0;}

	/* 首頁 關於我們  ixAbout*/
	.ixAboutBox--wrapper{margin:0;}
	.blockHeight--ixAbout{padding-bottom: 4rem;}
	.blockHeight--ixAbout::before{height: 24%;}
	.ixAboutBox{flex-direction: column;width: 100%;justify-content: space-between;}
	.ixAboutBox .txt--white{color:white ;}
	.ixAboutBox__infor{width: var(--container);width: 90%;margin: 0 clamp(1.5rem,3vw,3.125rem);padding:0;}
	.ixAboutBox__infor .abContent{width: 100%;max-width: none;}
	.ixAboutCoverBox{display: flex;gap:5%;}
	.ixAboutBox__img{width: 100%;position: relative;}
	.ixAboutBox__img .ixAboutCover{position: relative;right:0;top:0;}

	/* newsList */
	.pgNews .newsList{--num:2;}
	.pgNews .newsList__item:hover .txtBox{background-color: var(--mainColorD); color:white;transition: all .5s;}

	/* teamList */
	.pgTeam .teamList{grid-template-columns: repeat(2, 1fr);}
	.teamList__item .txtBox{font-size:.9rem;}
	
	/* 法規與表單 */
	.dlList{--gap: 1rem;width:100%;}
	.sideContent{width: 100%;}
	.sideNav__item__List{display:none;}

	/*!master*/
	.degreeBox__tt:not(.degreeBox__tt--show){display:none;}
	.degreeBox__ctG__item{position:relative;opacity:1;height:auto;transform:translateX(0);}
}



@media (max-width:768px) {		
	/* 共用 */
	.contentBox{justify-content: space-between;flex-direction: column-reverse;}
	
	/* 編輯器 */
	.tx01{flex-direction: column;}
	.img-left,.img-right{gap: 0rem;}
	.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: 100%}
	.img-left figure, .img-right figure{width: 100%}

	/* sideNav */
	.sideNavLink{font-size:1.15rem;padding:0.5rem .75rem;}
	
	/* banner */
	.slick-dotted.slick-slider{bottom:0;}

	/* newsList */
	/* .pgNews .newsList{display: grid; grid-template-columns: 1fr;}
	.pgNews .newsList__item{overflow: hidden;display: flex;}
	.pgNews .newsList__item .picBox{width:40%;} 
	.pgNews .newsList__item .txtBox{width:60%;gap: .5rem;overflow:hidden;padding:1rem;}
	.pgNews .newsTag{position: absolute;transform:none;font-size: .9rem;bottom: 0;left: 0;}
	.pgNews .newsTit{padding:0;}
	.pgNews	.newsList__item time{font-size:.9rem;}
	.pgNews	.newsList__item time::before {width: 40%;}
	.pgNews .newsList__item time::before {transform: translateY(.75rem) translateX(-1rem);}
	.pgNews .newsList__item:hover time::before{transform: translateY(.75rem) translateX(9rem);} */
	

	/*about*/
	.aboutList__item{grid-template-columns: 2fr 3fr;gap: 1.5rem;align-items: start;}

	/* teamList */
	.pgTeam .teamList{grid-template-columns: 1fr;}


	/* 法規與表單 */
	.dlList__box{position: relative;display: block;}
	.dlList__box .infoBox::after{font-size: 1.25rem;}
	.dlList__box .infoBox__tt{font-size: 1.1rem;}
	
	/* footer */
	.ftInfoBox{flex-direction: column-reverse;align-items: start;gap: 1.5rem;padding: 2rem 0;}
	.copyrightContent{flex-direction: column;align-items: start;gap: .5rem;padding-bottom: 4rem;}

	/*!doctoral*/
	.degreeBox__tt--show{--num:2;display:grid;grid-template-columns:repeat(var(--num),1fr);}
	.degreeBox__tt__item{min-height:auto;padding:2rem 1rem;}
	.degreeBox__tt__item:nth-child(n):after{clip-path:none;opacity:0.25}

	.doctBox__list{--imgW:0;border-radius: 0;}
	.doctBox__list:before,.doctBox__list__item:before{width:100%;opacity:0}
	.doctBox__list__item-inner{background:rgba(255,255,255,0.5);padding: 0.625rem 1rem;}

}

@media (max-width:640px){
	
	/* sideNav */
	.sideNavLink{font-size:1rem;}
	.sideNav__item__List{display:none;opacity: 0;}

	/* 首頁 關於我們  ixAbout*/
	.abSlogan{font-size: 4rem;}
	.blockHeight--ixAbout::before{height: 20%;}
	
	/*about*/
	.aboutList__item{grid-template-columns: 1fr;gap: 1.5rem;align-items: start;}

	/* tabNav */
	.tabNavLink{font-size: 1rem;padding: 0.5rem 1rem;}
	
	/* teamList */
	.infoList{padding: .5rem .75rem;}
	
	/* footer */
	.logo-ic{width: 120px;}
}

@media (max-width:480px){
	/* banner */
	.bannerProcess{padding: 1.5rem;}

	/* newsList */
	.pgNews .newsList{--num:1;}

	.degreeBox__tt--show{--num:1;;}
}



/* ===== min-width =====  */
@media screen and (min-width:480px){
	:root{--container:420px;}
}
@media screen and (min-width:640px){
:root{--container:600px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}
}
@media screen and (min-width:992px) {	
	:root{--container:960px;}	
	/*header*/
	.navbar-nav{display:flex!important;}
	.nav-item--btn{margin-left: 0.5rem;}
	.nav-item--btn a{position:relative;overflow:hidden;z-index:0;}
	.nav-item--btn a:after{content:'';position:absolute;width: 120%;height:100%;background:var(--gradient-1);left:-135%;top:0;z-index:-1;transition:0.5s left,0.3s transform;}
	.nav-item--btn a:hover:after{left:-1rem;transform:skew(-20deg);}
	.nav-item:not(.nav-item--btn){position: relative;}
	.nav-item:not(.nav-item--btn) a.nav-link{transition: 0.3s all;padding-bottom: 0.625rem;}
	.nav-item:not(.nav-item--btn):after{content:'';position: absolute;width:0.375rem;height:0.375rem;background:var(--subColor);border-radius:100rem;left:50%;bottom:0;transform:translate(-50%,0);transition:0.3s width,0.5s opacity;opacity:0}
	.active.nav-item:after{content:'';position: absolute;width:0.375rem;height:0.375rem;background:var(--mainColor);border-radius:100rem;left:50%;bottom:0;transform:translate(-50%,0);transition:0.3s width,0.5s opacity;opacity:0}
	.nav-item:not(.nav-item--btn):hover:after,.active.nav-item:after{width:1.5rem;opacity:1;}
	.active.nav-item .nav-link{color: var(--mainColor);}
	.dropdown-menu{display:block;border:none;transform:translateY(-2rem);opacity:0;pointer-events:none;transition:0.3s all;background: rgba(255,255,255,0.85);box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);backdrop-filter: blur(0.5rem);}
	.nav-item.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto;}
	.dropdown-item{padding:0.75rem 1rem;}
	.dropdown-item--list{background: var(--mainColor);color: #fff;}
	.dropdown-item:hover{background: rgba(220,220,221,0.85);}

	/* sideNav */
	.sidebar-btn{display: none;}
	.sidebar{width: var(--menuW);position: sticky;top: 10%;left: 0;padding: 0.625rem 0;padding-right: 1rem;}
	.sideNav__item--title{padding-bottom:0.5rem;margin-bottom: 0.5rem;border-bottom: 1px solid #ccc;}
	.sideContent{width: calc(100% - var(--menuW));padding: 0.625rem 0 3rem;padding-left: 3rem;position: relative;}
	.sideContent:only-child{width:100%;padding-left:0;position:static}
	.sideContent:before{content:'';position: absolute;width: 3rem;height: calc(100% + 10px);left: 0;top: -5px;box-shadow: 0 0 1rem rgba(0,0,0,0.15);z-index: -1;clip-path: polygon(-50% 5px, 95% 0, 95% 100%, -50% calc(100% - 5px));}
	.sideNavLink{position:relative;transition: 0.3s all;}
	.sideNavLink:hover{color:var(--mainColor);font-weight: 500; background-color: rgb(24 67 148 / 6%);}
	.sideNavLink:before{content:'';position:absolute;width: 0.375rem;aspect-ratio: 1;background: var(--subColor);left: 1rem;top: 50%;transform: translate(-50%,-50%);border-radius: 100rem;}

	/*按鈕*/
	.btnStyle:hover .txt{color:var(--mainColor);}
	.btnStyle:hover .txt:after{background:var(--subColor);box-shadow: 0 0 0.75rem  rgba(254, 199, 2, .5);}
	.btnStyle--btn:after{content:'';position:absolute;width: 120%;height:100%;background: #ffffff17;;left:-135%;top:0;z-index:-1;transition:0.5s left,0.3s transform;}
	.btnStyle--btn:hover:after{left:-1rem;transform:skew(-20deg);}
	.btnStyle--btn:hover .txt{color:#fff}
	.btnStyle--btn:hover .txt:after{box-shadow: 0 0 0 0.5rem rgba(254, 199, 2, .5)}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px){
	.container{max-width:var(--container);}
}