@charset "utf-8";
/**************************************************
        字型引入
**************************************************/
@font-face{font-family:"North Carossela";src:url(../fonts/NorthCarosselaRegular.eot);src:url(../fonts/NorthCarosselaRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/NorthCarosselaRegular.woff2) format("woff2"),url(../fonts/NorthCarosselaRegular.woff) format("woff"),url(../fonts/NorthCarosselaRegular.ttf) format("truetype"),url(../fonts/NorthCarosselaRegular.svg#NorthCarosselaRegular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100;src:url(../fonts/NotoSansTC-Thin.woff2) format('woff2'),url(../fonts/NotoSansTC-Thin.woff) format('woff'),url(../fonts/NotoSansTC-Thin.otf) format('opentype');font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url(../fonts/NotoSansTC-Light.woff2) format('woff2'),url(../fonts/NotoSansTC-Light.woff) format('woff'),url(../fonts/NotoSansTC-Light.otf) format('opentype');font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(../fonts/NotoSansTC-Regular.woff2) format('woff2'),url(../fonts/NotoSansTC-Regular.woff) format('woff'),url(../fonts/NotoSansTC-Regular.otf) format('opentype');font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url(../fonts/NotoSansTC-Medium.woff2) format('woff2'),url(../fonts/NotoSansTC-Medium.woff) format('woff'),url(../fonts/NotoSansTC-Medium.otf) format('opentype');font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url(../fonts/NotoSansTC-Bold.woff2) format('woff2'),url(../fonts/NotoSansTC-Bold.woff) format('woff'),url(../fonts/NotoSansTC-Bold.otf) format('opentype');font-display:swap}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:900;src:url(../fonts/NotoSansTC-Black.woff2) format('woff2'),url(../fonts/NotoSansTC-Black.woff) format('woff'),url(../fonts/NotoSansTC-Black.otf) format('opentype');font-display:swap}

@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url(../fonts/Roboto-Light.ttf) format("truetype");font-display:swap}
@font-face{font-family:'Roboto';font-style:normal;font-weight:normal;src:url(../fonts/Roboto-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(../fonts/Roboto-Medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:'Roboto';font-style:normal;font-weight:bold;src:url(../fonts/Roboto-Bold.ttf) format("truetype");font-display:swap}
@font-face{font-family:'Roboto';font-style:normal;font-weight:bolder;src:url(../fonts/Roboto-Black.ttf) format("truetype");font-display:swap}

:root {
  --time-interval: 31px;
}

/**************************************************
        CSS 初始化
**************************************************/
html,body{margin:0;height: 100%;}
body{font-size:100%;line-height:1.8; font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #212121; position: relative; background-color: #fff; font-weight: 400;letter-spacing: 0.01em;}
body * {-webkit-text-size-adjust: none;box-sizing: border-box;}
body{overflow-x: hidden;}
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-track {background: #F5F5F5;}
html::-webkit-scrollbar-thumb {background: #E7A336; border-radius: 8px;}
a:focus{outline:0;}
a {color:#F0C47C;text-decoration:none;}
a:hover{color: #333;text-decoration:none;}
img{border: 0 none; line-height:0; display: block;max-width: 100%;}
form {margin:0; padding:0;}
ul, ul li {margin: 0;padding: 0;list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
dl {height: 1%;}
button{border:0 none; cursor:pointer;padding: 0;margin: 0;background: transparent;}
.clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix { zoom: 1;}
img{width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover;}
h1,h2,h3,h4,p{margin:0;padding: 0;}
*, :after, :before{box-sizing: border-box;}
select, option {-webkit-appearance: none;}

.input_control{display: block;width: 100%;height: 48px;padding: 9px 16px;font-size: 1rem;font-weight: 400;line-height: 1.5;transition: all .15s ease-in-out;border-radius: 8px;display: block;font-family: inherit;font-size: 18px;width: 100%;border: 1px solid #E0E0E0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);color: rgba(0, 0, 0, 0.87); letter-spacing: 1px; font-size: 1rem;}
.input_control:hover{border: 1px solid #9E9E9E;}
.input_control:focus,
.input_control:focus-visible{border: 2px solid #F0C47C;outline: none;}

textarea{height: 116px;}
/* .linear-color{background: linear-gradient(92.19deg, #D93D59 0%, #E87373 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} */
.primary-color{color:#E7A336;}
.btn_primary{text-align: center; background: #E7A336; color: white;font-size: 14px;border-radius: 4px; line-height: 24px;padding: 10px 42px;font-weight: 700; }
.btn_primary:hover{ background: #F0C47C;color:white;}
.btn_second{text-align: center; background: #fff;color: rgba(0, 0, 0, 0.6);font-size: 14px;border-radius: 4px; line-height: 24px;padding: 10px 42px;position: relative; font-weight: 700;}
.btn_second:after{content: ""; position: absolute;border: 2px solid #E0E0E0; position: absolute; left: 0; right: 0; bottom: 0; top: 0;border-radius: 4px; }
.btn_second:hover{ background: #F5F5F5; border: 0 none; color: rgba(0, 0, 0, 0.6);}
.btn_second:hover::after{display: none;}

.btn_third{font-weight: 700;text-align: center; background: #E7A336; color: rgba(0, 0, 0, 0.6);font-size: 18px;border-radius: 8px; line-height: 24px;padding: 16px 48px; }
.btn_third:hover{ background: #F0C47C; color: rgba(0, 0, 0, 0.87);}
.btn_fourth{font-weight: 700;text-align: center; background: #fff; border: 1px solid #E0E0E0; color: rgba(0, 0, 0, 0.6);font-size: 16px;border-radius: 8px; line-height: 24px;padding: 16px 0; min-width: 166px; display: block;; }
.btn_fourth:hover{ background: #E0E0E0; }
.btn_fifth{text-align: center; background: #E0E0E0; color: rgba(0, 0, 0, 0.38);font-size: 14px;border-radius: 4px; line-height: 24px;padding: 10px 42px; }
.btn_fifth:hover{background: #E0E0E0; color: rgba(0, 0, 0, 0.38);}
button:disabled,
button:hover:disabled{background: #E0E0E0;color: rgba(0, 0, 0, 0.38); cursor: default;}

.button-wrap{text-align: center;}
.display_flex{display: flex;}
.label{ padding: 0 4px;display: inline-block; border-radius: 2px;margin-left: 8px;font-size: 16px; font-family: "Roboto"; }
.label_blue{background-color: #BFDFEC; color: #2E505A;}
.label_blue2{background-color: #5C9FBA; color: #fff; border-radius: 30px;margin-left: 0;}
.label_yellow{background-color: #FFF5EB; color: #E7A336;}
.label_yellow2{background-color: #E7A336; color: #fff;}
.label_red{background-color: #FF8E8A; color: #FFEEEB;}


.btn_class_wrap{text-align: center;margin: 44px 0 48px;}
.btn_class_wrap .btn{max-width: 448px; display: block;margin: auto;}
/*---------normal_form--------------*/

.normal_form .form_row.error .input_control{border: 2px solid #A94B4B;}
.normal_form .form_row .input_control:disabled,
.normal_form .form_row .input_control:hover:disabled,
.normal_form .form_row .input_control:focus:disabled {pointer-events:none;color:#BDBDBD;background:#E0E0E0;border: 0 none;box-shadow:inherit;outline: none;}

.normal_form .form_row .input_control:disabled::placeholder,
.normal_form .form_row .input_control:hover:disabled::placeholder,
.normal_form .form_row .input_control:focus:disabled::placeholder {color:#BDBDBD;}

.normal_form .form_row .form_select{color: rgba(0, 0, 0, 0.38);letter-spacing: 1px;font-size: 1rem; display: block;width: 100%;height: 48px;padding: 9px 16px;font-size: 1rem;font-weight: 400;line-height: 1.5;transition: all .15s ease-in-out;border-radius: 8px;display: block;font-family: inherit;width: 100%;border: 1px solid #E0E0E0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bdbdbd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;appearance: none;}
.normal_form .form_row .form_select:hover{border: 1px solid #9E9E9E;}
.normal_form .form_row .form_select:focus,
.normal_form .form_row .form_select:focus-visible{border: 2px solid #F0C47C;outline: none;}
.normal_form .form_row .form_select option:disabled {color:#BDBDBD;}

.normal_form input::placeholder{color: rgba(0, 0, 0, 0.38);}
.normal_form input:hover::placeholder{color: rgba(0, 0, 0, .6);}
.normal_form input:focus::placeholder{color: rgba(0, 0, 0, .6);}
.normal_form textarea::placeholder{color: rgba(0, 0, 0, 0.38);}
.normal_form textarea:hover::placeholder{color: rgba(0, 0, 0, .6);}
.normal_form textarea:focus::placeholder{color: rgba(0, 0, 0, .6);}
.normal_form .form_row.error input::placeholder{color: #A94B4B;}
.normal_form .form_row .alert_infor{color: #A94B4B;margin-top: 10px;display: none;line-height: 19px;}
.normal_form .form_row .alert_infor .icon-alert{margin: 0 8px; display: inline-block; width: 16px; height: 16px; background: url('../images/icon/alert.svg') no-repeat center/100%;}
.normal_form .form_row.error .alert_infor{display: flex; align-items: center;}
.normal_form .form_row.error .alert_infor>div{display: flex; align-items: center;}
.normal_form input[type="checkbox"]{opacity: 0;}
.normal_form input[type="checkbox"] + *::before{content: "";width: 1rem;height: 1rem;margin-right: 0.3rem;border-style: solid;border-width: 0.1rem;border-color: #E0E0E0;vertical-align: middle; border-radius: 4px;    position: absolute;left: 0;top: calc(50% - 11px);}
.normal_form input[type="checkbox"] + label{display: inline-block;}
.normal_form input[type="checkbox"]:checked + *::before{border-color: #E7A336;}
.normal_form input[type="checkbox"]:checked + label:after {font-family: 'icomoon';content: '\ea10';color: #E7A336;font-size: 14px;position: absolute;top: calc(50% - 15px);left: 1px;}
.loader_box{display: inline-flex;align-items: center;justify-content: center; vertical-align: middle;position: relative;top:-3px;margin-right: 5px;}
.loader_box .loading{width: 24px;height: 24px;border-radius: 50%;background-image: conic-gradient(rgba(255,255,255,.5) 180deg, rgba(255,255,255,1) 180deg );animation: spin 0.9s linear infinite;position: relative;transition: all 0.5s;}
.loader_box .loading::after {content: "";display: block;width: 14px;height: 14px;border-radius: 50%;background: #E7A336;position: absolute;top: 5px;left: 5px;}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
    /* -webkit-appearance: none;
/* input[type="checkbox"]{-webkit-appearance: none;border: 1px solid #E0E0E0;width: 16px; height: 16px;} */

/* @media (max-width: 1100px) {
  .btn_linear{ padding: 2% 11%;}
}
@media (max-width: 500px) {
  body{font-size: 16px;}
} */

/**************************************************
        共用
**************************************************/
/* .wrapper{width:1694px;margin: auto;} */
.container {width: 100vw;}
.content_wrap{padding: 3% 120px 40px; width: 100%; height: fit-content; display: flex; justify-content: center;}

@media (max-width: 1440px) {
  .content_wrap{padding:3% 56px 3%;}
}
@media (max-width: 768px) {
  .content_wrap{padding: 3% 24px;}
}
/*---------header--------------*/

.header_bar{height: 80px; width: 100vw; padding-right: 8px; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center;position: fixed; left: 0; right: 0; background-color:#fff; z-index: 55;}
.header_bar .logo{box-sizing: border-box;height: 100%;display: flex;align-items: center; width: 224px;padding-left: 18px;}
.header_bar .logo a{display: inline-block;height: 30px;}
.header_bar .logo a svg{height: 100%;}
.title_wrap{height:100%;display: flex;flex:1;justify-content: space-between;padding-left:120px;padding-right: 112px;}
h1{font-size: 24px;font-weight: 700;letter-spacing: 1px;color: rgba(0, 0, 0, 0.87);}
.h1_eng{font-size: .937rem; color: #9E9E9E; font-weight:400;letter-spacing: 1px;transform: translateY(5%);white-space: nowrap;}
.h1_wrap{display: flex;justify-content:center;gap:8px 16px;align-items: center;}
.logo svg .svg_path_color{fill: #757575;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.logo:hover svg .svg_path_color{fill: #E7A336;}
.user_block{display: flex; width: fit-content; align-items: center;justify-content: flex-end;}
.user_block .user_img {flex:0 0 42px}
.user_block .user_img img{ height: 42px;width: 42px; border-radius: 100px;}
.user_block .user_information{text-align: right;margin-right: 5%;height: 100%;display: flex;flex-direction: column;justify-content: center;gap:8px;white-space: nowrap;}
.user_block .user_information .user_name{font-weight: 700; color: #666; line-height: 1;letter-spacing: 1px;}
.user_block .user_information .user_number{color:#9E9E9E;font-size:0.875rem;letter-spacing: 1px;line-height:100%;font-family:'Roboto'; font-weight: 100;}

main{display: flex;padding-top: 80px; padding-left: 224px;}
@media (max-width: 1500px) {
  h1{font-weight: normal;}
}
@media (max-width: 1440px) { 
  .title_wrap{padding-left: 56px; padding-right: 48px;}
}
@media (max-width: 992px) {
  .header_bar .logo {
    width: 200px;
  }
  main{padding-left:200px;}
  .h1_wrap {flex-direction: column;align-items:flex-start;}
  .h1_wrap h1, .h1_eng{line-height: 100%;}
  .h1_eng{transform: translateY(0);}
}
@media (max-width: 768px) {
  .h1_wrap {justify-content: center;align-items: center;flex-direction: row;}
  .user_block,.h1_eng {display: none;}
  .title_wrap{padding-left:24px;}
}
/*-----------左右 區塊-----------------------*/
.main_wrap{height: fit-content; min-height: 100%; background-color: #F9F9FB;width: 100%; display: flex; flex-direction: column; align-items: center;}
.main_wrap > .wrapper{display: flex; justify-content: center; width: 100%;}
.main_wrap .wrap_container.index_container{flex-wrap: nowrap; gap:3% 2.75%}
.main_wrap .wrap_container {width: 100%; max-width: 2200px; display: flex; justify-content: space-between; flex-wrap: wrap;height: fit-content;}
.main_wrap .wrap_container > div,  .main_wrap .wrap_container > section{ width: 100%;}
.main_block_wrap{flex: 1 66%;height: fit-content;}
.index_aside{min-width: 345px;}
.main_wrap .wrap_container.index_container .aside_block{flex:1 31.25%;width:31.25%;}
@media (max-width: 992px) {
  .main_wrap .wrap_container.index_container{flex-direction: column;}
  .main_wrap .wrap_container.index_container .aside_block{width: 100%;margin-top: 45px;}
  .main_block_wrap{flex: none;}
  .timeline_block{max-height: 800px;}
  .index_aside{min-width: auto;}
}

/*-----------抬頭-----------------------*/
h2{font-size: 18px;color: rgba(0, 0, 0, .6);}
.title_block{display: flex;flex-wrap: wrap;align-items:center;gap:8px 10px;letter-spacing: 1px;margin-bottom: 20px;line-height: 100%;}
.title_block h2.label_news{position: relative;margin-right: 60px;}
.title_block h2.label_news:after{background: url('data:image/svg+xml,<svg width="27" height="10" viewBox="0 0 27 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 9.33354H1.74993V1.7984L5.18204 9.33354H7.25937V0.5H5.50945V8.05734L2.06604 0.5H0V9.33354Z" fill="white"/><path d="M13.6067 7.10296C13.5954 7.59125 13.5503 8.81196 12.3084 8.81196C11.0552 8.81196 10.9423 7.70222 10.8972 6.58138H15.3341C15.3341 5.68249 15.3115 3.04131 12.2745 3.04131C10.152 3.04131 9.20368 4.373 9.20368 6.27065C9.20368 7.70222 9.72302 9.5 12.2971 9.5C14.9051 9.5 15.2099 7.73551 15.3115 7.10296H13.6067ZM10.8972 5.94883C10.9649 4.43958 11.2133 3.72935 12.3197 3.72935C13.539 3.72935 13.5954 4.95006 13.618 5.94883H10.8972Z" fill="white"/><path d="M22.4728 3.20777H21.4567L20.0906 8.35697L18.6455 3.20777H16.9295L18.8036 9.33354H20.6325L21.9647 4.22873L23.3082 9.33354H25.1259L27 3.20777H25.2839L23.8388 8.35697L22.4728 3.20777Z" fill="white"/></svg>') no-repeat center / 70%;    content: "";position: absolute;right: -53px;top: 50%;background-color: #5C9FBA;color: #fff;border-radius: 4px;margin: -8px 0 8px 0;padding: 8.5px 21.5px;}

.title_block .title_text{color:rgba(0, 0, 0, 0.38); font-size: 15px;font-weight: 400;line-height: 2; letter-spacing: 1px;}
.title{color: #2E4F5B;}
.title_block_wrap{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 24px;}
@media (max-width: 992px) {.title_block_wrap{flex-direction: column;}}
@media (max-width: 768px) {.title_block .title_text{display: none;}}
/* .label{ background-color: #5C9FBA; color: #fff; font-size: 9px; border-radius: 4px;margin: 0 8px;padding: 2px 8px;} */



/*---------Nav--------------*/

nav{width: 224px;box-shadow: 10px 4px 28px rgba(0, 0, 0, 0.05);flex: 0 0 224px;position: fixed;z-index: 2;background-color: #fff;left: 0;bottom: 0;top: 80px;}
.nav_box{ height: 100%;overflow: hidden; }
.nav_wrap{ height: 100% !important;overflow-y: auto; }
.nav_wrap::-webkit-scrollbar {width: 7px;  background-color: #fff;}
.nav_wrap::-webkit-scrollbar-track {width: 1px;overflow: auto;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;box-shadow: inset 0 0 1px 3px #F5F5F5;}
.nav_wrap::-webkit-scrollbar-thumb {background: #E7A336;border: transparent;border-radius: 50px;width: 7px;}
nav ul li{position: relative;}
nav ul li a{display: flex; align-items:center;color: #E7A336;padding: 5.626% 8%;position: relative;font-weight: 500;}
nav ul li a > div {flex: 1 1 100%}
nav ul li a i{vertical-align: middle;font-size: 1.25rem;margin-right:5px; color: #E7A336;}
nav ul li a:hover i{color: #F0C47C;}
nav ul li span{vertical-align: middle;}
nav ul li a:hover{color: #F0C47C;}
nav .nav_box .nav_wrap > ul > li.active > a{ color: #2E505A;}
nav .nav_box .nav_wrap > ul > li.active i:before{color: #2E505A}
nav .nav_box .nav_wrap > ul > li.active > a:after{position: relative;}
nav .nav_box .nav_wrap > ul > li.active > a:after{content: ""; position: absolute; left: 0; top:0;bottom:0; width: 6px; background-color: #2E505A;}
nav ul li .icon_arrow{font-weight: bold;margin-right: 0;width: 45px;text-align: right;}
nav ul li .icon-keyboard_arrow_down:before{content: "\e914";}
nav ul li.active .icon-keyboard_arrow_down:before{content: "\e915";}
nav ul > li.nav_item:nth-child(2) > a{ border-bottom: 1px solid #F5F5F5;}
nav ul > li.nav_item:nth-child(6) > a{ border-bottom: 1px solid #F5F5F5;}

.nav_subnav_wrap{ display: none;}
.nav_subnav_wrap .nav_subnav li{position: relative;padding-left: 2.7rem;transition: all .3s;background-color: #F5F5F5;}
/* .nav_subnav_wrap .nav_subnav li.acitve a{color: #E7A336} */
.nav_subnav_wrap .nav_subnav li:before{content: "\2022";color: #989898;font-weight: bold;width: 1em;position: absolute;top: calc(50% - 14px);}
.nav_subnav_wrap .nav_subnav li a{padding-left: 20px;font-weight: 400;padding: 7% 8%; font-size: 15px;color:#989898}
.nav_subnav_wrap .nav_subnav li:hover{ color:#E7A336;}
.nav_subnav_wrap .nav_subnav li:hover a{color:#E7A336;}
.nav_subnav_wrap .nav_subnav li:hover::before{ color:#E7A336;}
nav .nav_box .nav_wrap > ul > li.active .nav_subnav_wrap{display: block;}
nav .nav_box .nav_wrap > ul > li .nav_subnav_wrap ul li.active a{color: #E9AD4E}
nav .nav_box .nav_wrap > ul > li .nav_subnav_wrap ul li.active a:hover{color: #E9AD4E}
nav .nav_box .nav_wrap > ul > li .nav_subnav_wrap ul li.active:before{color: #E9AD4E}
/* nav ul li hr{border: 0 none; border-bottom: 1px solid #F5F5F5; height: 1px;} */
/* @media (min-height: 800px) {
  .nav_wrap{ height: 700px;}
}
 */
 @media (max-width: 992px) {
  nav{width:200px}
 }

/*--------------swiper--------------*/

.swiper .swiper_slide-active,
.swiper .swiper_slide-prev,
.swiper .swiper_slide-next {opacity: 1;pointer-events: auto;}
.swiper .slider_pagination{text-align: center;}
/* .swiper {position: relative;z-index: 12;height: 36px;width: 80%;max-width: 300px;margin: 30px auto 0;} */
.swiper .slider_pagination .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;background: #000;opacity: 0.2;margin: 0 5px;border-radius: 20px;transition: opacity 0.5s, background-color 0.5s, width 0.5s;transition-delay: 0.5s, 0.5s, 0s;}
.swiper .swiper_pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper .slider_pagination .swiper-pagination-bullet-active {opacity: 1;background:#F0C57C;width: 40px;transition-delay: 0s;}
.swiper .slider_button-next,
.swiper .slider_button-prev {position: absolute;top:var(--swiper-navigation-top-offset,50%);width: 36px;height: 36px;margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index: 10;cursor: pointer;background-size: 30%;background-position: center;background-repeat: no-repeat;border-radius: 100%;}
.swiper .slider_button-prev {background:url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9997 36.6668C29.2044 36.6668 36.6663 29.2049 36.6663 20.0002C36.6663 10.7954 29.2044 3.3335 19.9997 3.3335C10.7949 3.3335 3.33301 10.7954 3.33301 20.0002C3.33301 29.2049 10.7949 36.6668 19.9997 36.6668Z" fill="%23FFF5EB"/><path d="M22.1001 25.8834L16.2334 20L22.1001 14.1167" stroke="%23E7A336" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')no-repeat center / 100%;left: 10px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.2s ease-in-out;}
.swiper .slider_button-prev:hover{background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9997 36.6668C29.2044 36.6668 36.6663 29.2049 36.6663 20.0002C36.6663 10.7954 29.2044 3.3335 19.9997 3.3335C10.7949 3.3335 3.33301 10.7954 3.33301 20.0002C3.33301 29.2049 10.7949 36.6668 19.9997 36.6668Z" fill="%23E7A336"/><path d="M22.1001 25.8834L16.2334 20L22.1001 14.1167" stroke="%23FFF5EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')no-repeat center / 100%;left: 10px;}
.swiper .slider_button-next {background:url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9997 36.6668C29.2044 36.6668 36.6663 29.2049 36.6663 20.0002C36.6663 10.7954 29.2044 3.3335 19.9997 3.3335C10.7949 3.3335 3.33301 10.7954 3.33301 20.0002C3.33301 29.2049 10.7949 36.6668 19.9997 36.6668Z" fill="%23FFF5EB"/><path d="M17.9004 25.8834L23.7671 20L17.9004 14.1167" stroke="%23E7A336" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')no-repeat center / 100%;right: 10px;left: auto;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.swiper .slider_button-next:hover{background:url('data:image/svg+xml,%3Csvg width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M19.9997 36.6668C29.2044 36.6668 36.6663 29.2049 36.6663 20.0002C36.6663 10.7954 29.2044 3.3335 19.9997 3.3335C10.7949 3.3335 3.33301 10.7954 3.33301 20.0002C3.33301 29.2049 10.7949 36.6668 19.9997 36.6668Z%22 fill=%22%23E7A336%22/%3E%3Cpath d=%22M17.9004 25.8834L23.7671 20L17.9004 14.1167%22 stroke=%22%23FFF5EB%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E')no-repeat center / 100%;right: 10px;left: auto;}

.swiper-wrapper .swiper-slide .slider_img{position: relative;overflow: hidden;-webkit-border-radius: 8px;border-radius: 8px;z-index: 0; padding-bottom: 40.25%;width: 100%;}
.swiper-wrapper .swiper-slide .slider_img .slider_img_box{position: absolute; right: 0;left: 0; top: 0; bottom: 0;}
.swiper-wrapper .swiper-slide .slider_img img{ -webkit-transition: all 0.25s;transition: all 0.25s;  width: 100%;}
.swiper-wrapper .swiper-slide:hover .slider_img img{display: block;z-index: 100;-webkit-transform: scale(1.1);transform: scale(1.1);}
.swiper-wrapper .swiper-slide.swiper-slide-active {transform: scale(1);}

/*---------行事曆--------------*/
.calendar_head{position: relative; display: flex; justify-content:center;margin-bottom: 10px;align-items: center;}
.calendar_head a.icon_month{display: block; background-color: #FFF5EB; border-radius: 100%;width: 25px; height: 25px; text-align: center;line-height: 25px; font-weight: bold;font-size: 1.5rem;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.calendar_head a.icon_month:hover{color: #FFF5EB; background-color:#E7A336 ;}
.calendar_head .current_month{color:rgba(0, 0, 0, 0.6);font-weight: 700;font-size: 24px;letter-spacing: 1px;margin: 0 32px;text-wrap:nowrap;}
/* .calendar_head a.icon_month i{ display: block;vertical-align: middle;font-size: 1.25rem;margin-right: 5px;} */
.icon_arrow_triangle{width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #E7A336 transparent transparent transparent; vertical-align: middle;display: inline-block; margin-left: 5px;}

.week_head{font-weight: normal;}
.week_head ul{display: flex;align-items: center;gap: 12px;}
.week_head ul li{padding-bottom: 12px; color: rgba(0, 0, 0, 0.38);font-size: 18px;width: calc(14.28% - 10.36px);text-align: center;}
.week_list{font-weight: normal;font-size: 14px;margin-bottom: 4px;}
.week_list ul{display: flex; align-items: center;flex-wrap: wrap;gap: 12px;}
.week_list ul li{width: calc(14.28% - 10.36px);text-align: center;color: rgba(0, 0, 0, .6);}
.week_list ul li.other{color:rgba(0, 0, 0, 0.38);}
.week_list ul li span{width: 5px;height: 5px;margin: 0 1px;border-radius: 5px; display: inline-block;}
.week_list ul li .day_event {line-height: 135%;}
/* .week_list ul li .day_event .event_on{background-color: #BDBDBD;vertical-align: top;} */
.week_list ul li.current{background-color: #5D9FBA; border-radius: 8px;color: #fff;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.week_list ul li.event span{background-color: #BDBDBD;vertical-align: top;}
.week_list ul li.event.current .day_event span{background-color: #2E4F5B;}
.week_list ul li.event:hover{background-color: #F0C47C; border-radius: 8px; color: #fff;}
.week_list ul li.event:hover span{background-color: #FFF5EB;}
/* aside{padding: 3% 3% 3% 0;} */
aside h2{margin-bottom: 8px;}
@media (max-width: 992px) {
  .week_list ul,.week_head ul{gap: 2px 3%;}
  .week_list ul li, .week_head ul li{width: 11.7142%;}
  .week_list ul li .day_event {line-height: 90%;}
  .time_class_wrap{overflow-x: auto;}
  .time_class_wrap::-webkit-scrollbar {height:7px;  background-color: #fff;}
.time_class_wrap::-webkit-scrollbar-track {width: 1px;overflow: auto; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;box-shadow: inset 0 0 1px 3px #F5F5F5;}
.time_class_wrap::-webkit-scrollbar-thumb {background: #E7A336;border: transparent;border-radius: 50px;width: 5px;}
.calendar_head a.icon_month{
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
}
}

/*---------行事曆--------------*/
.calendar_block{padding:20px;background-color: #fff;box-shadow: 0 0px 4px 5px rgb(90 90 90 / 11%); border-radius: 8px;display:flex;flex-direction: column;}
.timeline_block{display: flex;overflow-y: scroll;overflow-x: hidden;}
.timeline_block .display_flex{width: 100%;height: 100%;}
.timeline_block .time_list{flex:0 0 90px; text-align: center;padding: 16px 0;}
.timeline_block .time_list ul{display: flex;flex-direction: column;border-right: 1px solid #E0E0E0;}
.timeline_block .time_list ul li:last-child{height: 3vh;}
.timeline_block .time_list ul li .time_head{color: rgba(0, 0, 0, 0.38);font-size: 14px;line-height: 22px;letter-spacing: 0.62px;}
.timeline_block .time_list ul li:not(:last-of-type) .time_head {padding-bottom: 40px;}
.time_class_wrap{flex:1 0 0;padding: 16px 12px;position: relative;}
.time_class{position: relative;padding:0;}
.time_class.half_class_box .class_information{width: calc(50% - 6px);}
.time_class.half_class_box.left .class_information{left:0}
.time_class.half_class_box.right .class_information{right: 0;}

.time_class.time_0800 {top: calc(var(--time-interval) * 0 + 6px);}
.time_class.time_0830 {top: calc(var(--time-interval) * 1 + 6px);}
.time_class.time_0900 {top: calc(var(--time-interval) * 2 + 6px);}
.time_class.time_0930 {top: calc(var(--time-interval) * 3 + 6px);}
.time_class.time_1000 {top: calc(var(--time-interval) * 4 + 6px);}
.time_class.time_1030 {top: calc(var(--time-interval) * 5 + 6px);}
.time_class.time_1100 {top: calc(var(--time-interval) * 6 + 6px);}
.time_class.time_1130 {top: calc(var(--time-interval) * 7 + 6px);}
.time_class.time_1200 {top: calc(var(--time-interval) * 8 + 6px);}
.time_class.time_1230 {top: calc(var(--time-interval) * 9 + 6px);}
.time_class.time_1300 {top: calc(var(--time-interval) * 10 + 6px);}
.time_class.time_1330 {top: calc(var(--time-interval) * 11 + 6px);}
.time_class.time_1400 {top: calc(var(--time-interval) * 12 + 6px);}
.time_class.time_1430 {top: calc(var(--time-interval) * 13 + 6px);}
.time_class.time_1500 {top: calc(var(--time-interval) * 14 + 6px);}
.time_class.time_1530 {top: calc(var(--time-interval) * 15 + 6px);}
.time_class.time_1600 {top: calc(var(--time-interval) * 16 + 6px);}
.time_class.time_1630 {top: calc(var(--time-interval) * 17 + 6px);}
.time_class.time_1700 {top: calc(var(--time-interval) * 18 + 6px);}
.time_class.time_1730 {top: calc(var(--time-interval) * 19 + 6px);}
.time_class.time_1800 {top: calc(var(--time-interval) * 20 + 6px);}
.time_class.time_1830 {top: calc(var(--time-interval) * 21 + 6px);}
.time_class.time_1900 {top: calc(var(--time-interval) * 22 + 6px);}
.time_class.time_1930 {top: calc(var(--time-interval) * 23 + 6px);}
.time_class.time_2000 {top: calc(var(--time-interval) * 24 + 6px);}
.time_class.time_2030 {top: calc(var(--time-interval) * 25 + 6px);}
.time_class.time_2100 {top: calc(var(--time-interval) * 26 + 6px);}
.time_class.time_2130 {top: calc(var(--time-interval) * 27 + 6px);}
.time_class.time_2200 {top: calc(var(--time-interval) * 28 + 6px);}
.time_class.classTime_30 .class_information {height: calc(var(--time-interval) * 2 - 12px);}
.time_class.classTime_100 .class_information {height: calc(var(--time-interval) * 2 - 12px);}
.time_class.classTime_130 .class_information {height: calc(var(--time-interval) * 3 - 12px);}
.time_class.classTime_200 .class_information {height: calc(var(--time-interval) * 4 - 12px);}
.time_class.classTime_230 .class_information {height: calc(var(--time-interval) * 5 - 12px);}
.time_class.classTime_300 .class_information {height: calc(var(--time-interval) * 6 - 12px);}
.time_class.classTime_330 .class_information {height: calc(var(--time-interval) * 7 - 12px);}
.time_class.classTime_400 .class_information {height: calc(var(--time-interval) * 8 - 12px);}
.time_class.classTime_430 .class_information {height: calc(var(--time-interval) * 9 - 12px);}
.time_class.classTime_500 .class_information {height: calc(var(--time-interval) * 10 - 12px);}
.time_class.classTime_530 .class_information {height: calc(var(--time-interval) * 11 - 12px);}
.time_class.classTime_600 .class_information {height: calc(var(--time-interval) * 12 - 12px);}
.time_class.classTime_630 .class_information {height: calc(var(--time-interval) * 13 - 12px);}
.time_class.classTime_700 .class_information {height: calc(var(--time-interval) * 14 - 12px);}
.time_class.classTime_730 .class_information {height: calc(var(--time-interval) * 15 - 12px);}
.time_class.classTime_800 .class_information {height: calc(var(--time-interval) * 16 - 12px);}
.time_class.classTime_830 .class_information {height: calc(var(--time-interval) * 17 - 12px);}
.time_class.classTime_900 .class_information {height: calc(var(--time-interval) * 18 - 12px);}
.time_class.classTime_930 .class_information {height: calc(var(--time-interval) * 19 - 12px);}
.time_class.classTime_1000 .class_information {height: calc(var(--time-interval) * 20 - 12px);}

.timeline_block::-webkit-scrollbar {width: 7px;  background-color: #fff;}
.timeline_block::-webkit-scrollbar-track {width: 1px;overflow: hidden;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;box-shadow: inset 0 0 1px 3px #F5F5F5;}
.timeline_block::-webkit-scrollbar-thumb {background: #E7A336;border: transparent;border-radius: 50px;width: 7px;}
.class_information{position: absolute; background-color: #FFF5EB; border-radius: 8px;padding: 12px; color: rgba(0,0,0,0.6);letter-spacing: 1px; width: 100%;overflow: hidden;min-height: calc(var(--time-interval) * 2);} 
.class_information .class_row{font-size: 14px;letter-spacing: 1px;}
.class_information .class_row i{ color:#F0C47C; margin-right: 8px;font-weight: 400;}
.class_information .class_name{font-size: 14px;line-height: 1.42;font-weight: bold;letter-spacing:0.8px;width: 100%;padding-right: calc(16px + 10%);margin-bottom: 4px;overflow: hidden;}
/*各尺寸card顯示行數上限 Start*/
.time_class .class_information .class_name{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-overflow: ellipsis;word-break: break-all;}
.time_class.classTime_30 .class_information .class_name{-webkit-line-clamp: 1}
.time_class.classTime_100 .class_information .class_name{-webkit-line-clamp: 1}
.time_class.classTime_130 .class_information .class_name{-webkit-line-clamp: 2}
.time_class.classTime_200 .class_information .class_name{-webkit-line-clamp: 3}
.time_class.classTime_230 .class_information .class_name{-webkit-line-clamp: 4}
.time_class.classTime_300 .class_information .class_name{-webkit-line-clamp: 5}
/*各尺寸card顯示行數上限 End*/
.class_information .class_status{line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.class_information .class_time{line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.class_information .class_button_zone{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.class_information .class_button_zone .btn_attendance{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: default;}
.class_information .class_button_zone .btn_attendance.btn_schedule_class_leave, .class_information .class_button_zone .btn_attendance.btn_schedule_class_cancel_leave{cursor: pointer;}
.class_information .class_button_zone .class_icon {width: 16px;height: 16px;display: flex;justify-content: center;align-items: center;gap: 3px;position: absolute;top: 14px;right: 14px;}
.class_information .class_button_zone .class_icon span {display: block;width: 2px;height: 2px;border-radius: 50px;}
.class_information .btn{display: block; width: 100%;  font-weight: 700; padding: 4.5px 0;letter-spacing: 0.01em;font-size: 16px;}
.class_information .label{font-size: 14px;line-height: 24px;font-weight: normal;}
#no_class_information{top: 30%;}
.no_class_information{min-width: 228px; text-align: center;font-size: 15px; color: rgba(0, 0, 0, .6);}
.no_class_information .no_class_img{ background: url(../images/information/no_class.png)no-repeat;background-size: 100%; width: 114px;height: 89px; margin: auto;}
.no_class_information .information_text{ margin-bottom: 10px; font-weight: bold;}
/*即將上課*/
.time_class.prepare_class .class_information {background: #FFF5EB;}
.time_class.prepare_class .class_information .class_row {color: #E7A336;}
.time_class.prepare_class .class_information .class_button_zone .class_icon span {background: #E7A336;}
.time_class.prepare_class.planned_class .class_information:hover {background: #E7A336;}
.time_class.prepare_class.planned_class .class_information:hover .class_row {color: white;}
.time_class.prepare_class.planned_class .class_information:hover .class_button_zone .class_icon span {background: white;}
/*出席*/
.time_class.aready_class .class_information {background: #FFF5EB;}
.time_class.aready_class .class_information .class_row {color: #E7A336;}
.time_class.aready_class .class_information .class_button_zone .class_icon span {background: #E7A336;}
/*請假*/
.time_class.leave_class .class_information {background: #BFDFEC;}
.time_class.leave_class .class_information .class_row {color: #2E505A;}
.time_class.leave_class .class_information .class_button_zone .class_icon span {background: #2E505A;}
.time_class.leave_class.planned_class .class_information:hover {background: #2E505A;}
.time_class.leave_class.planned_class .class_information:hover .class_row {color: white;}
.time_class.leave_class.planned_class .class_information:hover .class_button_zone .class_icon span {background: white;}
/*曠課、停課*/
.time_class.skipschool_class .class_information, .lose_class .class_information{background: #E0E0E0;}
.time_class.skipschool_class .class_information .class_row, .lose_class .class_information .class_row {color: #757575;}
.time_class.skipschool_class .class_information .class_button_zone .class_icon span {background: #757575;}
/*候補*/
.time_class.waiting_class .class_information{background: #E0E0E0; display: none;}
@media (max-width: 1440px) {
  .calendar_block{padding:3%;}
  .class_information .class_time{font-weight: inherit;}
  .class_information .btn{font-size: 14px;}
  .calendar_head .current_month{margin: 0 10.5px;font-size: 18px;}
  .week_head ul li{color: #BDBDBD;font-size: 15px;}
  .week_list ul li.other{color: #E0E0E0;}
  .swiper-wrapper .swiper-slide .slider_img{padding-bottom: 40.25%}
  .timeline_block .time_list {flex-basis: 70px;}
}
@media (max-width: 992px){
  .calendar_block{padding:5%;}

}
/*---------lightbox--------------*/
.lightbox_wrap{display: none;}
.lightbox_wrap h2{font-size: 24px;letter-spacing: 1px;}
.lightbox_bg{position: fixed; background-color: rgba(51, 51, 51, 0.6);left: 0; right: 0; top:0;bottom: 0; z-index: 1200;}
.lightbox_box{position: fixed;left: 0; right: 0; top:0;bottom: 0; z-index: 1201; display: flex; align-items: center; justify-content: center;}
.lightbox_box .btn_close{ background-color:#2E505A; color: #fff;  width: 20px; height: 20px; padding: 0; display: block;font-size: 20px; line-height: 22px; border-radius: 100%;text-align: center;font-weight: bolder;}
.lightbox_box .btn_close:hover{ background-color:#5C9FBA;color: #BFDFEC;}
.lightbox_contect{ background-color: white; border-radius: 8px; min-width: 280px; min-height: 176px; margin: auto; position: relative;}
.lightbox_contect .lightbox_btn_wrap{position: absolute;right: 12px;top: 12px;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}

.lightbox_main_title{ background: url(../images/information/pop_up_top.png)no-repeat; height: 108px;overflow: hidden;padding: 20px 32px; border-radius: 8px 8px 0 0;}
.lightbox_main_title h3{font-size: 24px;line-height: 35px;letter-spacing: 1px;color: rgba(0, 0, 0, 0.6);}
.lightbox_main_title .text{font-size: 15px;line-height: 28px;letter-spacing: 1px;color: rgba(0, 0, 0, 0.6);}
.lightbox_main_wrap{padding: 12px;}
.lightbox_main_wrap .information_wrap .class_leave_detail {width: 100%;padding: 0;}
.lightbox_main_wrap .information_wrap .class_leave_detail > ul > li{margin-bottom: 12px;display: flex;align-items: center;gap: 4px;}
.lightbox_main_wrap .information_wrap .class_leave_detail > ul > li i{color: #E7A336;font-size:10.67px;padding:0;}
.lightbox_main_wrap .information_wrap .class_leave_detail > ul > li .list_name{font-size: 14px;color: rgba(0, 0, 0, 0.38);line-height: 1.1;}
.lightbox_main_wrap .information_wrap .class_leave_detail > ul > li .list_text{font-size: 14px;color: rgba(0, 0, 0, 0.38);line-height: 1.143;}
.lightbox_main_wrap .information_wrap .class_leave_detail > ul > li .list_text.text_name{font-size: 16px;color: rgba(0, 0, 0, 0.6);letter-spacing: 0.8px;width: 100%;padding-right: 40px;line-height: 1.44;}
.lightbox_main_wrap .information{color: #A94B4B;letter-spacing: 1px; text-align: center;margin: 16px 0;font-weight: 700;font-size: 18px;}
.lightbox_main_wrap .lightbox_button_wrap ul{display: flex; align-items: center; justify-content: space-between;}
.lightbox_main_wrap .lightbox_button_wrap ul li{width: 100%;}
.lightbox_main_wrap .lightbox_button_wrap ul li a{width: 100%; display: block; font-size: 14px; padding: 4px;}
#change_password_lightbox .lightbox_main_wrap{padding: 0;height: calc(472px - 108px); display: flex; justify-content: center; align-items: center;}
#change_password_lightbox .lightbox_main_wrap .information_wrap{flex: 0 0 100%;}
#change_password_lightbox .lightbox_contect{ background-color: #fff;}
#interest_tag_lightbox .lightbox_main_wrap .information_wrap{padding: 0;}
#change_password_sucess_lightbox .lightbox_main_wrap .lightbox_button_wrap {margin-top: 20px;}
#change_password_sucess_lightbox .lightbox_main_wrap .lightbox_button_wrap ul li{width: 100%;}
#change_password_sucess_lightbox .lightbox_main_wrap .lightbox_button_wrap ul li button{ width: 100%;}
#change_password_sucess_lightbox .lightbox_main_wrap .information_wrap .success_img{background: url(../images/information/login_success.png)no-repeat ;width: 187px; height: 156px;margin:0 auto;}
#change_password_sucess_lightbox .lightbox_main_wrap .information_wrap{text-align: center; color:rgba(0, 0, 0, 0.6) ;font-size: 14px; line-height: 1.5;}
#change_password_sucess_lightbox .lightbox_main_wrap .information_wrap h2{color: #2E505A;font-size: 24px; margin-bottom: 10px;}
#interest_tag_lightbox .lightbox_contect{ background-color: #fff;}

/* @media (max-width: 1100px) {
  .lightbox_contect::after{display: none;}
  .lightbox_box .btn_close{width: 35px; height: 35px; font-size: 20px; line-height: 35px;}
  .lightbox_box h2{margin-bottom: 10px;}
  .lightbox_main_contect{height: 80%; }
} */
@media (max-width: 768px) {
  .lightbox_box{padding: 5%;}
}
/*---------tab--------------*/
.tab_wrap{margin-bottom: 40px; width: 100%;display: none;}
.tab_list{ display: flex; margin: 16px 0 24px;}
.tab_list li{ margin: 0 1% 0 0;}
.tab_list li a{display: block; border: 1px solid #E7A336;letter-spacing: .01px; text-align: center; border-radius: 35px; font-weight: bold;color: #E7A336; padding: 0 16px;}
.tab_list li a:hover{ background-color: #FFF5EB;  }
.tab_list li.active a{ background-color: #E7A336; color: #FFF5EB; border: 1px solid #E7A336;outline: 1px solid #fff;outline-offset: -2px;}
.tab_item_content .tab_item{display: none;}
.tab_item_content .tab_item.active{display: block;}

/*---------麵包屑--------------*/
.breadcrumb_block{font-size: 14px;margin-bottom: 16px;}
.breadcrumb_block ol{margin: 0;padding: 0; list-style: none;}
.breadcrumb_block ol li{margin: 0;padding: 0; list-style: none; display: inline-block;}
.breadcrumb_block ol li.breadcrumb-item a{color: rgba(0, 0, 0, 0.38);}
.breadcrumb_block ol .breadcrumb-item+.breadcrumb-item::before{font-family: 'icomoon';display: inline-block;padding-right: 0.5rem;content: "\e913";color: #E7A336;}
.breadcrumb_block ol .breadcrumb-item.active{color: #E7A336;}

/*---------選擇器--------------*/
.layer_switch{position: relative;}
.layer_select{display: none; position: absolute;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);min-width:217px;border-radius: 8px;overflow: hidden;left: -50px;top: 40px;}
.layer_select ul li{border-bottom: 1px solid #E0E0E0;}
.layer_select ul li:nth-last-child(1){border-bottom:0 none;}
.layer_select ul li a{height: 46px;padding: 3% 10%; display: block ; color: #666; font-weight: normal;}
.layer_select ul li a:hover{color: #fff; background-color: #F0C47C;}
.layer_switch.active .layer_select{display: block;}
.layer_school_select{min-width: 280px;left: inherit; right: 0;}

/*---------footer--------------*/
footer{background-color: #F0C47C;letter-spacing: 1px;color: #2E505A;font-size: 0.9375rem; width: 100%;}
footer .footer_header{padding: 36px 120px;padding-bottom: 0px;display: flex;
  align-items: center;
  justify-content: center;}
footer .footer_nav_head{font-size: .937rem; color: #2E505A; font-weight: bold; line-height: 22px;margin-bottom: 12px;}
footer .footer_nav_head ul{display: flex; gap: 8px 0;flex-direction: column;}
footer .footer_container{ width: 100%; max-width: 2200px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
footer .footer_block{width: fit-content;max-width: 100%;}
footer a{color:#2E505A;}
footer a:hover{color:#00222c;}
footer .footer_link ul, footer .footer_contact ul{display: flex; gap: 8px 0;flex-direction: column;}
footer .footer_link a{font-weight: 400;}
/* footer .footer_contact{flex: 0 0 40%;} */
footer .footer_contact a{font-weight: 400;word-break: break-all;}
footer .footer_contact ul li{font-weight: 400;display: flex;}
/* footer .footer_other_link_box{flex: 0 0 40%;} */
.footer_copyright{text-align: center;color: #fff;  font-size: 0.875em; font-weight: normal;letter-spacing: 1px;padding: 0 0 12px}
.footer_contact ul li i{line-height: 26px;height: 26px;font-size: 0.9375rem; vertical-align: middle;margin-right: 8px;display: flex;align-items: center;}
.footer_contact ul li i:before{color: #2E505A;}
.footer_other_link_box .footer_other_link{margin-bottom: 20px; min-width: 182px;}
.footer_other_link_box .footer_other_link ul{display: flex; flex-direction: row; gap:8px;}
.footer_other_link_box .footer_other_link ul li .img_wrap{position: relative;width: 100%;height: 100%;max-width: 100%;max-height: 100%;overflow: hidden;-webkit-border-radius: 8px;border-radius: 8px;z-index: 0;}
.footer_other_link_box .footer_other_link ul li .img_wrap img{-webkit-transition: all 0.25s;transition: all 0.25s;width:182px;height: 65px; border-radius: 5px;}
.footer_other_link_box .footer_other_link ul li:hover .img_wrap img{display: block;z-index: 100;-webkit-transform: scale(1.1);transform: scale(1.1);}
.footer_social_link.footer_m{display: none;}
.footer_container .footer_social_link ul{display: flex;gap: 8px;}
.footer_container .footer_social_link ul li a{display: inline-block; background-color: #2E505A; border-radius: 100%; width: 32px; height: 32px; text-align: center; line-height: 32px;font-size: 20px;}
.footer_container .footer_social_link ul li a:hover{background-color: #E7A336;}
.footer_container .footer_social_link ul li a i:before{color: #fff;}

@media (max-width: 1440px) {
  footer .footer_header{padding: 32px 56px 16px;}
}
@media (max-width: 1200px) {
  .footer_other_link_box .footer_social_link.footer_l{display: none;}
  .footer_social_link.footer_m{display: block; width: 100%;}
  .footer_other_link_box .footer_other_link{margin-bottom: 0px;}
  .footer_other_link_box .footer_other_link ul{flex-direction: column;}

}
@media (max-width: 992px) {
  .footer_other_link_box {width: 100%;}
  .footer_other_link_box .footer_other_link ul{flex-direction: row;}
}
@media (max-width: 768px) {
  footer .footer_container{flex-direction: column;}
  footer .footer_header{padding: 32px 24px 16px;}
  footer .footer_link {width: 100%;}
  footer .footer_link ul {width: 100%;flex-direction:row;justify-content: space-between; flex-wrap: wrap;}
  footer .footer_link ul li {width: 50%;}
  .footer_other_link_box .footer_other_link ul{flex-direction: column;}
  .footer_container .footer_social_link ul{flex-wrap: wrap;}
}