@charset "utf-8";

/**************************************************
= header 上方登入選單
********************/
/*theme-bg 背景色*/
.theme-bg{ background:#fff; position: relative;}

/*模組背景色*/
div#main_top,.breadcrumb,div#left,div#middle,div#main_right,div#main_bottom{background: none;}
.center-module-bg{/* background: #EEEEEE; */padding: 25px;border-radius: 30px;}

div#main_top .module,div#left .module,div#middle .module,div#main_right .module,div#main_bottom .module,.module{background: #7e6d6d03;padding: 30px;border: 1px solid #99999945;border-radius: 25px;}
:not(.module-content).module-padding.module-bg { background:#ffffff}

/**************************************************
= header 上方登入選單
********************/
.login .navopen {overflow-x: hidden;}
.login .top-space header{ margin-top: 45px;}
header{/* background: unset; *//* border: 0px solid #fefefe; *//* right: 16px; *//* top: 10px; *//* z-index: 2; */border-radius: 0;/* background-color: #68348E; *//* padding: 5px  18px; *//* border-radius: 0 0 0 27px; *//* right: 6px; *//* top: 0; *//* color: #fff; */}

header {
}
header>a,header>div{/* color:#ffffff; */}
header .fontsize button {color: #fff;background-color: #3C296A;/* border: 0px solid #002145; */box-shadow: none;padding:0;/* border-radius: 6px; */}
header .fontsize button:hover {background-color: #0680a6; color: #ffffff; }
header .dropdown svg { fill: #898989;}
header a:hover,
header>div:hover{ color:#4f6268; }
header .dropdown:hover svg{ fill: #1f0e05;}
header .dropdown-content a:hover{ color: #ffffff; background-color: #002145; }
.logo,.logo a {/* font-size: 2rem; *//* color: #545454; *//* height: 120px; *//* padding-left: 9.5%; */}
.focusable{ opacity: 0;}
.focusable:focus{ opacity: 1;}

@media screen and (max-width: 767px) {
  .login .top-space header{ margin-top: 0px;}
header {border: none; background: #ebebeb}
header, header a, header button, header .dropdown-content a { border-radius: 0px; top:0px; left:0px;}
header>a,header>div{ color:#1f0e05; }
header a:hover, header>div:hover { color: #1f0e05;}
header .dropdown svg{ fill:#1f0e05; }
header .dropdown-content a:hover { color: #bc8ce4; background-color: rgb(246, 235, 255);}
.theme-bg { background-position: -550px 30px;}
}

@media screen and (max-width:520px){
.theme-bg { background-position: -880px 0px;}
}

/*search*/
#ftrs:focus{ outline: 2px dotted #d26800;}
.search .ftrs-search-text {/* width: 270px; *//* margin: 0 0 9px 0!important; *//* padding: 1px 0 0 20px; */}
.ftrs-result { position: relative; min-height: 100px;}
.ftrs-num {position: absolute;top: 0;left: 0;width: 40px;height: 37px;display: flex;justify-content: center;align-items: center;color: #636267;background-color: #dce3ef;font-weight: 600;}
.ftrs-title {color: #413e4b;font-weight: 600;font-size: 1.16rem;margin-left: 45px;word-wrap: break-word;}
.ftrs-title a {color: #413e4b;}
.ftrs-detail {color: #6e6f76;margin-top: 10px;font-size: 0.95rem;}
.ftrs-source {color: #336fb6;font-weight: 550;}
.ftrs-content {margin-top: 10px;font-size: 0.98rem;color: #4e5052;word-wrap: break-word;}
.ftrs-update {color: #566e97;text-align: right;font-size: 0.92rem;}
.ftrs-keyword {color: #e00000;}

.hd-search, .hd-search:hover, .hd-search:active:hover {/* background: unset; *//* border: 0; *//* padding: 1px 10px; *//* border-radius: 2px; */}
.hd-search:hover, .hd-search:active:hover { opacity: 0.8}

.search input#ftrs_::placeholder {color: #fff;font-size: 14px;}
.search input#ftrs_::-moz-placeholder { color: #fff;font-size: 14px;}

.search .form-group-m .bar {/* top: -5px; *//* border-bottom: unset; *//* color: #000!important; */}

.theme .search {/* position: absolute; *//* right: 7px; *//* bottom: 0; */background: #b28dce;/* border-radius: 15px 0 0 0; *//* z-index: 0; */padding-right: 33px;/* padding: 15px 0 0 15px; *//* color: #000!important; */}

.search {
  transform:scale(.7);
  transform-origin:right bottom;     
        }
#ftrs_::-webkit-input-placeholder { /* Chrome, Safari, Edge */
    color: #402f2f!important;
    opacity: 1;
  font-size:1.2rem!important;
}


@media only screen and (min-width: 500px) and (max-width: 700px) {
.ftrs-search-text {width: inherit;}
}

.hot-color{ display: inline-block;}

@media only screen and (max-width: 520px){
.hot-color{ display: block; margin-left: -5px;}	
}

.hotsearch {margin-top: 8px;margin-left: 5px;}
.hotsearch[disabled], .hotsearch[disabled] a {color: #b3b3b3 !important;}
.hotsearch a {position: relative;padding: 0 7px 0 5px;color: #333;white-space: nowrap;}
.hotsearch a:hover {color: #4372ab;text-decoration: underline;}
.hotsearch a+a {margin-left: 5px;}
.hotsearch a+a:before {content: "";position: absolute;width: 1px;height: 100%;top: 1px;left: -5px;background: #c1c1c1;}
.search-record .select-item {padding-left: 10px;}
.search-record .select-menu {top: -10px;margin-left: 25px;width: calc(75% - 25px);}

.search .ct-circle-icon {/* width: 30px; *//* height: 30px; *//* padding-top: 0; *//* margin-bottom: 4px; */}
.search .ct-circle-icon svg {/* fill: #fff; *//* width: 1.5em; *//* height: 1.5em; *//* vertical-align: middle; */}
.search>div.ct-row {height: 25px; border: 1px solid #dadada;}
.search .form-group-m input {/* height: 2rem; *//* caret-color: #0680A6; *//* color: #fff; */}

@media only screen and (max-width: 700px) and (min-width: 500px) {
.search-record .select-menu {width: calc(65% - 25px);}
}

/**************************************************
= theme 上方主圖
********************/
h1 strong { position: relative;}
h1 strong.picshow { position: absolute; top: -800px; right: 0}

.theme:before {
  /* content: ""; */
  /* background: url(../img/leftlogo.png) no-repeat; */
  /* position: absolute; */
  /* top: 5px; */
  /* left: 8.4%; */
  /* width: 640px; */
  height: 102px;
  /* background-size: contain; */
  }

@media (min-width :1440px){
.logo img { max-width: 580px}
}

@media (min-width :1820px){
.logo img { max-width: 680px}
}

@media (max-width :1080px){
.theme { background-position: -600px top;}
.theme:before {left: 35px;}
.logo { padding-left: 30px;}
}

@media screen and (max-width:768px){
  .theme:before { 
    background: url(../img/left-s-logo.png) no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    top: 23%;
    left: 35px;
  }
  .logo { padding-left: 110px;}
}

@media screen and (max-width:520px){
  .theme:before { 
    left: 15px;
    top: 20%;
    width: 55px;
  }
  .logo { padding-left: 80px;}
}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background-color:#002145;}
.navbar ul{ max-width: 1320px; justify-content: center;}
.navbar>ul>li {margin: 0 10px;padding: 0; padding-right: 10px}
.navbar li a{ padding: 10px; padding-left: 15px; padding-right: 0; color: #fff; font-weight: bold; font-size: 17px; display: inline-table;}
.navbar li:hover {background-color:#0680a6;}
.navbar li:hover a {color:#f1f1f1;}
.navrwd-svg svg { fill: #fff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#e6e6e6; color:#002145;}
.navbar li:hover ul a:hover { background-color:#d8d8d8; color:#002145;}
.navbar li .menuhidden.navbar-menu a { background-color:#e6e6e6; color:#002145;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#d8d8d8; color:#002145;}
.navbar li ul li a{ border-bottom:1px solid #e6e6e6; min-width: 180px;}

@media screen and (max-width: 767px) {
.navbar {display: none;}
.navbar li { width: 100%; background: #e6e6e6;}
.navbar ul { /*background: #ffffff; color: #ffffff;*/}
.navbar li a { /*background: #e6e6e6; */color: #ffffff;}
.navbar ul li{border-bottom: 1px solid #ffffff;}
.navbar li:hover a{ color: #002145;}
.navbar li:hover ul a {  background-color:#e6e6e6; color:#002145;}	
.navbar li:hover ul a:hover {  background-color:#d8d8d8; color:#002145;}
.navbar li .menuhidden.navbar-menu a{ background-color:#71daeb; color:#fff;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#d8d8d8; color:#002145;}
.navbar .show-menu{ color: #fff;background:#e6e6e6}
.navbar .show-menu .ct-hamburger svg { fill:#fff;}
/* .navrwd-svg{ background: rgba(255,255,255,0.8); border: none;}*/
.navrwd-svg{ border: none;} 
.navrwd-svg svg{ fill: #e6e6e6;}
.navbar li ul li { border: 0;}
}

/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #002145;}
.breadcrumb-item.active {color: #693490;font-size: 1.2rem;}/*262626 green*/
.breadcrumb a{color: #693490;font-size: 1.2rem;font-weight: 700;}
.breadcrumb a:hover{color: #0680A6;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{
          color: #fff;
          /*background-image: url(../img/footerbg.jpg);*/
          background: #382049;
          background-repeat: no-repeat;
          background-position: top;
          min-height: unset;
          padding-top: 0px;
          box-shadow: unset;
          margin-top: 20px;
          }
/* .footerbg::before{
  content: "";
  background-image: url(../img/v2/footer_logo.png);
  background-repeat: no-repeat;
  background-position:center;/
  display: block;               
  width:100%;
  height:152px;
  background-size: contain;
  background-color:#fff;
  margin: 0 auto;
  padding:30px 0
} 
*/
.footerbg a {color: #fff;}
.connect-links,.connect .text.connect-explorer{ color: #fff;}
.connect-links:hover{text-decoration: none;color: #fff;}
.copyright { color: #ffffff; background: #0680a6;}

.opentab {margin-top: 8px}

/**************************************************
= module title 模組標題
********************/
.module-title {color: #693490;border-bottom: 3px solid #3f1a5991;/* font-size: 2rem; */font-weight: 600!important;text-align: right !important;margin: 0 0 15px 0px;padding: 10px;}
/* .module-title::before{
  position:absolute;
  content:"";
  background-image:url(../img/v2/menu.png);
  background-repeat:no-repeat;
  background-size:cover;
  width:50px;height:50px;
  top:5px;left:-60px;
} */
  
.form-group-m{
    /* background: #ffffff69 !important; */
    padding: 0px 10px 1px;
    /* border-radius:5px; */
    /* margin: 0 auto 20px auto!important; */
    /* color:#000!important; */
  }
  .btn-primary{/* background-color:#683390; */}

/**************************************************
= color
********************/

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#ffffff;}
.nav-tabs .nav-item,.nav-pills .nav-item{margin-right: 4px;}
.nav-tabs .nav-item a,
.nav-pills .nav-item a{color: #fff;background: #683390c9;border-color: unset;border-radius: 10px 10px 0 0;padding: 10px 25px;color: #f1eeee;border: 0;}
.nav-pills .nav-item a{ border-bottom: 1px solid #f4ffd4;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {color: #fff;background: #683390d6;border-color: #e6e6e6 #e6e6e6 #e6e6e6;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {color: #ffffff;background: #683390;border-color: unset;border-radius: 10px 10px 0 0;padding: 10px 25px;/* font-weight: 600; *//* font-size: 1.2rem; */}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color: #ed96af;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #fff;background-color:#e6e6e6;}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color: #868e96;}
.ct-dropdown-menu { background-color: #fff;  border: 1px solid #e6e6e6;}
.ct-dropdown-item { color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-item, .nav-tabs .nav-item .ct-dropdown-item{ border: 0; background: #ffffff; border-top: 1px solid #ededed; color: #9a654a;}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover { color: #ed96af; background-color: #fdf1f4;}



/* table表格 ********************/
.ct-table th,.ct-table td {border-top-color:#ccc;}
.ct-table tbody + tbody {border-top-color:#ccc;}
.table-striped tbody tr:nth-of-type(odd) { background-color:#f3f3f4;}
.ct-table .thead-light th { color: #333333; background-color: #ffffff; border-color: #ffffff; border-bottom: 1px solid #cccccc;}
.ct-table .thead-dark th { color: #ffffff; background-color: #07245e; border-color: #07245e;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#eef3f9;}

@media only screen and (max-width: 575px){
.table-responsive .ct-table  td:before,
.table-responsive .ct-table th:before{color:#2d67a0;}
}

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{background: #e6e6e6;color: #683390;border-bottom-color: #d8d8d8;}
.nav-Vertical ul li .sub-menu-item:hover {background: #683390;color: #ffffff;}


.nav-Vertical ul li .sub-menu-item a{color: #693490;font-size: 1.05rem;/* margin-left: 30px; */}
.nav-Vertical ul li .sub-menu-item a:hover,
.nav-Vertical ul li .sub-menu-item a:focus,
.nav-Vertical ul li .sub-menu-item a:active,
.nav-Vertical ul li .sub-menu-item .active{color:#545454;}
.nav-Vertical ul li .sub-menu-item:hover a{color:#ffffff;}

.nav-Vertical ul li .menu-arrow svg{fill: #693490;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item a{color:#002145;}
.nav-Vertical ul li ul li .sub-menu-item:hover a{color:#0680a6;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#ffffff;border-bottom-color: #ececec;}
.nav-Vertical ul li ul li ul li .sub-menu-item{ background:#eefefd;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background: #ffffff; color: #0680a6; border-left-color: #002145;}
.vertical-hamburger { background:#002145;}
.vertical-hamburger svg { fill:#ffffff;}

.ct-sitemap{background:#ffffff;}
.sitemap-title { background: #002145; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #505050; border-left-color: #0680A6; background: #fbfbfb;}
.sitemap-item a:hover,
.sitemap-item a:focus{background: #fdfaf0; color: #3c2117; border-left-color: #ff9800;}
.sitemap-icon svg {fill: #ffffff;}

@media screen and (max-width: 520px){
.sub-menu-item a {width: auto;}
}
.item_Page a {font-size: 1.05rem;}

/**************************************************
= imgboard 圖片板 ********************/
.imgboard { width: 100%; height: auto; padding: 8px; margin: 8px 0 0; background-color:#ffffff; color:#111; font-size: 1.1rem; overflow: hidden;}
.imgboard .imgboard-grid {display: grid; grid-column-gap: 10px; grid-row-gap: 20px; grid-template-columns: repeat(6, 1fr); width: 100%;}
.imgboard .line-block {float: left; width: 100%}
.imgboard .imgbd { position: relative;  width: 100%; height: auto; border-radius: 0px; display: flex; margin: 0 8px; cursor: pointer;top: 0px; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.imgboard .imgbd { background: #ffffff;}
/*.imgboard .imgbd:hover {top: 0px;}*/
.imgboard .imgbd a {width: 36px; height: 36px;}
.imgboard .imgbd .imgbd-svg { margin: 0 auto; background-repeat: no-repeat; background-position: center;}
.imgboard .imgbd:not(.imgbd-0):hover .imgbd-svg {opacity: 0.8}

.imgboard .imgbd.imgbd-0 {display: grid;grid-column-gap: 8px;grid-row-gap: 8px;grid-template-columns: repeat(1, 1fr);}

.imgbd-content { padding: 0 15px; color: #0680a6; font-size: .97rem; width: 75%}
.imgboard .imgbd-title {font-size: 1.15rem;padding-bottom: 6px;text-align: left;color:#002145;position: relative;}
.imgboard .imgbd-title:after { content: ""; background: #0f2446; height: 1.2px; width: 50px; position: absolute; bottom: 0;left: 0;}
.imgboard .imgbd:hover .imgbd-title {opacity: 0.89}
.imgbd-content p:hover, .imgbd-content a:hover {font-weight: bold;}

.imgbd-content.social { display: flex; flex-direction: row; padding: 0;}
.imgbd-content.social .fb, .imgbd-content.social .yt { width: 32px; margin-right: 10px;}
.imgbd-content.social .fb:hover, .imgbd-content.social .yt:hover { opacity: 0.8;}

.imgboard .morebtn {text-align: center;position: relative; display: table; margin-left: auto; margin-right: 10px; padding: 0 20px;}
.imgboard .morebtn a {color: #222; font-weight: bold;}
.imgboard .morebtn::before {content: ""; background: #002145; width: 5px; height: 5px; position: absolute; top: 10px;left: 0;transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.imgboard .morebtn:hover::before {background: #002145; background:linear-gradient(to right, #002145, transparent); width: 100%; height: 2px}


@media only screen and (max-width: 1400px){
.imgboard{ font-size:1rem;}
.imgboard .imgboard-grid {grid-template-columns: repeat(3, 1fr)}
}
@media only screen and (max-width: 1200px){
.imgboard .imgbd-svg {width: 60px;height: 60px;}
}
@media only screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
.imgboard .line-block { overflow: hidden;}
}
@media only screen and (max-width: 520px){
.imgboard .imgboard-grid {grid-template-columns: repeat(2, 1fr)}
}

@media screen and (max-width: 520px) {
.imgboard .imgboard-grid {grid-template-columns: repeat(1, 1fr)}
.imgboard .line-block {border-bottom: 1px dashed #ddd; padding: 10px 0;}
}

/**************************************************
= .lessoncenter 學科中心 ********************/
.lessoncenter {display: flex; flex-direction: row; width: 100%; margin: 8px 0; padding: 8px 0}
.lessonimg { width: 60%; margin-left: 16px;}
.lessonlist { margin-left: 20px; margin-right: 16px; display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(2, 1fr); width: 40%;}

.lessonimg-content {height: 425px; overflow: hidden; position: relative; margin: auto}
.lessonimg-content .lessonimg-svg {width: 100%}

.l-list {list-style: none;padding: 0}
.l-list li { height: 35px; background: #fafdff; position: relative}
.l-list li a{ color: #002145; /*border-left: 7px solid #88d9ff;*/ height: 35px; display: flex; padding-left: 20px; align-items: center; position:relative;}
.l-list li::before {content: "";background: #a37cbf;width: 7px;height: 35px;position:absolute;left: 0;transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.l-list li:hover a { font-weight: bold;}
.l-list li:hover::before {background: #002145;}
/*.l-list li:hover::before {background: #88d9ff; background:linear-gradient(to right, #61d7f1, transparent); width: 100%;}*/
@media screen and (max-width: 768px) {
.lessoncenter {flex-direction: column;}
.lessonimg,.lessonlist {width: 100%; margin-left: 0;padding: 16px;}
}

@media screen and (max-width: 520px) {
.lessonimg-content {height: auto;}
}
/**************************************************
= .audioboard 影音板 ********************/
.audioboard { margin: 20px 8px; padding: 8px; display: flex; width: 100%; word-break: break-word;}
.ab-left,.ab-right {width: 50%; height: 340px; overflow: hidden}
.ab-left { background: #333;}
.ab-right {padding: 0 16px;text-align: right}

.left-content {margin: 4% 8%;background: #fff;display: inline-flex; height: 300px; width: 84%;}
.ab-content {overflow: hidden;}
.ab-title {font-weight: 600;font-size: 45px; margin-bottom: 1.5rem; padding-bottom: 0.5rem; color: #111; border-bottom: 1px dotted #ddd;}
.ab-title .t1 { font-size: 60px}
.ab-title .t3 { font-size: 55px}
.ab-content p { display: inline-flex; height: 140px; padding-left: 20px; text-align: left; align-items: flex-end; line-height: 25px;}

@media screen and (max-width: 768px){
  .audioboard { margin: 20px 0px; flex-direction: column;}
  .ab-left,.ab-right {width: 100%;}
  .ab-right {text-align: left}
  .ab-content p {padding-left: 0}
  
  .ab-title .t1, .ab-title .t2, .ab-title .t3 { font-size: 45px}
  
}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #0680a6;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#10ad7d;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #0680a6;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#10ad7d;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff;  background-color:#461600;  border-color:#461600;  fill: #ffffff;}
.repair-basicset .btn-primary:hover,.repair-basicset .btn-primary:focus,.repair-basicset .btn-primary:active,.repair-basicset .btn-primary.active,.repair-basicset .open .ct-dropdown-toggle.btn-primary,.repair-basicset .btn-primary:active:focus,.repair-basicset .btn-primary:active:hover,.repair-basicset .btn-primary.active:hover,.repair-basicset .btn-primary.active:focus{background:#21adc2;}

.repair-basicset .btn-primary.active.focus,.repair-basicset .btn-primary.active:focus,.repair-basicset .btn-primary.active:hover,.repair-basicset .btn-primary:active.focus,.repair-basicset .btn-primary:active:focus,.repair-basicset .btn-primary:active:hover,.repair-basicset .open>.ct-dropdown-toggle.btn-primary.focus,.repair-basicset .open>.ct-dropdown-toggle.btn-primary:focus,.repair-basicset .open>.ct-dropdown-toggle.btn-primary:hover{ background:#21adc2;}

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background:#fdfefa; color: #545454; border-bottom: 4px solid #002145;}
.ct-focusslider .focus-content .textblock.notice-color{background: #ffffff59;color: #333;border-bottom: 4px solid #fff;}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:#002145; }
.ct-focusslider .focus-controls .focus-arrow:hover { fill: #0680a6;}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}
/*CGA004、CGA008、CGA009電子報系列*/
.ct-epaper .epaper-list {background: #fffaf5;}
.ct-epaper .btn-primary{color: #ffffff; background-color:#e27118; border-color:#e27118; fill: #ffffff;}
.ct-epaper .btn-primary:hover{color: #ffffff; background-color:#d2620a;  border-color:#d2620a; fill: #ffffff;}
.ct-epaper .yearnav ul li{ background: #fff4e5; color: #333333; border-bottom: 1px solid #cccccc;}
.ct-epaper .yearnav ul li a{ color: #333333; }
.ct-epaper .yearnav ul li:hover { background: #0680a6; color: #ffffff;}
.ct-epaper .yearnav ul li:hover a { color: #ffffff; }
/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background-color:#002145; border-color:#002145; fill: #ffffff;}
.cmgch-google .btn-all:hover,.cmgch-google .btn-all:focus,.cmgch-google .btn-all:active,.cmgch-google .btn-all.active,.cmgch-google .btn-all:active:focus,.cmgch-google .btn-all:active:hover,.cmgch-google .btn-all.active:hover,.cmgch-google .btn-all.active:focus { color: #ffffff; background-color:#21adc2;  border-color:#21adc2; fill: #ffffff;}
.cmgch-google .btn-advanced{ color: #ffffff; background-color: #797979; border-color: #797979; fill: #ffffff;}
.cmgch-google .btn-advanced:hover,.cmgch-google .btn-advanced:focus,.cmgch-google .btn-advanced:active,.cmgch-google .btn-advanced.active,.cmgch-google .btn-advanced:active:focus,.cmgch-google .btn-advanced:active:hover,.cmgch-google .btn-advanced.active:hover,.cmgch-google .btn-advanced.active:focus { color: #ffffff; background-color: #676767;  border-color: #676767; fill: #ffffff;}
.cmgch-google .form-group-m input { caret-color:#002145;} 
.cmgch-google .form-group-m .bar::before {background:#002145;}

/*ALT+C 導盲磚 *******************/
.text-secondary {color: #656769;}

/*freeze btn overflow *******************/
#noticeview_to_print .ct-btn {white-space: normal;}

/*權限scrollbar *******************/
.select-menu-container .select-menu {overflow-y: scroll; height: 150px;}

/* thin */
@media screen and (min-width: 1200px) { .ctSize {width: 86%;margin-left: 7%;}}

.navbar li .menuhidden.navbar-menu a {line-height: 30px;}
.navbar li:hover ul a, .navbar ul li a:focus+.navrwd+.menuhidden {line-height: 30px}
.nav-link { padding: 0.4rem 1rem;}
.ct-table th, .ct-table td { padding: 0.4rem;}

.module table .download_rect, .module table .link_rect {height: auto;}

.module .lfcenter a.lfaimg {height: auto; padding: 3px; border: 1px solid #436d11; border-radius: 2px;}

/*other*/
#middle .ct-row .gd-xs12 .ct5ac1f40e3cfa7d3da556b86a {margin: 8px; padding: 8px}

/*editor與公告彈窗內容*/
.ct5abf2d91aa93092cee58cebc, .htmldisplay {font-size: 17px; color:#555555; line-height:1.6;}
.ct5abf2d91aa93092cee58cebc	p, .htmldisplay p {	margin-bottom: 16px;	}
.ct5abf2d91aa93092cee58cebc	h1, .htmldisplay h1 { font-size:1.5rem;	line-height:2;}
.ct5abf2d91aa93092cee58cebc	h2, .htmldisplay h2 { font-size:1.2rem;	font-weight:600; text-align:center;}
.ct5abf2d91aa93092cee58cebc	h3, .htmldisplay h3 { font-size:1.1rem; line-height:2;}

@media screen and (max-width: 992px) {
.ct5abf2d91aa93092cee58cebc, .htmldisplay  {font-size: 17px; color:#555555; line-height:1.4;}
.ct5abf2d91aa93092cee58cebc	h1, .htmldisplay h1 { line-height: 1.6;}
.ct5abf2d91aa93092cee58cebc	h3, .htmldisplay h3 { line-height: 1.6;}
}

/*客製主選單*/
.menu
{background-color: #8054A2;display:flex;flex-wrap:wrap;justify-content:space-around;padding-left:12%;padding-right:12%;width:100%;}

.menuitem { float:left; padding:7px; text-align:center;}
.menuitem:hover {background-color: #3c296aba;}
.menuitem a { color:#ffffff; font-size:1.13em; font-weight:600;}

.submenu
{
background-color:#eeeeee;
display:flex;
flex-wrap:wrap;
font-size:1em;
justify-content:center;
padding-left:5%;
padding-right:5%;
width:100%;
}
.submenu span { padding:8px;}
.submenu span:hover {background-color: #e8c277;}
.submenu a { color:#545454;}

/* ghs issue#1 [需求] - 國教署普高編輯器隱藏背景 */
.ct5abf2d91aa93092cee58cebc.module-padding {
  padding: 0;
  margin: 0;
}



/* over write from basic */
.theme{height: 120px;width: 100%;background: #fff/*url(../img/headerbg.jpg)*/;background-position: right;z-index: 1;}


body {
    font-family: "Noto Sans TC", sans-serif;
}

/* .ct5abf2d91aa93092cee58cebc{
  margin-bottom:-300px!important;
} */
.ct5ae19a832dc6744a2d2daa67 .ct-focusslider .focus-content .textblock {
   
/*    height: 80px!important;*/
}
.footer_title{background-image:url(../img/v2/footer_bar.png);background-repeat:no-repeat;background-size: contain;color:white;display:flex;flex-direction:column;height: auto;justify-content: flex-start;padding: 30px 30px 0 30px;text-align:center;width:100%;aspect-ratio: 1000/306;margin: 20px 0 5px;}
.footer_title h1{font-size:4rem;font-weight:500;line-height:0.5;text-align:left;}
.footer_title h3{text-align:left;}
.card-row{
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 30px;
    padding-top: 10px;
}
.card-1{}
.card-1 img{
    aspect-ratio: 16/9;
    max-width: 289px!important;
}
.card-1 p{
    text-align: left;
}
@media only screen and (max-width:1440px){
   .card-row{
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 40px;
    padding-top: 5px;
} 
.card-1{margin-top:-15px}
.footer_title{padding:15px 20px 0 15px}
    
}
  @media screen and (max-width: 520px) {
.footer_title{background-image:url(../img/v2/footer_bar.png);background-repeat:no-repeat;background-position-x: -30px;background-size: cover;color:white;display:flex;flex-direction:column;/* height: auto; */justify-content: center;padding: 26px;text-align:center;width:100%;aspect-ratio: 16/6;padding-bottom: 51px;}
.footer_title h1{font-size: 1.6rem;font-weight:500;line-height:0.5;text-align:left;margin-bottom: 10px;}
.footer_title h3{text-align:left;/* font-size: 0.7rem; */line-height: 1;margin-bottom:0px;}
.footerbg::before{padding:0;}
.card-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 40px;
    padding-top: 0px;
} 
.card-1{
    margin-top: 15px;
}
.card-1 img{max-width: 375px!important;}
.b6b{background-size:contain;}  
.rows{zoom:.16}
}
.b6b {
            background-image: url(http://nss5.cybertutor.com.tw/pkg_nss/68ddd0d17399345aa3dd9344/img/v2/bottom_banner.png);
            background-size: cover;
            background-position: top center;
            background-repeat: no-repeat;
            width: 100%;
            aspect-ratio: 1820/911;
            display: grid;
            align-items: end;
        }


        .main-container {
            background-color: #000;
            margin: 0;
            position: relative;
        }

        .content-container {
            bottom: 30px;
            position: absolute;
            width: 100%;
        }

        .rows {
}

        .row {
           
        }

        .row-1 {
            grid-template-columns: repeat(4, 20%);
            display: grid;
            justify-content: space-around;
            margin: 10px 15% 10px 15%;
            justify-items: center;
        }

        .row-2 {
            grid-template-columns: repeat(5, 20%);
            display: grid;
            justify-content: space-around;
            margin: 10px 15% 10px;
            justify-items: center;
        }

        .text-huge {
            margin: auto 0;
            width: 105px;
            /* color: #fff; */
        }

        .text-small {
            font-size: 0.875rem;
            line-height: 1.4em;
            /* display: block; */
        }
        .b6b .text-small{display:block;}

        .text-tiny {
            font-size: 0.75rem;
        }

        .item {
            background-color: rgb(182 174 63 / 0%);
            /* border: 2px dashed #C3902C33; */
            text-align: center;
            white-space: nowrap;
            /* min-width: 200px; */
            /* width: auto; */
        }
          .item a {
            color: #693490;
            text-decoration: none;
        }

        .item div {
            width: auto;
            margin: 0 auto;
        }
.item p{text-align:center;}

       .b6b .item img {
            max-width: 100%;
            opacity: .75; 
            zoom: 0.65;
}

        .item .text-big {
            font-size: 1.25rem;
            font-weight: bold;
            display: block;
        }

        .item.text-small {
            display: block;
            margin: 10px 0;
        }

        .item .text-small.multi-line {
            margin-top: 10px;
            margin-bottom: 10px;
        }
.lessonlist span{color:#693490!important;/* font-size:1.3rem; */}

/* 客戶保留 */

.menu_20 {
background-color:#C3902C;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
padding-left:12%;
padding-right:12%;
width:100%;
}

.menuitem_20 {
float:left;
padding:7px;
text-align:center;
}

.menuitem_20:hover {
background-color:#f3d65a;
}

.menuitem_20 a {
color:#ffffff;
font-size:1.13em;
font-weight:600;
}

.headline_20 {
display:block;
line-height:1.1em;
}

.headline_summary_20 {
display:block;
line-height:1.1em;
margin-bottom:-15px;
transform:translate(15px,-35px);
}

.intro_summary_20 {
margin-left:15px;
}

.intro_20 {
display:block;
line-height:1.3em;
margin-top:20px;
}

.tag_20 {
display:inline-block;
padding:0.5em;
}

.icon_hr_20 {
background-color:#FCF9FE;
color:#693490;
line-height:1;
}

.icon_div_20 {
display:flex;
flex-wrap:wrap;
}

.icon_item252_20 {
margin-bottom:20px;
text-align:center;
width:252px;
}

.icon_item168_20 {
margin-bottom:20px;
text-align:center;
width:168px;
}

.icon_item148_20 {
margin-bottom:20px;
text-align:center;
width:148px;
}

.icon_name_20 {
font-size:1.2em;
}

.icon_unit_20 {
display:block;
line-height:1em;
}

.icon_unit2_20 {
display:block;
line-height:1em;
margin-top:5px;
}

.icon_unit3_20 {
display:block;
line-height:1em;
margin-top:10px;
}

.organizer_p_20 {
line-height:1!important;
text-wrap:nowrap;
word-break:keep-all;
}

.organizer_unit_20 {
display:block;
line-height:1.4em;
}

.organizer_unit2_20 {
display:block;
line-height:1.1em;
margin-top:5px;
}

.agenda_role_20 {
margin-left:70px;
}
.lmr_remind:before,.top_remind:before,.bottom_remind:before {
  
   white-space:normal;
    }