@import url(../../icon_new/css/all.min.css);
@import url(../../File/css/swiper-bundle.min.css);
.container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }

.w-full{width:100%}
/*字體*/
.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
/*字級*/
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
.leading-loose {line-height: 2;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
/*display*/
.block{display: block!important;}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.hidden{display: none!important;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center!important;}
.text-right{text-align: right;}
/*導圓角*/
.rounded-none {border-radius: 0;}.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}
.rounded-full {border-radius: 9999px;}
/*字顏色*/
.text-transparent{color:transparent}.text-black{color:#000}.text-white{color:#fff}.text-gray-100{color:#f7fafc}.text-gray-200{color:#edf2f7}.text-gray-300{color:#e2e8f0}.text-gray-400{color:#cbd5e0}.text-gray-500{color:#a0aec0}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-800{color:#2d3748}.text-gray-900{color:#1a202c}.text-red-100{color:#fff5f5}.text-red-200{color:#fed7d7}.text-red-300{color:#feb2b2}.text-red-400{color:#fc8181}.text-red-500{color:#f56565}.text-red-600{color:#e53e3e}.text-red-700{color:#c53030}.text-red-800{color:#9b2c2c}.text-red-900{color:#742a2a}.text-orange-100{color:#fffaf0}.text-orange-200{color:#feebc8}.text-orange-300{color:#fbd38d}.text-orange-400{color:#f6ad55}.text-orange-500{color:#ed8936}.text-orange-600{color:#dd6b20}.text-orange-700{color:#c05621}.text-orange-800{color:#9c4221}.text-orange-900{color:#7b341e}.text-yellow-100{color:#fffff0}.text-yellow-200{color:#fefcbf}.text-yellow-300{color:#faf089}.text-yellow-400{color:#f6e05e}.text-yellow-500{color:#ecc94b}.text-yellow-600{color:#d69e2e}.text-yellow-700{color:#b7791f}.text-yellow-800{color:#975a16}.text-yellow-900{color:#744210}.text-green-100{color:#f0fff4}.text-green-200{color:#c6f6d5}.text-green-300{color:#9ae6b4}.text-green-400{color:#68d391}.text-green-500{color:#48bb78}.text-green-600{color:#38a169}.text-green-700{color:#2f855a}.text-green-800{color:#276749}.text-green-900{color:#22543d}.text-teal-100{color:#e6fffa}.text-teal-200{color:#b2f5ea}.text-teal-300{color:#81e6d9}.text-teal-400{color:#4fd1c5}.text-teal-500{color:#38b2ac}.text-teal-600{color:#319795}.text-teal-700{color:#2c7a7b}.text-teal-800{color:#285e61}.text-teal-900{color:#234e52}.text-blue-100{color:#ebf8ff}.text-blue-200{color:#bee3f8}.text-blue-300{color:#90cdf4}.text-blue-400{color:#63b3ed}.text-blue-500{color:#4299e1}.text-blue-600{color:#3182ce}.text-blue-700{color:#2b6cb0}.text-blue-800{color:#2c5282}.text-blue-900{color:#2a4365}.text-indigo-100{color:#ebf4ff}.text-indigo-200{color:#c3dafe}.text-indigo-300{color:#a3bffa}.text-indigo-400{color:#7f9cf5}.text-indigo-500{color:#667eea}.text-indigo-600{color:#5a67d8}.text-indigo-700{color:#4c51bf}.text-indigo-800{color:#434190}.text-indigo-900{color:#3c366b}.text-purple-100{color:#faf5ff}.text-purple-200{color:#e9d8fd}.text-purple-300{color:#d6bcfa}.text-purple-400{color:#b794f4}.text-purple-500{color:#9f7aea}.text-purple-600{color:#805ad5}.text-purple-700{color:#6b46c1}.text-purple-800{color:#553c9a}.text-purple-900{color:#44337a}.text-pink-100{color:#fff5f7}.text-pink-200{color:#fed7e2}.text-pink-300{color:#fbb6ce}.text-pink-400{color:#f687b3}.text-pink-500{color:#ed64a6}.text-pink-600{color:#d53f8c}.text-pink-700{color:#b83280}.text-pink-800{color:#97266d}.text-pink-900{color:#702459}

/*BG顏色*/
.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-gray-300{background-color:#e2e8f0}.bg-gray-400{background-color:#cbd5e0}.bg-gray-500{background-color:#a0aec0}.bg-gray-600{background-color:#718096}.bg-gray-700{background-color:#4a5568}.bg-gray-800{background-color:#2d3748}.bg-gray-900{background-color:#1a202c}.bg-red-100{background-color:#fff5f5}.bg-red-200{background-color:#fed7d7}.bg-red-300{background-color:#feb2b2}.bg-red-400{background-color:#fc8181}.bg-red-500{background-color:#f56565}.bg-red-600{background-color:#e53e3e}.bg-red-700{background-color:#d93a1d}.bg-red-800{background-color:#d93a1d}.bg-red-900{background-color:#742a2a}.bg-orange-100{background-color:#fffaf0}.bg-orange-200{background-color:#feebc8}.bg-orange-300{background-color:#fbd38d}.bg-orange-400{background-color:#f6ad55}.bg-orange-500{background-color:#ed8936}.bg-orange-600{background-color:#dd6b20}.bg-orange-700{background-color:#c05621}.bg-orange-800{background-color:#9c4221}.bg-orange-900{background-color:#7b341e}.bg-yellow-100{background-color:#fffff0}.bg-yellow-200{background-color:#fefcbf}.bg-yellow-300{background-color:#faf089}.bg-yellow-400{background-color:#f6e05e}.bg-yellow-500{background-color:#ecc94b}.bg-yellow-600{background-color:#d69e2e}.bg-yellow-700{background-color:#b7791f}.bg-yellow-800{background-color:#975a16}.bg-yellow-900{background-color:#744210}.bg-green-100{background-color:#f0fff4}.bg-green-200{background-color:#c6f6d5}.bg-green-300{background-color:#9ae6b4}.bg-green-400{background-color:#68d391}.bg-green-500{background-color:#6ac3bd}.bg-green-600{background-color:#38a169}.bg-green-700{background-color:#2f855a}.bg-green-800{background-color:#276749}.bg-green-900{background-color:#22543d}.bg-teal-100{background-color:#e6fffa}.bg-teal-200{background-color:#b2f5ea}.bg-teal-300{background-color:#81e6d9}.bg-teal-400{background-color:#4fd1c5}.bg-teal-500{background-color:#38b2ac}.bg-teal-600{background-color:#319795}.bg-teal-700{background-color:#2c7a7b}.bg-teal-800{background-color:#285e61}.bg-teal-900{background-color:#234e52}.bg-blue-100{background-color:#ebf8ff}.bg-blue-200{background-color:#bee3f8}.bg-blue-300{background-color:#90cdf4}.bg-blue-400{background-color:#63b3ed}.bg-blue-500{background-color:#4299e1}.bg-blue-600{background-color:#3182ce}.bg-blue-700{background-color:#3386b8}.bg-blue-800{background-color:#2c5282}.bg-blue-900{background-color:#2a4365}.bg-indigo-100{background-color:#ebf4ff}.bg-indigo-200{background-color:#c3dafe}.bg-indigo-300{background-color:#a3bffa}.bg-indigo-400{background-color:#7f9cf5}.bg-indigo-500{background-color:#667eea}.bg-indigo-600{background-color:#5a67d8}.bg-indigo-700{background-color:#4c51bf}.bg-indigo-800{background-color:#434190}.bg-indigo-900{background-color:#3c366b}.bg-purple-100{background-color:#faf5ff}.bg-purple-200{background-color:#e9d8fd}.bg-purple-300{background-color:#d6bcfa}.bg-purple-400{background-color:#b794f4}.bg-purple-500{background-color:#9f7aea}.bg-purple-600{background-color:#805ad5}.bg-purple-700{background-color:#6b46c1}.bg-purple-800{background-color:#553c9a}.bg-purple-900{background-color:#44337a}.bg-pink-100{background-color:#fff5f7}.bg-pink-200{background-color:#fed7e2}.bg-pink-300{background-color:#fbb6ce}.bg-pink-400{background-color:#f687b3}.bg-pink-500{background-color:#ed64a6}.bg-pink-600{background-color:#d53f8c}.bg-pink-700{background-color:#b83280}.bg-pink-800{background-color:#d93a1d}.bg-pink-900{background-color:#702459}

/*共用區*/
.hit{color: #FF3300;}
.container {margin-right: auto;margin-left: auto;}
.briefChapter {margin-left: 2%;font-size: .7em;}
.briefChapter a {color: #1E3A46;text-decoration: none;}
.fa-arrow-circle-up,.fa-arrow-circle-up a {color: #808080;}
.container-fluid {width: 100%;}
/*內外距*/
.p-0 {padding: 0;}.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}.p-3 {padding: 0.75rem;}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem;}
.m-1 {margin: 0.25rem;}.m-2 {margin: 0.5rem;}
.mr-1 {margin-right: 0.25rem;}.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mt-2 {margin-top: 0.5rem;}.mt-3 {margin-top: 0.75rem;}
.my-auto {margin-top: auto;margin-bottom: auto;}.mx-auto {margin-left: auto; margin-right: auto;}
.mx-0 {margin-left: 0; margin-right: 0;}.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}

.cell-xs-1,.cell-sm-1,.cell-md-1,.cell-lg-1,.cell-xs-2,.cell-sm-2,.cell-md-2,.cell-lg-2,.cell-xs-3,.cell-sm-3,.cell-md-3,.cell-lg-3,.cell-xs-4,.cell-sm-4,.cell-md-4,.cell-lg-4,.cell-xs-5,.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths,.cell-sm-5,.cell-md-5,.cell-lg-5,.cell-xs-6,.cell-sm-6,.cell-md-6,.cell-lg-6,.cell-xs-7,.cell-sm-7,.cell-md-7,.cell-lg-7,.cell-xs-8,.cell-sm-8,.cell-md-8,.cell-lg-8,.cell-xs-9,.cell-sm-9,.cell-md-9,.cell-lg-9,.cell-xs-10,.cell-sm-10,.cell-md-10,.cell-lg-10,.cell-xs-11,.cell-sm-11,.cell-md-11,.cell-lg-11,.cell-xs-12,.cell-sm-12,.cell-md-12,.cell-lg-12 {position: relative;min-height: 1px;}
.cell-xs-1,.cell-xs-2,.cell-xs-3,.cell-xs-4,.cell-xs-5,.cell-xs-6,.cell-xs-7,.cell-xs-8,.cell-xs-9,.cell-xs-10,.cell-xs-11,.cell-xs-12 {float: left;}
.cell-xs-12 {width: 100%;}
.cell-xs-11 {width: 91.66666667%;}
.cell-xs-10 {width: 83.33333333%;}
.cell-xs-9 {width: 75%;}
.cell-xs-8 {width: 66.66666667%;}
.cell-xs-7 {width: 58.33333333%;}
.cell-xs-6 {width: 50%;}
.cell-xs-5 {width: 41.66666667%;}
.col-xs-5ths {width: 20%;}
.cell-xs-4 {width: 33.33333333%;}
.cell-xs-3 {width: 25%;}
.cell-xs-2 {width: 16.66666667%;}
.cell-xs-1 {width: 8.33333333%;}
.economic small {
    font-size: 1.3rem;
}
.text-ad{text-align:center;margin-top: 1rem;}
.text-ad,.text-ad a{color:#4c1e75;}
@media (min-width: 768px) {
    .reservation-title:before {content: "";width: 0;height: 0;position: absolute;border-style: solid;border-width: 26px 0px 26px 13px;border-color: transparent transparent transparent #fdeaa6;right: -12px;top: 0;bottom: 0;z-index: 99;}
    .dic_title {margin: 10% 0 0 -30%;}
    .cell-sm-1,.cell-sm-2,.cell-sm-3,.cell-sm-4,.cell-sm-5,.cell-sm-6,.cell-sm-7,.cell-sm-8,.cell-sm-9,.cell-sm-10,.cell-sm-11,.cell-sm-12 {float: left;}
    .cell-sm-12 {width: 100%;}
    .cell-sm-11 {width: 91.66666667%;}
    .cell-sm-10 {width: 83.33333333%;}
    .cell-sm-9 {width: 75%;}
    .cell-sm-8 {width: 66.66666667%;}
    .cell-sm-7 {width: 58.33333333%;}
    .cell-sm-6 {width: 50%;}
    .cell-sm-5 {width: 41.66666667%;}
    .col-sm-5ths {width: 20%;float: left;}
    .cell-sm-4 {width: 33.33333333%;}
    .cell-sm-3 {width: 25%;}
    .cell-sm-2 {width: 16.66666667%;}
    .cell-sm-1 {width: 8.33333333%;}
    .hotnews h2 {margin-top: 0;}    
    .proposition-box{display: flex;flex-wrap: wrap;width: 100%;}
    .proposition-box dl:first-of-type,#proposition-box-2 dl:first-of-type{width: 15%;}
    .proposition-box dl{width: calc(85%/3);}
    #proposition-box-2 dl {width: calc(85%/2);}
    .proposition-box dl:first-of-type dt{background-color: #457392;}
    .subject-box li{display: inline-block;font-size: .9em;margin: 0 .5%;}
    .subject-type{opacity: 1;transition-duration: .3s;}
    .subject-item{opacity: 0;position: absolute;bottom: -5%;transition-duration: .3s;}  
    .subject-box:hover span{font-weight: bold;}
    .subject-box:hover .subject-item{opacity: 1;bottom: 23%;transition-duration: .3s;}
    .subject-box:hover .subject-type,.subject-box:hover > i{opacity: 0;transition-duration: .3s;}
}

@media all and (min-width: 768px) and (max-width: 1280px) {
    #recommend_book,#recommend_book h2,#recommend_book h3 {color: #fff;line-height: .1em;margin-top: 4%;}
}
@media screen and (orientation: landscape) {
    .fa-arrow-circle-up:before {font-size: .85em;position: relative;left: 11%;}
    /* 考試用書 */
    .otherfield {display: inline-block;}
    #recommend_book,#recommend_book h2,#recommend_book h3 {color: #fff;line-height: .1em;margin-bottom: -2.5%;}
    /* 投考組合 */
    .exam-box tbody th:nth-child(1) {width: 25%;}
    .exam-box tbody th:nth-child(2) {width: 20%;}
}
@media (min-width: 992px) {
    .cell-md-1,.cell-md-2,.cell-md-3,.cell-md-4,.cell-md-5,.cell-md-6,.cell-md-7,.cell-md-8,.cell-md-9,.cell-md-10,.cell-md-11,.cell-md-12 {float: left;}
    .cell-md-12 {width: 100%;}
    .cell-md-11 {width: 91.66666667%;}
    .cell-md-10 {width: 83.33333333%;}
    .cell-md-9 {width: 75%;}
    .cell-md-8 {width: 66.66666667%;}
    .cell-md-7 {width: 58.33333333%;}
    .cell-md-6 {width: 50%;}
    .cell-md-5 {width: 41.66666667%;}
    .col-md-5ths {width: 20%;float: left;}
    .cell-md-4 {width: 33.33333333%;}
    .cell-md-3 {width: 25%;}
    .cell-md-2 {width: 16.66666667%;}
    .cell-md-1 {width: 8.33333333%;}
}
@media (min-width: 768px) {
    .cell-sm-1,.cell-sm-2,.cell-sm-3,.cell-sm-4,.cell-sm-5,.cell-sm-6,.cell-sm-7,.cell-sm-8,.cell-sm-9,.cell-sm-10,.cell-sm-11,.cell-sm-12 {float: left;}
    .cell-sm-12 {width: 100%;}
    .cell-sm-11 {width: 91.66666667%;}
    .cell-sm-10 {width: 83.33333333%;}
    .cell-sm-9 {width: 75%;}
    .cell-sm-8 {width: 66.66666667%;}
    .cell-sm-7 {width: 58.33333333%;}
    .cell-sm-6 {width: 50%;}
    .cell-sm-5 {width: 41.66666667%;}
    .col-sm-5ths {width: 20%;float: left;}
    .cell-sm-4 {width: 33.33333333%;}
    .cell-sm-3 {width: 25%;}
    .cell-sm-2 {width: 16.66666667%;}
    .cell-sm-1 {width: 8.33333333%;}
}
@media (min-width: 992px) {
    .cell-md-1,.cell-md-2,.cell-md-3,.cell-md-4,.cell-md-5,.cell-md-6,.cell-md-7,.cell-md-8,.cell-md-9,.cell-md-10,.cell-md-11,.cell-md-12 {float: left;}
    .cell-md-12 {width: 100%;}
    .cell-md-11 {width: 91.66666667%;}
    .cell-md-10 {width: 83.33333333%;}
    .cell-md-9 {width: 75%;}
    .cell-md-8 {width: 66.66666667%;}
    .cell-md-7 {width: 58.33333333%;}
    .cell-md-6 {width: 50%;}
    .cell-md-5 {width: 41.66666667%;}
    .col-md-5ths {width: 20%;float: left;}
    .cell-md-4 {width: 33.33333333%;}
    .cell-md-3 {width: 25%;}
    .cell-md-2 {width: 16.66666667%;}
    .cell-md-1 {width: 8.33333333%;}
}
@media (min-width: 1201px) {
    .cell-lg-1,.cell-lg-2,.cell-lg-3,.cell-lg-4,.cell-lg-5,.cell-lg-6,.cell-lg-7,.cell-lg-8,.cell-lg-9,.cell-lg-10,.cell-lg-11,.cell-lg-12 {float: left;}
    .cell-lg-12 {width: 100%;}
    .cell-lg-11 {width: 91.66666667%;}
    .cell-lg-10 {width: 83.33333333%;}
    .cell-lg-9 {width: 75%;}
    .cell-lg-8 {width: 66.66666667%;}
    .cell-lg-7 {width: 58.33333333%;}
    .cell-lg-6 {width: 50%;}
    .cell-lg-5 {/*width: 38%;*/width: 41.66666667%;}
    .col-lg-5ths {width: 20%;float: left;}
    .cell-lg-4 {width: 33.33333333%;}
    .cell-lg-3-1 {width: 29%;}
    .cell-lg-3 {width: 25%;}
    .cell-lg-2 {width: 16.66666667%;}
    .cell-lg-1 {width: 8.33333333%;/*width: 12%;*/}
}
.container-full {width: 100%;}
.hide{display: none !important;}
.clear{width:100%;height:0;clear:both;display: block;}
#st-trigger-effects img {width: 60% !important;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: block;width: 100%;height: auto;}
.mov {position: relative;width: 60%;height: 0;padding-bottom: 38.25%;margin: auto;}
.video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*head*/
.br{display:block;}
.ADM_banner{display:inline-block;width:100%;margin-bottom: 5px;}
/*menu*/
menu{clear: both;margin: 0 40px;}
menu li{width: 24%;display: inline-block;list-style:none;position: relative;}
menu a{width: 100%;text-align: center;display: block;font-size: 1.6em;padding: 6px 0px;color: black;text-decoration: blink;border-bottom: solid 4px #1497ab;transition: all 0.2s linear;font-weight: bold;font-family: "Microsoft YaHei";}
menu span{position: absolute;top: 53px;line-height: 25px;font-size: 1.1em;left: 0px;min-width: 435px;text-align: left;font-family: "Microsoft YaHei";}
menu span a{width: auto;font-size: 1.1em;font-weight: 500;display: inline-block;border-bottom: none;text-decoration: underline;}
menu .active{border-color: #e94709;}
menu a:hover{border-bottom: solid 4px #e94709;}
ul {margin: 0;padding: 0;list-style: none;}/*取消ul預設的內縮及樣式*/
ul.drop-down-menu {display: inline-block;font-size: 13px;}
ul.drop-down-menu li {position: relative;white-space: nowrap;}
ul.drop-down-menu > li:last-child {border-right: none;}
ul.drop-down-menu > li {float: left;}/*只有第一層是靠左對齊*/
ul.drop-down-menu a {background-color: #fff;color: #333;display: block;padding: 0 30px;text-decoration: none;line-height: 40px;font-size: 1.3em;border: solid 1px #e3e3e3;border-radius: 17px;margin: 0 5px;}
ul.drop-down-menu a:hover {background-color: #ef5c28;color: #fff;}/*滑鼠滑入按鈕變色*/
ul.drop-down-menu li:hover > a {background-color: #e94709;color: #fff;margin: 0px 0px;}/*滑鼠移入次選單上層按鈕保持變色*/
ul.drop-down-menu ul {position: absolute;z-index: 99;left: -1px;top: 100%;min-width: 180px;}
ul.drop-down-menu ul li {display: inline-block;}
ul.drop-down-menu ul li:last-child {border-bottom: none;}
ul.drop-down-menu ul {display: none;}/*隱藏次選單*/
ul.drop-down-menu li:hover > ul {display: block;}
#event,#homeBox {width: 100%;margin-left: auto;margin-right: auto;}/*滑鼠滑入展開次選單*/
@media  (min-width: 1201px) and (max-width: 1670px) {    
    .adrotation a img{width: 100%;height: auto;}
}
/*輪播&HOT NEWS區塊設定*/
.container-home{width:100%;float:left;background-color:#eceff1;}
.container-bg{width:100%;float:left;background-color:#eceff1;padding: 2% 0 1%;}
.container-bg2{width:100%;float:left;overflow:hidden;background: linear-gradient(to right,#157cce 0%,#29c496 74%);padding:2% 0;}
.container-bg3{width:100%;float:left;overflow:hidden;background-color:#FFF;padding:2% 0;}
.digital-library{width:80%;margin: 0 auto;}
/*原置頂LOGO+選單區*/
.toparea{width:100%;float:left;padding:0 0 5px 0;margin:0;position: relative;border-bottom:#243238 0px solid;background: linear-gradient(to right,#FFF 0%,#befbec 52%,#70ceff 90%);z-index: 2;}
.logo{float: left;padding: 0;margin: 1.4% 0 0 10%;text-align: right;}
.logo img{max-width: 342px;}
.topicon{width: 13%;float: left;margin: 1.5% 0 0% 0%;}
.topicon ul{width:90%;padding-right:10%;float: left;}
.topicon ul li{width: 23%;float: left;display: inline-block;margin: 0% 1.4% 0% 0;}
.topicon img{width:100%;height:auto;}
.search{font-size:1.05rem;}
.search input[type="text"]{width:75%;height:33px;font-size:.85em;padding-left:0.5em;color:#243238;font-family:"微軟正黑體";border-radius:0.3em;border:#d6dde1 solid 0px;background-color:  rgb(255,255,255,.5);}
.search input[type="submit"]{color: #243238;background-color: #FFF;font-size: 0.8em;padding:0.8em 0.2em 0.6em 0.2em;border-radius: 0.3em;border: none;font-family: "Arial";font-weight: bold;}
/*劉邦經濟教室*/
#economics_dic{display:inline-block}
.economics_box{width: 98.7%;float: left;background-color:#e8e8e8;padding: 7px 0.5%;margin: 2px 0 0;}
.economics_box img{max-width:100%;height:auto;}
.economics_box a{display: block;}
.economics_box p{text-align: left;margin: 2% 0px 0 2%;font-size: 1.1em;line-height: 24px;}
.economics_box p span{color: white;font-weight: 500;background-color: #ff1254;padding: 0 6px;margin: 0 4px 0 0;}
.dic_title{text-align: center;background:url(../images/pic_1.png),#20ada3;float:left;}
.economics_box a,.economics_box a img{display:block;color:red;transition:all 0.2s linear}
.economics_box a:hover img{box-shadow:0px 0px 2px 3px #fff;}
.economics_box a:hover{color:#886c06;}
.dic_title a{font-size: 1.5em;text-decoration:none;color: white;display: block;padding:10px}
.topMenu{width: 100%;display: inline-block;}
.topMenu ul{width: 100%;bottom: 0;text-align: left;list-style: none;line-height: 3;}
.topMenu ul li{padding: 0;text-align: center;color: #000;display: inline-block;margin-right: 3%;}
/*.topMenu .hit_item{    background: #1D177D;padding:0 1rem;border-radius:1rem;}*/
.topMenu .hit_item a{color:#B30B75;font-weight:900;}
@media all and (min-width:1506px) {
    .topMenu ul li a {font-size: 1.4em;}
}
.topMenu ul li a {line-height: 1.55em;color: #1d177d;text-decoration: none;display: block;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;font-size: 1.1em;}
.topMenu ul li a:hover {opacity: 0.5;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.topMenu ul li a:active {color: #273347;opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.economics_dic a {box-shadow: inset 0px 0px 0px 0px #000;border-radius: 5px;border: 0px solid #d83526;font-size: 1.0em;font-weight: bold;padding: 0.5rem 1rem;text-decoration: none;color: white;display: inline-block;}
.economics_dic a:hover {background: linear-gradient(to left, #f97982 5%, #ef5b8b 30%, #5e319e 85%);background-color: #000;}
.economics_dic a:active {position: relative;top: 1px;}
.economics_bg1 a{background: linear-gradient(to right, #2ee0aa 5%, #179eb9 30%, #264bc4 85%)}
.economics_bg2 a{background: linear-gradient(to right, #f9b5b5 5%, #ef5b8b 30%, #5e319e 85%)}
.economics_bg1 a:hover{background: linear-gradient(to left, #2ee0aa 5%, #179eb9 30%, #264bc4 85%)}
.economics_bg2 a:hover{background: linear-gradient(to left, #f9b5b5 5%, #ef5b8b 30%, #5e319e 85%)}
@media all and (min-width: 1201px) and (max-width: 1530px) {
    .economics_dic a {font-size: 1.2rem;}	
.economics_dic a {padding: 0.5rem 0.25rem;}
}
@media all and (min-width: 1201px) and (max-width: 1410px) {    
    .search input[type="text"] {width: auto;}
    .topMenu ul li {margin-right: 1%;} 
}
/*廣告輪播*/
.adrotation {font-family: "微軟正黑體";}
.adrotation a img {;border: 0px;margin:0 auto;padding: 0;}
.unit-wrap .fa-angle-right{right:5%;position: absolute;line-height: 1.45;}
.unit-item li:first-child{border-bottom: 1px solid #332e88;font-size: 1em;width: 100%;font-weight: bold;}
.unit-item li{font-size: .9em;display: inline-block;margin: 0 1.5%;height: auto;width: auto;}
.unit-list:hover .unit-item{visibility:visible;transform: translate(0);}
.unit-item{visibility: hidden;position: absolute;left: 100%;top:0;width: 600px;height: 100%;visibility: hidden;z-index: -1;color: #332e88;padding: 20px;transition: .3s ease-in;transform: translate(-10px);box-sizing: border-box;box-shadow: 8px 10px 25px rgba(120, 120, 120, .2);background:rgba(243, 242, 255,0.97);text-align: left;}
.unit-item ul{width: 250px;margin: 0 2%;height: 25%;display: inline-table;opacity: 1;text-align: center;}
.unit-list:nth-of-type(4) .unit-item ul{height: 30%;}
.unit-item li a{text-decoration: none;color: #332e88;}
.unit-item li a:hover,.unit-list:hover .unit-type{text-decoration: underline;}
.unit-type{color: #000;text-decoration: none;}
.adrotation-cont {width: 100%;height: 100%;}
.home-banner {text-align: center;font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#BodyContent .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: #D6DDE1;}
#BodyContent .swiper-pagination-bullet-active {color: #fff;background: #F1C81D;}
#BodyContent .swiper-pagination{width: 1100px;}
@media all and (min-width:1201px){       
    .text-ad{display:none;} 
    .unit-wrap {width: 15%;height: 100%;z-index: 2;box-shadow: 8px 10px 25px rgba(120, 120, 120, .2);background-color: #Fff;position: relative;}    
    .unit-wrap > ul{height: 100%;}
    /* .unit-list{height:12.5%;display: flex;align-items: center;justify-content: center;    font-size: 1.2rem;} */
    .unit-list{height:10.8%;display: flex;align-items: center;justify-content: center;    font-size: 1.2rem;}
    .unit-list:hover .unit-type{color: #1c1967;font-weight: bold;font-size: 1.0em;}
	.unit-list:hover{background-color: #e8e7ff;width: 100%;}
    .adrotation {width: 85%;height:100%;display: flex;align-items: center;box-sizing: border-box;padding-left: 2%;}
    .home-district-1{margin: 0 auto;width: 80%;height: 410px}
    #event-zone{width: 82%;margin: 1% auto 0;}
    .unit-type .fas-mb{margin-right: 18px;}    
    .topurgentbutton{position: fixed;right: 0;top: 15%;z-index: 999;    width: 7rem;}
    #BodyContent .swiper-button-next,#BodyContent .swiper-button-prev{display: none;}
	.btn_community{width:100%;
	margin:0.5rem 0;}
	.btn_community a{color:#CE2A95;display:block;}
}
@media  (min-width: 1406px) and (max-width: 1600px) {    
    #homeBox .home-district-1{height: 380px;}  
    #homeBox .graduate-School{padding: 6px;}
    #homeBox .cloud-classroom-title{font-size: 1.9em;} 
    .container-bg3 .media .out_mask .stu_title{font-size: 1.2em;} 
    #BodyContent .swiper-pagination{width: 100%;}
}
@media  (min-width: 1201px) and (max-width: 1405px) {    
    #homeBox .home-district-1{height: 340px;}  
    #homeBox .cloud-item a{margin: 0;}
    #homeBox .cloud-classroom-title{font-size: 1.8em;}  
    #homeBox .zone-box > i{width: 30%;}
    #homeBox .zone-box > div{width: 100%;}
    #homeBox .cloud-classroom{font-size: 1.4em;}    
    .container-bg3 .media .out_mask .stu_title{font-size: 1em;} 
    #BodyContent .swiper-pagination{width: 100%;}
    #homeBox .topurgentbutton{top:15%;}
	.zone-box li {font-size:0.9rem;
	white-space:pre}
}
.zone-wrap {
    justify-content: center;
}
@media all and (min-width:768px){  
    .zone-box{width:calc(100%/6);}  
    .zone-box li a:hover{color: #3e3997;
     
        display: inline-block;
       
        border-radius: .2em;text-decoration: underline;}
}
/*單元頁vue tabs切換*/
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}
.Vuetabs li a:hover{cursor: pointer;}
.Vuetabs li a.active{color: #F1C81D;}

/*考試用書頁底連結*/
.pagelink{text-align: center;}
.pagelink li{display: inline-block;margin: 0 1rem;}
.zone-box ul  .hit_item a{color:#B30B75;font-weight:900;}

.zone-box{justify-content: flex-end;border-right: 1px solid #D6DDE1;transform: perspective(1px) translateZ(0);    padding: 0.5rem 0;}
.zone-box:last-of-type{border-right:none;}
.zone-box:hover > i{color:#948fe6;}
.zone-box:before {content: '';position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #3e3997;height: 6px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.zone-box:hover:before{right: 0;}
.zone-box > i,.zone-box > div{display: flex;flex-wrap: wrap;align-items: center;}
.zone-box > i{width: 25%;font-size: 2.5em;color: #3e3997;}
.zone-box > div{width: 100%;justify-content:flex-start;text-align:;height: max-content;}
.zone-box ul{width: 100%;}
.zone-box li{display: block;}
.zone-box li{line-height: 2;}
.zone-box li a,.zone-box li{color: #000;text-decoration: none;}
/* .zone-box:nth-of-type(3) li a{line-height: 1.8;} */
.zone-box span{width: 100%;margin: 0;font-weight: bold;text-align: center;color: #332e88;font-size: 1.3em;}
.breadcrumb-item{width:100%;float:left;}
.bread_crumbs{text-align: left;}
.bread_crumbs li{display:inline;position: relative;}
.bread_crumbs li.active:after{content: ">";position: absolute;top: -1px;right:-20px;}
.bread_crumbs a{text-align: left;margin-left: 7%;font-size: 1.1em;color: black;margin-top: 10px;display: inline-block;}
.bread_crumbs a:hover{color:#c12f54;}	
#BodyContentMainNavigator, #BodyContentMainNavigator td {margin: 0px !important;text-align: left;}    
#BodyContentMainNavigator-c {color: #000000;text-align: left;font-size: 1em;margin-top: 50px;}
#BodyContentMainNavigator-c a {padding-left: 5px;color: #303030;}
#BodyContentMainNavigator-se+table{width: 100%;}
/*Header*/
#BodyHeader_rwd {text-align: center;height: auto;margin-right: auto;margin-left: auto;background-color:#FFF;}
#BodyHeader_rwd img {clear: both;height: auto;width: 30%;margin-right: auto;margin-left: auto;margin-top: 0%;margin-bottom: 2%;}
.header-wrap{width: 61%;position: absolute;right: 0%;}
.header-link{display: flex;flex-wrap: nowrap;justify-content: center;width: 100%;background: linear-gradient(to left,#51bbf3 10%,#71eacc 60%,#cdfcf1 100%);padding: .8% 0;}
.header-button:nth-of-type(1){width: 35%;}
.header-button:nth-of-type(2){margin-left: 2%;}
.header-button:nth-of-type(3){margin-left: 2%;margin-right: 10%;}
/*個人化專屬服務*/
.bulletin-box{width: 96%;margin-left: 3%;}
.reservation-main{width: 100%;float: left;font-size: 1.6em;overflow: hidden;margin: 0;}
.reservation-title{background-color:#fdeaa6;/*#c38305*/position: relative;color:#000;}
.reservation-btn,.reservation-list a{color: #eceff1;}
.reservation-btn a{text-decoration: blink;display: inline-block;}
.classes-btn{width:100%;float:left;margin: 2px 0 0;}
.reservation-list,.reservation-title{padding: 8px 5px;text-align: center;}
.reservation-list{transition:background-color 0.2s linear;}
.reservation-list:hover{color:white;background-color:#000 !important;}
.reservation-list.a a,.reservation-list.b a,.reservation-list.c a,.reservation-list.d a,.reservation-list.e a{color:#FFF;}
.reservation-list.a{background-color:#666b71;}
.reservation-list.b{background-color:#d3a2a6;}
.reservation-list.c{background-color:#206fb4;}
.reservation-list.d{background-color:#221a4b;}
.reservation-list.e{background-color:#1e252b;}
/*.reservation-list.a{background-color:#de6d14;}
.reservation-list.b{background-color:#1497ab;}
.reservation-list.c{background-color:#40439a;}
.reservation-list.d{background-color:#065471;}
.reservation-list.e{background-color:#02374b;}*/
/*HOT NEWS*/
.hotnews {width: 93%;float: left;padding: 15px 3%;margin: 7px 0 0;background-color: #f1f1f1;border: solid 1px #a2a2a2;}
.hotnews li small{font-size:.5em}
.hotnews h2,.reservation-btn h2 {font-size: 1.8em;color: #290304;margin-bottom: 10px;}
.hotnews ul{padding: 0;list-style:none;}
.hotnews ul li{width: 100%;margin: 0;padding: 0;display:inline-block;}
.hotnews ul li a{font-size: 1.2em;text-align: justify;line-height: 1.7em;color: #162c3b;text-decoration: none;display:block;padding-left: 5px;transition: color 0.2s linear;position: relative;white-space: nowrap;width:97%;}
/*.hotnews ul a:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 0px 6px 6px;border-color: transparent transparent transparent #000;left: 15px;
top: 13px;}*/
.hotnews ul li a:hover{color: #f06f2f;text-decoration: underline;}
.hotnews .b ul{display: inline-block;margin: 0;}
.hotnews .b ul li{display: inline-block;width: auto;}
.hotnews .b li:first-child{font-size: 1.55em;position: relative;margin-right: 10px;padding: 0 9px;}
.hotnews .b ul li a{margin:0;font-size: 1.45em;padding: 5px 7px;}
/*8大類科入口*/
.subject-box {width: calc(100%/4.04);background-color: #ffffff5c;text-align: center;position: relative;margin: .1%;}
.subject-box span{font-size: 1.3em;width: 100%;margin: 20% 0 10%;display: block;}
.subject-item li{display: inline-block;font-size: 1em;margin: 0 3%;line-height: 2;}  
.subject-item a{color: #000;}
/*置底BAR*/
.gray_line{background-color: #1c2450;opacity:0.95;width: 100%;height:auto;position:fixed;clear:both;z-index:9999;transition:all .3s ease-out;bottom:0;right:0;left:0;text-align:center;}
.gray_line .login{width: 100%;float: left;}
@media (max-width: 1200px) {
	
    .economics_dic a {font-size: 1.2rem;text-align:center}	
.economics_dic a {padding: 0.5rem 0.25rem;}
    .gray_line .login a{font-size:1.05rem;color: #dbebf5;text-decoration: none;}
	.btn_community{
/*		display:none;*/
		margin: 0.25rem 0;}
}
@media (min-width: 1201px) { 
    .gray_line .login a{font-size:1.4rem;color: #dbebf5;text-decoration: none;}    
    .subject-box {height: 48.5%;}
}
@media all and (max-width:1515px){
    .subject-box span {margin: 10% 0 5%;}
    .subject-box:hover .subject-item{bottom: 6%;}
    .subject-box:hover .subject-item li{line-height: 0;}
}
.gray_line .login a:hover{text-decoration: underline;}
.gray_line .login ul{display:inline-block;width:100%;padding:8px 0;}
.gray_line .login li{text-align: center;display: inline-block;margin: 0 9px;}
.gray_line .login li:nth-child(1) a{color: #ffff00;}
.gray_line .login li img {display:block;position:relative;background-position: center center;}
/*主頁名師團隊*/
.teacher {float: left;width: 100%;padding:0;background-color: #FFF;margin-top: 1%;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: center;}
.teacher h1 {width: 100%;float:left;font-size: 3.2em;letter-spacing:0.1em;line-height: 1.3em;color: #000000;text-align: center;font-family:"Microsoft YaHei";}
.teacher ul {padding:0;list-style-type: none;margin-top: 1%;margin-right: 0;margin-bottom: 4%;margin-left: 0;display:inline-block;}
.teacher li {position:relative;float:left;}
.teacher .teacher_list {width: 155px;height: 340px;float: left;display: inline;overflow: hidden;position: relative;text-align: center;cursor: default;margin: 0 2px 0;bottom: 0;}
.teacher ul li:last-child{margin-right: 0;}
.teacher ul li img {width: 145%;position: absolute;left: -32px;right: 0px;top: 0px;bottom: 0px;}
.teacher .mask{width: 100%;position: absolute;top:89%;padding-right: 0;padding-left: 0;padding-top: 3%;padding-bottom: 4%;display: block;/*-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.9;*/}
.teacher .bt {text-align:center;margin-top:0.5em;float:left;color:#000;position:absolute;bottom:-30px;left:0;right:0;display: block;}
.teacher .bt a {font-size:1.0em;line-height:1.5em;color:#000;text-decoration:none;border-bottom:#666 dotted 1px;padding-bottom:0.5em;font-weight:bold;}
.teacher .bt a:hover {color:#1497ab;}
.teacher .teacher_list:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.9;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: translateY(-53px);-moz-transform: translateY(-53px);-o-transform: translateY(-53px);-ms-transform: translateY(-53px);transform: translateY(-53px);}
.teacher .mask h2 {font-size:1.3em;line-height:1.5em;color:#FFF;font-weight: bold;text-align:center;text-transform: uppercase;position: relative;margin-bottom: 0.5%;}
.teacher .mask h3 {font-size: 1.05em;line-height: 1.65em;color:#FFF;font-weight: normal;text-align:center;}
.teacher .mask p{font-size:0.8em;line-height: 1.6em;color:#FFF;font-weight: normal;text-align:center;}
.teacher .mask p b{font-size: 1.25em;}
.teacher .mask a{color:#FFF;text-decoration: none;}
.teacher .m1{background-color:#62367d;}
.teacher .m2{background-color:#191e73;}
.teacher .m3{background-color:#367088;}
.teacher .m4{background-color:#0c5295;}
.teacher .m5{background-color:#313a89;}
.teacher .m6{background-color:#675c2d;}
.teacher .m7{background-color:#65380b;}
.teacher .m8{background-color:#5d091c;}
.teacher .m9{background-color:#8b1b1b;}
/*news跑馬燈*/
#abgne_marquee {position: relative;overflow: hidden; /* 超出範圍的部份要隱藏 */width:100%;height:40px;margin:0;margin: .5% 0 0;text-align: left;}
#abgne_marquee > span{background-color: #EE7322;color: #fff;font-size: 14px;padding: 5px;height: 40px;line-height: 38px;}
#abgne_marquee .fa-bullhorn{margin-left: 5px;}
#abgne_marquee ul,#abgne_marquee li {margin: 0;padding: 0;list-style: none;}
#abgne_marquee ul {position: absolute;margin-left: 93px;}
#abgne_marquee ul li a {display: block;overflow: hidden; /* 超出範圍的部份要隱藏 */font-size: 1em;color:#EE7322;height: 40px;line-height: 38px;text-decoration: none;}
/*知識達行動教室*/
.knowledge{overflow: hidden;margin: auto;}
.cloud-classroom{width: 30%;font-size: 1.5em;margin-left: 4%;}
.cloud-classroom a{text-decoration: none;background-color: white;display: inline-block;padding: .5em;border-radius: 2em;margin: 5% 1%;color: #3e3997;font-size: 0.9em;}
.cloud-classroom a:hover{transform: scale(1.1);transition: all .5s;}
.cloud-classroom-list{width: 66%;height: 100%;position: relative;}
.cloud-classroom-title{display: block;font-size: 2em;color: white;}
.cloud-classroom-title2{width: 66%;color: #ffffff;font-size: 0.8em;text-align: center;display: inline-block;border-bottom: solid 1px;}
.cloud-classroom-number{font-size: 1.0em;color: white;padding-top: 3%;}
.cloud-classroom .counter{display: inline;}
.cloud-classroom .counter+font{color: #95ffe0;}
.cloud-classroom .counter{margin: 0 0 0 5%;color: #95ffe0;font-size: 1.2em;}
.cloud-classroom-box{min-height: 125px;position: relative;overflow: hidden;box-shadow: rgba(31, 31, 31, 0.12) 0px 1px 6px, rgba(31, 31, 31, 0.12) 0px 1px 4px;}
.cloud-classroom-box img{width: 100%;height: auto;transform: translateY(-15px);}
.cloud-slash{width: 101%;height: 100%;position: absolute;top: 60%;background-image: linear-gradient(135deg, rgb(41, 101, 202), rgb(86, 59, 194));transform: skewY(-10deg);}
.graduate-School{position: absolute;padding: 8px;top: 50%;left: 9%;background-color: white;border-radius: .5em;text-decoration: none;color: black;font-weight: bold;}
@media (max-width: 1600px) {    
    .graduate-School{padding: 6px !important;}
}
.cloud-item{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.cloud-item a{text-decoration: none;color: white;font-weight: bold;margin: 0 5% 0 0;line-height: 2;border-left: dotted 1px #8db1f9;padding-left: 4%;color: #d2e1ff;}
@keyframes opac {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.cloud-sildes{width: 100%;}
.cloud-page{margin-top: 2%;}
/*新班開課*/
.ibrain_pic img{width: 100%;}
.ibrain_classes{padding: 0 3%;}
.ibrain_classes li a {box-shadow: 3px 3px 8px #666666;-webkit-box-shadow: 3px 3px 13px #333333;-moz-box-shadow: 3px 3px 13px #333333;text-align: center;display: inline-block;margin: 0 2% 0;font-size: 1.35em;font-weight: bold;background: url(../images/class-cover.png) no-repeat top center #e3e3e3;border: thin #FFF solid;color: #333333;/* border-radius: 15px; */text-decoration: blink;transition: all 0.2s linear;}
.ibrain_classes li a img{width: 45%;}
.ibrain_classes ul li a:hover{transform: scale(1.1);z-index: 2;position: relative;}
.ibrain_classes h2{float: left;margin: 0 0 0% 0;padding: 0% 0;font-size: 3.5em;line-height: 1.3em;border-bottom:solid px #1497ab;color:#FFF;font-family:"Microsoft YaHei";}
.ibrain_classes h3{width: 100%;float: left;font-size: 2.6em;line-height: 1.3em;text-align:left;color:#FFF;display: inline-block;}
.connection-list li{padding: 9px 0;display: inline-block;margin: 0 1%;}
.connection-list a{width: 96px;height: 96px;line-height: 96px;border-radius: 50%;padding: 0;}
/*高點數位讀書館*/
.hot_book{width: 100%;float: left;margin: 0 0 45px;}
.hot_book img{display: inline-block !important;width: 70% !important;transition:all .3s ease-out;}
.digital-library h2{width: 53%;float: left;margin: 0 auto;padding: 0%;font-size: 3.2em;border-bottom:solid px #065471;color:#2e2a80;font-family:"Microsoft YaHei";text-align:right;
height:80px;display:inline-block;letter-spacing: 0.1em;}
.digital-library h3{width: 44%;float: left;margin: 10px 0 0 1%;padding-left: 1%;font-size: 1.3em;line-height: 1.3em;border-left: dotted 3px #999;color:#333;text-align:left;height:px;}
.micro{margin: 15px 0px 0;text-align: center;}
.box{width: 75%;padding: 25px 5%;text-align: center;color: #000;display: inline-block;background-color: #f1f1f1;}
.box img{border-radius:1.5em;}
.spec_item{height:4rem;line-height:3em!important;}
.box_txt{width: 85%;padding: 2% 0 3% 0;text-align: center;color: #000;display: block;background-color: #1155ab;font-size: 1.5em;line-height: 1.3em;color: #000;font-weight: bold;display: inline-block;}
.box_txt a{color:#a6f5f1;text-decoration:none;}
.box_txt a:hover{color:#FFF;}
.box_txt .s{font-size: 0.7em;line-height: 1.2em;color:#FFF;display:inline-block;}
/*定制學程*/
.course_step{width:100%;text-align: center;margin: 0;padding: 1% 0;background-color: #f6f6f6;justify-content: center;}
.course_step header{width: 100%;float: left;padding:0;margin: 0;/*background-color: #f1c531;*/font-family: "Microsoft YaHei";}
.course_step header h2{font-family:"Microsoft YaHei";color:#2e2a80;font-size: 3.2em;letter-spacing:0.1em;line-height: 1.4em;/*text-shadow: 2px 2px 10px #070102;*/font-weight: bold;height: 80px;}
.course_step ul{height:100%;list-style-type: none;padding-top: 1.5%;padding-right: 0;padding-bottom: 2%;padding-left: 0;margin: 0;}
.course_step .course_title{font-size: 2.0em;font-weight:bold;color:#000;}
.course_step .course_note{margin-top: 4%;margin-bottom: 1%;}
.course_step .note1,.note2,.note3,.note4,.note5{font-size: 1.6em;display:inline-block;color: #FFFFFF;line-height: 1.55em;border-radius: 20px;padding: 1% 10%;font-weight: bold;}
.course_step .note1{background-color: #615dab;}
.course_step .note2{background-color: #539e65;}
.course_step .note3{background-color: #f39700;}
.course_step .note4{background-color: #eb6100;}
.course_step .note5{background-color: #c12c20;}
.course_step .course_icon{width: 100%;height: 60px;padding-top:30px;background:url(../images/cs_p_course_1234line.png) repeat-x top;margin-top: 3%;margin-right: auto;margin-bottom: 7%;margin-left: auto;}
.course_step .course_subtitle{font-size: 1.5em;font-weight:bold;width: 72%;padding-right: 14%;padding-left: 14%;}
.course_step .subtitle1{color: #006c9c;}
.course_step .subtitle2{color: #539e65;}
.course_step .subtitle3{color: #f39700;}
.course_step .subtitle4{color: #eb6100;}
.course_step .subtitle5{color: #c12c20;}
.course_step .course_time{font-size: 1.4em;line-height:1.5em;font-weight:bold;color:#333333;padding-top: 1%;padding-bottom: 2%;border-top-width: 1px;border-bottom-width: 1px;border-top-style: dotted;border-bottom-style: dotted;border-top-color: #006c9c;border-bottom-color: #006c9c;margin-bottom: 4%;width: 84%;margin-right: 8%;margin-left: 8%;}
.course_step .course_text{font-size: 1.2em;line-height: 1.6em;color:#000;}
.custom{width: 80%;float: left;}
.custom a{line-height: 1.6em;color:#000;display: block;}
.custom a:hover{color:#000;}
/*經驗談*/
.media{width: 100%;padding:0;margin:0;background: linear-gradient(to right,#03244f 0%,#0d4aa7 26%,#33afd1 67%,#22d26d 99%);justify-content:center;}
/*.media h1{float: left;margin: 0 0 0% 0;padding: 0% 0% 0% 2%;color:#ffffff;}*/
.media header{width: 100%;padding:1.5% 0;margin: 0;text-align:center;}
/*.media header h1{color:#FFF;font-size: 3.2em;letter-spacing:0.1em;line-height: 1.4em;text-shadow: 2px 2px 7px #070102;font-weight: bold;font-family:"Microsoft YaHei";}*/
.media header h1{color:#FFF;font-size: 3.2em;letter-spacing:0.1em;line-height: 1.4em;font-weight: bold;font-family:"Microsoft YaHei";}
.media ul {padding:0;margin: 0;list-style-type: none;}
.media ul li {/*height:305px; /*圖片高度*/display:inline;overflow: hidden;position: relative;text-align:center;cursor: default;margin: 0;padding:0;bottom:0;}
.media ul li img {width:85%;margin:0 auto;display:block;position:relative;}
.media .out_mask{width: 80%;position: absolute;top:85%;right:10%;left:10%;bottom:0;padding:0;display: block;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);opacity: 1;}
.media li.stu_list:hover .out_mask {
    
    width: 75%;
    margin: 0 auto;top:0;bottom: 0;left: 0;right:0;padding: 0 5%;text-align: right;vertical-align:bottom;	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.9;

    /*-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: translateY(-53px);-moz-transform: translateY(-53px);-o-transform: translateY(-53px);-ms-transform: translateY(-53px);transform: translateY(-53px);*/
}
.media .out_mask .stu_title {font-size: 1.4em;line-height: 2.0em;color:#FFF;font-weight: 500;/*text-align:left;*/text-transform: uppercase;position: relative;}
.media li.stu_list:hover .out_mask p.stu_title {display: none;}
.media .out_mask .stu_name {font-size: 1.6em;line-height: 2.9em;color:#FFF;font-weight: normal;text-align:center;}
.media .out_mask .stu_school {font-size: 1.3rem;line-height:1.6em;color:#FFF;font-weight: normal;text-align:left;}
.media .out_mask .stu_content{font-size:1.0rem;line-height: 1.55em;color:#FFF;font-weight: normal; text-align: left;}
.media .out_mask p b{font-size: 1.25em;}
.media .out_mask a{color:#FFF;text-decoration: none;}
.media .m1{background-color:#bd7372;}
.media .m2{background-color:#6ccdad;}
.media .m3{background-color:#85b1cf;}
.media .m4{background-color:#8e79be;}
.media .m5{background-color:#5db5b7;}
.media .m6{background-color:#bb7095;}
.media .m7{background-color:#707ebd;}
.media .m8{background-color:#a0b249;}
.footer-writeword {float: left;margin: 2% 30% 0% 20%;color:#ffffff;text-align:center;}
.footer-writeword a{color:#FFF;text-decoration: none;}
/*經驗談改版20230424 ADD*/
.medianew_list *{transition: .3s;}
.medianew_list{width:calc(100%/4);margin: 0.5rem 0;word-wrap:break-word; }
.medianew_list dt{overflow: hidden;height: 293px;
    width: 293px;margin: 0 auto;}
.medianew_list img{height: auto;width: 100%;}
.medianew_list img:hover{transform: scale(1.1);}
.medianew_list,.medianew_list a{color: white;text-decoration: none;}
.medianew_list dd{padding: 0.4rem;font-size: 1.1rem;}
.medianew_list dd:nth-child(2){font-weight: 900;font-size: 1.2rem;}
.medianew_list dd:nth-child(n+4){text-align: left;text-indent: -3.2rem;
    margin-left: 3.2rem;
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;}
/*內頁開始-考取達人news*/
.essentials-box{width: 100%;float: left;margin: 68px 0 25px;background-color: white;}
.essentials-box .cell-xs-12.cell-sm-12.cell-lg-3 .development-btn a.c.share{line-height: 150px;}
.essentials-box p{font-size: 0.9em;text-align: justify;line-height: 25px;}
.essentials-box p b{color: #e55f0e;}
.essentials-img{position: relative;overflow: hidden;width: 100%;height: 206px;}
.essentials-img-acct {position: relative;/*overflow: hidden;*/width: 100%;height: 200px;}
.essentials-img-h {position: relative;overflow: hidden;height: 309px;}
.essentials-img.b{height: 310px;}
.essentials-img.b img{width: 110%;}
.essentials-img img{position: absolute;top:0;left:0;right:0;bottom:0;}
.development-btn{width:100%;clear:both;}
.ipad-flow{clear:none;}
.click-active{transform: rotate(180deg);}
.development-btn a{display: block;text-decoration: blink;font-size: 2.2em;text-align: center;color: white;padding: 28px 0;transition:all 0.2s linear;background-repeat:no-repeat;background-position: 5px center;background-size:29%;transition:all 0.2s linear;position: relative;z-index:10;top: -5px;}
.development-btn .a{background-color:#ffc045;background-image:url(../images/development-btn-pic-3.svg);box-shadow: 0px 8px 0px 0px #e2a01e, inset -8px 0px 0px 0px #e2a01e, inset 2px 2px 0px 0px #ffd88b;}
.development-btn .a:hover{background-image:url(../images/development-btn-pic-3.svg);z-index: 20;}
.development-btn .b{background-color:#02374b;background-image:url(../images/development-btn-pic-1.svg);box-shadow: 0px 8px 0px 0px #142b33, inset -8px 0px 0px 0px #142b33, inset 2px 2px 0px 0px #466975;}
.development-btn .b:hover{background-image:url(../images/development-btn-pic-1.svg);z-index: 20;}
.development-btn .c{background-color:#1497ab;background-image:url(../images/development-btn-pic-5.svg);box-shadow: 0px 8px 0px 0px #147684, inset -8px 0px 0px 0px #147684, inset 2px 2px 0px 0px #2fbcd2;/*top:0px !important;*/}
.development-btn .c:hover{background-image:url(../images/development-btn-pic-5.svg);z-index: 20;}
.development-btn .d{background-color:#065471;background-image:url(../images/development-btn-pic-2.svg);box-shadow: 0px 8px 0px 0px #074258, inset -8px 0px 0px 0px #074258, inset 2px 2px 0px 0px #166482;z-index: 30;}
.development-btn .d:hover{background-image:url(../images/development-btn-pic-2.svg);}
.development-btn .e{background-color: #ea8d49;background-image: url(../images/development-btn-pic-4.svg);box-shadow:0px 8px 0px 0px #ce7b3f, inset -8px 0px 0px 0px #ce7737, inset 2px 2px 0px 0px #ecab7b;z-index: 30;}
.development-btn .e:hover{background-image:url(../images/development-btn-pic-4.svg);top:3px !important;box-shadow: 0px 0px 0px 0px #353535;}
.development-btn .f{background-color:#238a3d;background-image:url(../images/development-btn-pic-6.svg);box-shadow:0px 8px 0px 0px #1b7331, inset -8px 0px 0px 0px #17692c, inset 2px 2px 0px 0px #579265;z-index: 20;}
.development-btn .f:hover{background-image:url(../images/development-btn-pic-6.svg);z-index: 5;}
.development-btn .a,.development-btn .b,.development-btn .c,.development-btn .d,.development-btn .e,.development-btn .f{top:-7px;border-radius:7px;}
.development-btn .a:hover,.development-btn .b:hover,.development-btn .c:hover,.development-btn .d:hover,.development-btn .f:hover{top:0;box-shadow: 0px 0px 0px 0px #353535;}
.development-btn .a.coming{background-image:url(../images/development-btn-pic-1-coming.svg);}
.development-btn .b.coming{background-image:url(../images/development-btn-pic-2-coming.svg);}
.development-btn .c.coming{background-image:url(../images/development-btn-pic-3-coming.svg);box-shadow:0px 8px 0px 0px #afa9a9, inset -8px 0px 0px 0px #ada6a6, inset 2px 2px 0px 0px #bdc0c1;}
.development-btn .b.coming{background-image:url(../images/development-btn-pic-4-coming.svg);}
.development-btn .e.coming{background-image:url(../images/development-btn-pic-5-coming.svg);box-shadow:0px 8px 0px 0px #afa9a9, inset -8px 0px 0px 0px #ada6a6, inset 2px 2px 0px 0px #bdc0c1;}
.development-btn .f.coming{background-image:url(../images/development-btn-pic-6-coming.svg);}
.development-btn .a.coming,.development-btn .b.coming,.development-btn .c.coming,.development-btn .d.coming,.development-btn .e.coming,.development-btn .f.coming{background-color:#ccc;position: relative;}
.development-btn .a.coming:before,.development-btn .b.coming:before,.development-btn .c.coming:before,.development-btn .d.coming:before,.development-btn .e.coming:before,.development-btn .f.coming:before{content: "";/*background-image: url(../images/coming-pic.png);*/background-repeat: no-repeat;width: 159px;height: 41px;position: absolute;right: 0;bottom: 11px;transform: rotate(352deg);}
.development-btn .a.coming:hover,.development-btn .b.coming:hover,.development-btn .c.coming:hover,.development-btn .d.coming:hover,.development-btn .e.coming:hover,.development-btn .f.coming:hover{top: -7px !important;}
.sense{height: 191px;overflow: hidden;padding: 15px 5% 0;cursor: pointer;position: relative;}
.sense .mask a{display: inline-block;background-color: black;color: white;text-decoration: blink;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100px;height: 31px;font-size: 1.2em;border-radius: 7px;text-align: center;}
.sense .mask{position: absolute;width: 100%;height: 220px;background-color: #cacacab0;left: 0;right: 0;top: -406px;transition:top 0.2s ease-in-out;}
.sense:hover .mask{top:0;}
/*考取達人*/
.get-box{width: 100%;float: left;padding: 0 0 10px;margin: 68px 0 0;}
.talent-title,.talent p{text-align: left;}
.get-img{position: relative;overflow: hidden;margin: 5px 2%;width: 96%;height: 370px;}
.get-img img{position: absolute;top:0;left:0;right:0;bottom:0;}
.get-box .talent:nth-of-type(1) .get-img{height:430px;}
.talent.a .get-img{height: 250px !important;}
.talent:nth-last-of-type(1) .get-img{height: 250px;}
.get-txt{color: #272424;position: absolute;bottom: 0;z-index: 2;text-align: center;width: 100%;padding: 8px 0;font-size:1.2em;background-color: #ffffffcc;}
.talent{width: 100%;float: left;}
.talent p{font-size:1em;text-align: justify;line-height:27px;}
.talent.a{padding: 0 0 20px;border-bottom: 1px dotted #000;margin-bottom:20px;}
.talent-title a{color: #e94709;font-size: 1.0em;text-decoration: blink;padding-bottom: 12px;display: block;}
.talent-title a strong{font-size: 1.8em;}
.sharing-btn{margin: 20px 0 0;float: right;}
.sharing-btn a{color: #2a2a2a;display: block;text-align: center;font-size: 1.4em;transition: all 0.2s linear;}
.sharing-btn a:hover{color:#e94709;transform:scale(1.1);}
/*充分理由‧選擇高點*/
.supplements{width:100%;float:left;margin:1% 0px 1%;padding:0 0 50px;border-bottom: solid 4px #81d8d0;}
.supplements h2{font-size: 2.2em;text-align: left;margin: 25px 0 13px;}
.supplements p{text-align: justify;line-height: 30px;margin-bottom: 10px;}
.tabletxt h1 {font-size: 3em !important;color: #821c1f !important;margin: 40px 0 25px !important;}
.tabletxt{border-bottom: none;}
.tabletxt-img{text-align: center;margin: 0px 0 30px;}
.supplements h1,.efficient-box h2,.guarantee-box h3,.industry-box h3{font-size: 3.2em;line-height: 1.3em;color: #000000;text-align: center;font-family: "Microsoft YaHei";margin:8px 0;}
.lesson-box{text-align: center;}
.lesson-img{margin: 0px 10px 19px;}
.lesson-box a{display: inline-block;font-weight: bold;color: black;transition: all 0.2s linear;}
.lesson-box a:hover {transform:scale(1.1);color:#e94709;text-decoration: blink;}
.lesson-icon{width:55px;height:55px;background: radial-gradient(ellipse at center, #f3a040 10%,#ef612a 100%);border-radius: 50px;display: inline-block;box-shadow: 0px 4px 0px 0px #ccc;float: left;margin: 0 13px 0 0;}
.lesson-level{display: inline-block;clear: both;}
.lesson-icon .far,.lesson-icon .fas,.lesson-icon .fal{color:white;font-size: 2em;line-height: 55px;}
img.less_img {
    max-width: 10%;
    vertical-align: top;
    margin: 0 0.5rem;
}
.multiple .lesson-title{width: 100%;}
.multiple .lesson-icon{float: none;}
.supplements-list{width: 100%;float: left;margin: 25px 0 15px;}
.lesson-title{font-size: 1.8em;line-height: 34px;margin: 15px 0;float: left;}
.lesson-box p{margin: 1px 20px;text-align: justify;font-size: 1em;line-height: 26px;clear: both;}
.resources{overflow: hidden;margin-bottom:30px;}
.resources:nth-child(2){margin-bottom: -30px;}
.public-list {text-align: center;}
.public-list ul{display: inline-block;}
.public-list li {display: inline-block;float: left;}
/*用心築夢加值‧跨界趨勢成就優勢*/
.cross-title{font-size: 1.8em;line-height: 34px;margin: 15px 0;color: #ee7f00;font-weight: 900;}
.supplements figure{margin: 0;}
.supplements figure img{width: 100%;margin: 1.5rem 0;}
/* .supplements img{width: 100%;} */
/*高效學習‧課頁雙贏*/
.year-list{width: 100%;float: left;margin: 25px 0 30px;}
.customized ul{height:90px;}
.customized.a ul {height: 58px;}
.industry ul{height:120px;}
.efficient-box{width: 100%;float: left;overflow: hidden;padding: 0 0 0px;border-bottom: solid 4px #1497ab;margin: 0 0 1%;}
.year-title{text-align: center;padding: 10px 0;border-bottom: dashed 1px #006c9c;border-top: dashed 1px #006c9c;margin-bottom: 14px;line-height: 1.5em;font-size: 2.0rem;font-weight: bold;color: #eb6100;}
.deputy-title{text-align: center;font-size: 2em;margin-top: 24px;}
.deputy-title,.deputy-title a{color: #e94709;}
.develop{text-align: center;color: white;margin: 0 10px;border-radius: 25px;font-size: 1.5rem;line-height: 30px;padding: 4px 0;font-weight: bold;box-shadow: 0px 4px 0px 0px #ccc;}
.year-day.a .develop{background-color:#006c9c;}
.year-day.b .develop{background-color:#539e65;}
.year-day.c .develop{background-color:#f39700;}
.year-day.d .develop{background-color:#eb6100;}
.year-day.e .develop{background-color:#8963D8;}
.year-day.f .develop{background-color:#FF3787;}
.year-day{border: solid 1px #f5f5f5;padding: 23px 10px 23px;margin: 5px 10px;border-radius: 15px;background-color: #f3f3f3;font-size: 1.1em;}
.year-day ul{text-align: center;margin: 10px 0px 5px 0px;}
.year-day a {display: inline-block;}
.year-day li {display: block;}
.year-day a ,.year-day li {line-height: 30px;color: #000;text-decoration: blink;transition: all 0.2s linear;}
.year-day a:hover{color:#ccc;text-decoration: underline;}
.year-day small{font-size: 0.8em;}
/*我們給你‧國立保證*/
.guarantee-box{margin: 15px 0 0;width: 100%;float: left;}
.guarantee-box h3{clear: both;display: block;background-color:#de6d14;margin-bottom: 0;color: white;border-radius: 15px 15px 0px 0px;padding: 3px 0;}
.list-content{overflow: hidden;background-color:#fff7f7;padding: 25px 25px;border-radius: 0px 0px 15px 15px;border: solid 1px #de6d14;margin: 0 0 35px;}
.sh-title{text-align: center;font-size: 1.3em;line-height: 30px;margin-bottom: 13px;font-weight: bold;border-bottom:solid 1px;}
.list-page li{line-height:28px;list-style-type: disc;text-align: left;color:#781C1F;}
.list-page-new li{display: inline-table;width: calc(100%/3.1);line-height:28px;text-align: left;color:#781C1F;}
.list-page-new li::before{content: '•';font-size: 1.4em;margin-right: 3%;}
.champion-title{font-size: 2.1em;font-weight: bold;text-align: center;color: #de6d14;margin: 0 0 25px;}
.list-txt{background-color: #f39700;color: white;text-align: center;font-size: 1.3em;margin-top: 10px;margin-bottom: 5px;border-radius: 25px;padding: 3px 20px;clear: both;}
.sp-list-txt{position: relative;z-index: 1;width:85%;margin: 0 auto;padding: 0 1rem;}
.sp-list-txt::before {
    position: absolute;
    z-index: -1;
    content: '';
    top: 0; right: 0; bottom: 0; left: 0;
    background: #E53E3E;
    transform: skew(-15deg);
}
.italic{font-style:italic}
.list-page{text-align: center;}
.list-page ul,.list-page-new ul{display: inline-block;margin: 0 0 0 30px;}
.list-page-more{cursor: pointer;color: #781C1F;margin: 1% 0;font-size: 1.1em;font-weight: bold;}
.list-page-more a{text-decoration: underline;}
[class*="flex"]{display: flex;flex-wrap: wrap}
.numberOne{width: 29.3%;padding: 0 2%;}
.expert_content li:nth-child(1){font-weight: bold;font-size:1.3em}
.eliteSchool_expert{text-align: left;width: 100%;float: left;border-bottom: solid 1px #e4e4e4;padding: 13px 0;}
.eliteSchool_expert:last-child{border:none;}
.elite_ranking{background: #b32024;color: #fff;border-radius: 20px;padding: 0 8px;display: inline-block;}
.number_title{font-size: 1.5em;line-height: 34px;}
.number_title strong{display: block;}
.number_title+figure{width: 120px;height: 120px;margin: 7px auto;border-radius: 50%;position: relative;overflow: hidden;}
.number_title+figure img{position: absolute;top:0;left:0;right:0;margin: auto;}
.number_title+figure+figcaption,.expert_title{font-size: 1.5em;color: #d60a10;}
.number_title+figure+figcaption{border-bottom:solid 1px #ccc;padding: 0 0 5px;}
.number_title+figure+figcaption span{background-color:#d60a10;color:white;padding: 0 3px;}
.numberOne p,.expert_content p{text-align: justify;font-size: 1.125em;line-height: 28px;margin: 7px 0 10px;}
.eliteSchool_list figure{width: 165px;margin: 5px auto 10px;}
.eliteSchool_page>ul li:nth-child(1){font-size: 1.5em;margin: 0 0 5px;font-weight: bold;}
.eliteSchool_page>ul li{font-size: 1.1em;line-height: 30px;}
.expert_content{padding: 0 10px;}
.numberOne_box a,.eliteSchool_page a{color: #d60a10;}
.expert_title{color: #dd2110;font-weight: bold;}
.talent{font-size: 2.5em;padding: 3px 0px;}
/*榜單頁籤*/
.abgne_tab {clear: left;margin: 10px 0;text-align: center;}
ul.tabs {display: inline-block;}
ul.tabs li {float: left;height: 31px;line-height: 31px;overflow: hidden;position: relative;margin: 0 5px;/* 讓 li 往下移來遮住 ul 的部份 border-bottom */border-left: none;background: #ffd1d1;
border-radius: 25px;}
ul.tabs li a {display: block;padding: 0 20px;color: #000;text-decoration: none;font-size: 1.3em;font-weight: bold;}
ul.tabs li a:hover {background: #ccc;}
ul.tabs li.active  {background: #fff;/*border-bottom: 1px solid #fff;*/}
ul.tabs li.active a:hover {background: #fff;}
div.tab_container {clear: left;width: 100%;border-top: none;background: #fff;overflow:hidden;border-radius: 20px;}
div.tab_container .tab_content {padding: 35px 10px;overflow: hidden;}
div.tab_container .tab_content h2 {margin: 0 0 20px;}
/*業界最強‧高分承諾*/
.industry-list{width: 100%;float: left;overflow: hidden;margin:10px 0px 1%;}
.industry-box{width:100%;float:left;padding: 0 0 23px;margin: 0 0 5px;}
.industry-btn{text-align: center;margin: 0px 0 70px;clear: both;}
.industry-btn li{list-style:none;display: inline-block;width:20%;font-size: 1.5em;border-radius: 7px;font-weight: bold;color: #FFF;background-color: #1497ab;padding: 8px 20px;position: relative;}
.industry-btn li li{width: 100%;display: inline;background-color: rgba(255, 255, 255, 0);}
.industry-btn li li a{font-size: 0.6em;font-weight: 500;color: #000;}
.industry-btn li li a:hover{color:#1497ab;}
.industry-btn li ul{position: absolute;top: 40px;left: 0;right: 0;}
.teacherlist{background-color: #f8f7f2;margin: 5px 10px 12px;padding:30px 27px;overflow: hidden;border-bottom: solid 3px #c4ab2c;height: 360px;position: relative;}
.teacherlist li{font-size: 1em;float:left;text-align: justify;line-height: 25px;}
.teacherlist a{	color: #e94709;}
.th-img{width:150px;height:150px;border-radius:50%;margin: 0px 13px 9px 10px;position: relative;overflow: hidden;}
.th-img img{position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;}
.economic{font-size: 1.5rem;text-align: left;font-weight: bold;line-height: 35px;margin-bottom: 6px;padding-bottom: 6px;border-bottom: dotted 1px #696969;}
.economic .eco_list{font-size: 0.6em;color:#CC6699;font-weight: 400;display: block;font-weight: bold;line-height: 1.5em;}
.teacher-txt strong{font-size: 1.2em;}
.economic:nth-child(2){border-bottom:none;}
.economic span{font-weight:500;}
.listen-btn{text-align: center;position: absolute;bottom:7px;left:0;right:0;}
.listen-btn ul{	display: inline-block;margin: 10px 0 0px;}
.listen-btn li{list-style: none;display: inline;}
.listen-btn a{display: block;background-color: #e94709;color: white;text-decoration: blink;padding: 3px 15px;border-radius: 15px;margin: 0 5px;transition: all 0.2s linear;}
.listen-btn a:hover{background-color:#c12c20;}
/*內頁第三層*/
.banner {width: 100%;background-image: url(../images/banner-pic-1.jpg);float: left;background-size: 100%;background-attachment: fixed;background-position: top center;background-repeat:no-repeat;margin-bottom: 10px;}
.banner h1 {font-size: 5em;color: white;text-align: right;margin: 90px 0;text-shadow: 0px 0px 9px #000;}
.trend-list{text-align: center;}
.trend-list ul{display: inline;}
.trend-list li{list-style:none;display: inline-block;}
.trend-list a{display: block;width: 115px;height: 87px;background: radial-gradient(ellipse at center, #f3a040 10%,#ef612a 70%);text-align: center;border-radius: 50%;font-size: 1.2em;color: white;padding-top: 28px;text-decoration: blink;margin:5px 10px;}
.trend-list a:hover{width: 113px;height: 85px;color: #e94709;background: radial-gradient(ellipse at center, #FFF 1%,#FFF 100%);background-color: ;border: solid 1px #e94709;}
.features-box{margin: 5px 23px;}
.features-box span{font-size: 1.4em;text-align: center;line-height: 36px;background-color: #1497ab;color: white;padding: 2px 20px;margin: 20px 0 7px;border-radius: 25px;display:block;}
.features-page{text-align: justify;margin: 20px 20px 0px;padding: 20px 24px 20px;}
.school-list{overflow: hidden;padding-bottom: 20px;box-shadow: 0px 12px 25px -17px #000;}
.features-title{font-size: 2.7em;text-align: center;font-weight: bold;}
.features-the{font-size: 1.4em;line-height: 1.5em;font-weight: bold;color: #051f56;border-bottom: dotted 1px #006c9c;margin-bottom: 7px;padding: 3px 0 5px;}
.cycle .year-day{border-radius: 0px 0px 15px 15px;margin: 0px 2px;overflow: hidden;}
.cycle-title{text-align: center;color: white;background-color: #006c9c;font-size: 1.5em;line-height: 33px;padding: 7px 0;border-radius: 15px 15px 0px 0px;margin: 8px 2px 0;}
.cycle ul{height:150px;}
.cycle-title.a,.cycle .year-day.e .develop{background-color:#1497ab;}
.cycle-title.b,.cycle .year-day.f .develop{background-color:#868686;}
.raiders-button{margin: 21px 0 30px;text-align: center;}
.raiders-button ul{display: inline-block;}
.raiders-button li{list-style: none;display: inline-block;}
.raiders-button a{display: block;font-size: 1.6em;color: #b32024;padding: 3px 10px;}
/*各校招生說明會總表*/
.briefing-box{width:100%;float:left;}
.briefing-box h1,.briefing-box h2,.development h2{font-size: 3.2em;line-height: 1.3em;color: #f37021;text-align: center;font-family: "Microsoft YaHei";margin: 55px 0 20px;}
.different{border:solid 1px #d4d4d4;margin: 8px 10px 8px;padding: 30px 10px;border-radius: 5px;text-align: center;background-color: #f9f9f9;}
.different-title{font-size:1.9em;font-weight: bold;margin: 0px 0 10px;color: #821c1f;font-family: "microsoft yahei";}
.different-titlepink{font-size:1.9em;font-weight: bold;margin: 0px 0 10px;color: #e91e63;}
.briefing-mov{text-align: center;}
.briefing-mov ul{display: inline-block;}
.briefing-mov li{display: inline-block;font-size: 1.1em;margin: 0 20px;}
.briefing-mov img{margin-right: 7px;}
/*.different dl{display: table;margin: 0 auto 20px;padding-bottom: 15px;border-bottom: dotted 2px #d6d5d5;}*/
.different ul{display: table;margin: 0 auto 20px;border-top: dotted 2px #d6d5d5;}
.different dt,.different dd{display: table-cell;vertical-align:middle;}
.different dt{float:left;}
.different span{width: 40px;height: 40px;display: inline-block;border-radius: 50%;text-align: center;background-color:#243238;color: white;line-height: 40px;margin: 0 5px 0;}
.different .pink{width: 45px;height: 45px;display: inline-block;border-radius: 50%;text-align: center;background-color:#E91E63;color: white;line-height: 45px;margin: 0 5px 0;}
.different li{display: inline-block;margin: 0 3px;}
.briefing h3{width: 100%;float: left;font-size: 2em;text-align: center;background-color: #243238;color: #f1c81d;border-radius: 12px 12px 0px 0px;padding: 4px 0;margin: 15px 0 5px;border-bottom: solid 1px #bdc6ca;box-shadow: 0px 8px 7px -7px #b9b9b9;}
.different a{display: block;text-decoration: blink;background-color: #f1c81d;font-size: 1.1em;color: black;border-radius: 5px;padding: 8px 50px;background-repeat: no-repeat;background-position: center 40px;height: 60px;transition:all 0.2s linear;margin: 5px 0;}
.different a:hover{background-color: #821c1f;color:white;}
.different a.active{background-color: #dfdfdf;opacity: 0.4;}
.different a.active:hover{color:#000;}
.different li:nth-child(odd) a{background-image:url(../images/mov-icon.svg);}
.different li:nth-child(odd) a:hover{background-blend-mode: screen;}
.different li:nth-child(even) a{background-image:url(../images/briefing-icon.svg);}
.briefing table{width: 90%;border-left: solid 1px #9b9b9b;border-top: solid 1px #9b9b9b;}
.briefing th,.briefing td{border-right: solid 1px #9b9b9b;border-bottom: solid 1px #9b9b9b;}
.sign-btn{text-align: center;}
.sign-btn a{font-size: 2em;color: white;display: inline-block;background-color: #821c1f;text-decoration: blink;padding: 7px 25px;margin: 20px 0 60px;border-radius: 5px;}
.briefing-box p{text-align: justify;font-size: 1.1em;line-height: 32px;margin-bottom: 24px;}
.briefing-box p a{color: #f4772b;}
.briefing-box p img{ width:auto;}
.admissions h2{text-align: left;font-size: 1.4em;display: block;margin: 5px 0 10px;}
.fill-box{font-size: 1.1em;line-height: 35px;text-align: justify;background-color: #f3f3f3;padding: 25px 30px 25px 30px;margin: 10px 0 30px;overflow: hidden;}
.equipment{width: 100%;float: left;padding: 5px 0 7px;font-size: 1.2em;text-align: center;margin: 24px 0 0;border-top: solid 1px #c7c7c7;}
.fill-box .sm-form-content{padding: 5px;width: 90%;}
.fill-box-btn{margin: 23px 0 0;text-align: center;}
.fill-box-btn input{font-size: 1.2em;border: none;padding: 5px 32px;background-color: #243238;color: white;}
.fill-box-btn input:hover{background-color:#f37021;}
.window{font-size: 1.2em;line-height: 1.8em;text-align: left;font-weight: bold;margin: 35px 0 20px 0;}
.window .title{font-size: 1.3em;line-height: 1.8em;text-align: left;font-weight: bold;margin: 35px 0 20px 0;color:#f37021;}
.window a{color:#000;}
/*發展出路*/
.development{text-align: center;margin: 0 0 50px;background-color: white;padding: 15px 0 15px;}
.development li{display: inline;}
.development a{color: #343434;text-decoration: none;font-size: 1.35em;line-height: 1.5em;font-weight: bold;color: #343434;text-align: center;margin: 0;padding: 0 1.5%;display: inline;border-right-width: 1px;border-right-style: solid;border-right-color: #000;transition:all 0.2s linear;}
.development a:hover{color: #821c1f;}
.development li:last-child a{border:none;}
.system-list{background-color: #243238;padding: 10px 5% 10px;width: 82%;float: left;margin: 0 4% 0;}
.system-list ul{text-align: left;}
.system-list li{display: inline;white-space: pre;}
.system-list a{font-size: 1.1em;line-height: 32px;color: #FFF;padding: 0 2% 0 1.5%;margin: 2% 0;
    /* border-right-width: 1px;border-right-style: solid;border-right-color: #FFF; */
    text-decoration:none;transition:all 0.2s linear;}
.system-list a:hover{color: #f1c81d;text-decoration: underline;}
.system-list h1{color: #f1c81d;margin: 0 0 18px;}
.development h1{margin:0 0 0;}
.exam-box th a {
    color: white;
}
.strategies{font-size: 1.8em;line-height: 1.55em;color: #c12f54;/*#942528*/font-weight: bold;margin: 10px 0 5px;text-align: left;}
.strategies+ol li{list-style-type: cjk-ideographic;}
.strategies+ol ul li{list-style-type: decimal;margin-left: 1.5rem;font-size:inherit;}
.essay li{list-style-type: none !important;text-indent: -1.7em;margin-left: 1.7em;}
.content_text{width: 96%;float: left;margin: 0 2% 65px;}
.content_text h1,.content_text h2,.content_text h4{width:100%;float:left;font-size: 2.2rem;margin: 0 0 20px;text-align: left;}
.content_text h4{color: #f37021;font-family: "Microsoft YaHei";}
.content_text h3{font-size: 1.4em;text-align: left;color: #000000;font-weight: bold;margin: 15px 0 5px;line-height: 1.55em;}
.content_text li{text-align: justify;font-size: 1.1em;line-height: 32px;list-style-type: disc;}
.content_text li a{color: #f4772b;}
.content_text li b{font-size: 1.3em;margin: 15px 0 0;display: block;}
.content_text figure{margin: 0;}
.content_text figure img{width: 100%;}
.teacher{background-color:#EEE8F3 ;border-radius: 1.5rem;padding: 0.5rem;margin: 0 0 1rem 0;}
.tea_photo img{border-radius: 9999rem;margin: 0 2rem;}
.teacher_des{text-align: left;padding: 0.5rem;margin: 1rem 0;}
.teacher_des dd:nth-child(1){border-bottom:#006c9c 2px solid;font-size: 1.3rem;font-weight: 900;margin: 1rem 0;}
.teacher_des dd:nth-child(n+2){line-height: 1.8rem;font-size: 1.1rem;text-indent: -3.3rem;margin-left: 3.3rem;}
.exam-box table{width:100%;border-top:solid 1px #b7b7b7;border-left:solid 1px #b7b7b7;margin-bottom: 25px;}
.exam-box a{color:#000;transition:all 0.2s linear;line-height: 32px;}
.exam-box a:hover{left: 1px;top: 1px;position: relative;text-decoration: none;color: #c12f54;}
.exam-box th,.exam-box td{border-bottom:solid 1px #b7b7b7;border-right:solid 1px #b7b7b7;padding: 4px 4px;}
.exam-box th{background-color: #1e3a46;color: #FFFFFF;font-size: 1.3em;line-height: 30px;}
.exam-box tr:nth-child(odd){background-color:#b7b7b7;background-color: #f5f5f5;}
.exam-box td{text-align: left;padding: 14px 14px;vertical-align: sub;font-size: 1.1em;}
.csie-school th{width: calc(100%/4) !important;}
.csie-school td{text-align: center;}
.proposition-box{box-sizing: border-box;margin: 1.5% auto;}
.proposition-box dt,.proposition-box dd,.proposition-box div{border-top:solid 1px #b7b7b7;border-left:solid 1px #b7b7b7;padding: 1em;margin: 0;}
.proposition-box ul{width: 100%;}
.proposition-box div{display: inline-block;margin-top: -6px;border-bottom:solid 1px #b7b7b7;line-height: 1.7em;}
.proposition-box div:first-of-type{width: 11.1%;background-color: #E4F1F5;}
.proposition-box div:last-of-type{width: 80.94%;border-right:solid 1px #b7b7b7;background-color: #F5F5F5;}
.proposition-box dd{text-align: justify;line-height: 1.7em;}
.proposition-box a{color:#000;transition:all 0.2s linear;}
.proposition-box a:hover{left: 1px;top: 1px;position: relative;text-decoration: none;color: #c12f54;}
.proposition-box dt{background-color: #1e3a46;color: #FFFFFF;font-size: 1.3em;line-height: 30px;font-weight: bold;text-align: center;}
.proposition-box dd:first-of-type{height: 21%;background-color:#F5F5F5;}
.proposition-box dd:last-of-type{height: 52%;}
.proposition-box dl:first-of-type dd{background-color:#E4F1F5;text-align: center;}
.proposition-box dl:last-of-type dt,.proposition-box dl:last-of-type dd{border-right:solid 1px #b7b7b7;}
.proposition-box dd:nth-child(odd){background-color:#b7b7b7;background-color: #EEEEEE;}
#proposition-box-2{margin-bottom: 4%;}
#proposition-box-2 dd:first-of-type {height: 37%;}
#proposition-box-2 div{margin-top: 4%;}
.proposition-prepare{background-color: #f1c81d;padding: 5px 5px 5px 10px;position: relative;margin-right: 20px;font-weight: bold;}
.proposition-prepare::after{content: '';position: absolute;right: -16px;top: 0;border-width: 16px 0 17px 16px;border-color: transparent transparent transparent #f1c81d;border-style: solid;}
#exam-box-2 tbody th:nth-child(1) {width: 36%;background-color: #457392;}
#exam-box-2 tbody th{width: auto;}
#exam-box-2 td{font-size: 1em;line-height: 1em;}
#exam-box-2 tr td:nth-of-type(2),#exam-box-2 tr td:nth-of-type(3){text-align: center;}
.place_box{width: 92%;float: left;margin: 4px 4% 0;}
.place_list{background-color: #8ad0ef;margin: 2% 1% 2%;border:1px solid #243238;}
.adList{font-size:1.3rem;text-align:left;margin:0.5rem 0;font-weight:900;position:relative;padding-left:1.9rem;}
.adList,.adList a{color:#C12F54;}
.fa-chevron-circle-right{position: absolute;animation: myfirst 0.8s ease 0.3s infinite alternate;left:0px;top:5px;}
.bottom-link *{transition: .3s;}
.bottom-link dd{background:#C12F54;padding: 0.5rem;border-radius:0.25rem;margin: 0.5rem 0;}
.bottom-link dd,.bottom-link dd a{color: white;text-decoration: none;}
.bottom-link dd:hover{transform: scale(1.1);}
@keyframes myfirst
{
    from {left: 0px;}
    25% {left: 5px;}
    100% {left: 0px;}
}
.side-list{width:100%;height:auto;text-align: center;margin: 5% 1% 2%;}
#abgne_float_ad{display:;position: fixed;z-index:999;bottom:10rem}
#abgne_float_ad .abgne_close_ad {display: block;cursor: pointer;font-size: 12px;background-color: black;color: white;width: 25px;line-height: 25px;text-align: center;border-radius: 50px;position: absolute;top: -25px;left: 0;}
.billboardred{font-size: 1.2em;color:#ea3307;font-weight: 600;}
/*rwd table*/
.rwd-table {background: #fff;overflow: hidden;}
.rwd-table ul{margin-left: 23px !important;}
.rwd-table li{font-size: 1em;list-style-type: decimal;}
.rwd-table tr:nth-of-type(2n){background: #eee;}
.rwd-table {min-width: 100%;}
.rwd-table th {display: none;}
.rwd-table td {display: block;}
.rwd-table td:before {content: attr(data-th) "：";font-weight: bold;_width: 5.0em;display: inline-block;}
@media (max-width: 1200px) {
    .rwd-table td:before {content: attr(data-th) "　";font-weight: bold;_width: 7.0em;display: inline-block;}	
    .exam-box tr:nth-child(n+2) th:nth-child(-n+1) {
        width: 49%;
        white-space: normal;
    }
}
/*投考組合*/
.written-exam{background-color: #EBC31D;border-radius: .5rem;padding: .1rem .3rem;display: inline-block;margin: .2rem .3rem;}
/*課程簡介*/
.regular-box{width: 100%;float: left;margin-top: 25px;overflow: hidden;}
.regular-arrow{width: 100%;float: left;margin:20px 0;}
.regular-arrow ul{display: inline-block;background-color: #42a9e4;position: relative;}
.regular-arrow ul:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 35px 0px 35px 27px;border-color: transparent transparent transparent #42a9e4;right: -26px;top: -11px;}
.regular-arrow li{display: inline-block;font-size: 1.6em;padding: 7px 80px;color: white;}
.sprint-page{margin: 0 20px 7px;border: solid 1px #ccc;min-height: 150px;}
.sprint-page p{font-size:1.1em;text-align: justify;margin: 0px 15px;}
.sprint-title{font-size: 1.5em;text-align: center;color: white;padding: 3px 0;margin-bottom: 5px;}
.sprint-title a{display:inline-block;color:white;transition:all 0.2s linear;}
.sprint-title a:hover{transform: scale(1.1);}
.sprint-title.a{background-color:#e95513;}
.sprint-title.b{background-color:#f29600;}
.sprint-title.c{background-color:#7ca516;}
.sprint-title.d{background-color:#7e308d;}
.escort,.strengthen{margin-left:24%;}
.drill-title{text-align: center;font-size: 1.6em;background-color: #42a9e4;color: white;border-radius: 8px 8px 0px 0px;margin: 0 10px 4px;padding: 4px 0;}
/*各校研究所簡章*/
.table {font-size:1.1em;width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;border-collapse: collapse;}
.table-bordered {border: 1px solid #dee2e6;}
.table-bordered th, .table-bordered td {border: 1px solid #dee2e6;}
.table th, .table td {padding: 15px 15px;border-top: 1px solid #dee2e6;}
.table th{background-color: #1e3a46;color: #FFFFFF;}
.table tr:nth-child(odd){background-color: #f5f5f5;}
.table tr:nth-child(even){background-color:#eee;}
.table a{font-size:1.2em;display: inline-block;color: #1e3a46;}
.table span{width: 42px;height: 42px;text-align: center;display: inline-block;margin: 0 8px 3px 0;border-radius: 50%;line-height: 42px;color: white;}
.table span.a{background-color:#ec8445;}
.table span.b{background-color:#bf4a43;}
.table span.c{background-color:#348bad;}
.table span.d{background-color:#54b7a9;}
.table span.e{background-color:#827d68;}
.table span.f{background-color:#5474a9;}
.table ul{margin-left: 0px !important;}
.table li{line-height: 30px;list-style: none;}
.exam_button{background-color: whitesmoke;}
.exam_button a{display: block;text-align: center;text-decoration: blink;color: black;font-size: 1.3em;padding: 13px 0;transition:background-color 0.2s linear;}
.exam_button a:hover{background-color:#f1c81d;}
.return-btn{text-align: center;}
.return-btn a{display: inline-block;color: #1e3a46;font-size: 1.4em;text-decoration: blink;padding: 3px 19px;border-radius: 8px;}
.return-btn a:hover{text-decoration: underline;}
#hothot_ad{position:fixed;right:1%;z-index: 99;bottom: 15%;}
#hothot_ad img{display:block;border: 1px solid #243238;margin: 1% 0% 3% 0%;}
/*考試心得*/
.experience{overflow: hidden;border-bottom: dotted 1px #81d8d0;padding: 25px 0;}
.experience li{font-size:1.125em;text-align: justify;}
.experience a{display: inline-block;font-size: 1.5em;color: #1f3f9d;text-decoration: none;margin: 0px 0 10px;position: relative;top:0;transition:all 0.2s linear;}
.experience a:hover{text-decoration:underline;top:3px;}
.experience .red a{font-size: 1.3em;color: #f37021;padding-left: 15px;}
.experience .red a:hover{top:0;color:red;}
.f15 a{display: inline-block;font-size: 1.125em;padding: 0 4px;color: black;}
.in dl{font-size: 1.125em;margin: 0;}
.in dt,.in dd{line-height: 32px;display:table-cell;text-align: justify;}
.in dt{float:left;margin-left: 15px;}
.in{background-color: #e8f7f5;padding: 20px 10px;margin: 15px 0 30px;overflow: hidden;}
.in-page{margin: 0 120px;}
.summary-title{font-size: 2em !important;text-align: center !important;padding: 0 0 6px;box-shadow: 0px 5px 4px -5px #81d8d0;}
.summary-text p{text-align: justify;line-height: 1.8em;margin: 1rem auto;}
.summary-text{font-size: 1.2em;}
.summary-text ul li{list-style-type: disc;}
.summary-text ol li{list-style-type: decimal;}
.summary-text blockquote{margin-left: 1.2rem;}
.national{font-size:2.2em;margin: 10px 0 12px;}
.red a,.next a,.pre a{color: #4768a6;font-size: 1.2em;}
.fb-icon{position: relative;top: -6px;}
.next{list-style: none;list-style-type: none !important;}
@media screen and (min-width:1534px) and (max-width:1864px){
    .economics_dic a {padding: 6px 17px;font-size: 1em;}
}
@media screen and (min-width:482px) and (max-width:767px){
    .examination  td:nth-child(odd),.examination  td:nth-child(even) {border-bottom:solid 1px #797979;}
}
@media (min-width: 700px) {
    .rwd-table td:before {display: none;}
    .rwd-table th, .rwd-table td {display: table-cell;padding: 0.25em 0.5em;}
    .rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
    .rwd-table th:last-child, .rwd-table td:last-child {padding-right: 0;}
    .rwd-table th, .rwd-table td {padding: 1em !important;}
    .otherfield td {padding: 1em 2.72em !important;}
}
.system-title+td .fa-download{color: #c12f54;}
/*footer*/
footer{text-align: center;margin: 50px 0px 30px;clear: both;width: 100%;overflow: hidden;}
footer h6{font-size:1.5em;margin-bottom: 10px;background-color:#cfd8dc;border-right:solid #FFF px;margin-right:2px;color:#243238;}
footer ul{display: inline-block;border-right:#333 dotted 0px;}
footer li{list-style:none;}
footer li a{text-align: center;display: inline-block;color:#000;line-height: 26px;}
footer li a:hover {text-decoration: underline;left: 0px;top: 0px;position: relative;}
.footer_address{float: left;width: 80%;margin: 0 10% 2% 10%;text-align: center;padding: 2% 0 0 0;/*border-top: 1px #CCC solid;*/}
.footer_address a {color: #333333;}
.footer_address ul{width: 100%;clear: both;float: left;padding:0;margin: 0;text-align: center;}
.footer_address ul li{width: 100%;display: inline-block;text-align: center;line-height: 1.8em;font-size: 1em;color:#333333;}        
.footer_address ul li img{width: auto;height:auto;vertical-align: middle;width:250px;}
/*for pc寬螢1900幕*/
@media(min-width:1650px){
    .hotnews ul li a{line-height:1.7em;}
    .listlink a {position: relative;}
    .listlink a .line{position: absolute;width: 170px;height: 170px;border: solid 1px #2e0a0b;border-radius: 50%;left: -6px;right: 0;top: -6px;margin: auto;display: none;animation:line 1s linear forwards;}
    @keyframes line{
        0%{opacity:0;border: solid 1px #dc343d;}
        100%{opacity:1;border: solid 1px #bc0812;}
    }
}
/*for pc窄螢幕*/
@media screen and (min-width:1200px) and (max-width:1375px){
    .hotnews ul li a{line-height: 1.30em;}
    .teacher .teacher_list {width: 132px;}
    .medianew_list{overflow: hidden;}
    
}
@media screen and (min-width:1200px) and (max-width:1700px){
    .footer_address ul li:nth-child(3) { margin-bottom: 20px;}
}
/*mobile and ipad*/
@media(max-width:1534px){			
    .reservation-main {margin: 0px 0 0px;font-size: 1.3em;}
}
@media screen and (min-width:768px) and (max-width:1199px){
    
    .medianew_list {
        width: calc(100% / 2);}
    .visible-xs-inline{display: block !important;}
    .invisible{display:none;}
    #hothot_ad {display:none;}
    .eliteSchool_page>ul li {text-align: center;}
    /*button {width: 10% !important;}*/
    #BodyHeader_rwd {width: 100%;height:auto;float: left;text-align: center;margin-right: auto;margin-left: auto;position: fixed;top: 0;z-index: 1;}
    #BodyHeader_rwd img{height: auto;width:27%;margin-right: auto;margin-left: auto;z-index: 10;}    
    /*HOT NEWS*/
    .hotnews {text-align:center;}
    .listlink ul {text-align:center;}
    .listlink ul li{width:20%;display:inline-block;}
    .ibrain_pic{width: 100%;text-align:center;}
    .ibrain_pic img{text-align:center;width: 90%;transition:all .3s ease-out;margin-top:%;}
    .ibrain_class{width: 100%;margin:1.8% 0;text-align:center;}
    .ibrain_class ul {width:100%;text-align:center;margin-top: 15px;}
    .ibrain_class ul li {text-align:center;padding:0;}
    .ibrain_class li a{font-size:2.2vw;}
    .ibrain_class h2 {width:100%;text-align: center;}
    .ibrain_class h3 {text-align: center;}
    .reservation-title:before {border-width: 22px 0px 22px 13px;}
    .box_txt{font-size: 1.5em;line-height: 1.3em;height:3em;}
    .course_step ul{padding-top: 0%;}
    .course_step .note1,.note2,.note3,.note4,.note5{font-size: 1.2em;}
    .course_step .course_text {font-size: 1.0em;}
    .details-btn{margin:0 0 40px;}
    .industry-btn li {width: 19%;}
    .industry-btn li li {padding: 0;}
    /*主頁名師團隊*/
    .teacher .teacher_list {width: 98%;height: 470px;margin: 0 1%;}
    .teacher ul {width: 97% !important;float:none !important;margin: 0 auto 0 !important;}
    .teacher ul li {width: 20% !important;height: auto;margin-bottom:40px;}
    .teacher .mask h2 {margin-top: 4px;}
    .teacher .mask{top:72%;bottom:0 !important;}
    .teacher .teacher_list:hover .mask{transform:none !important;}
    /*經驗談*/
    .media ul li {width: 50%;float: left;padding:0;margin: 0;}
    .media .out_mask .stu_title {line-height: 3em;}
    .media .out_mask {width: 100%;position: absolute;left:0%;bottom: 0;}
    .essentials-box .cell-xs-12.cell-sm-12.cell-lg-3 .development-btn a.c.share {line-height: normal;}
    .development-btn .f {background-size: contain;}
    .sharing-btn {clear: both;display: block;padding-top: 15px;margin: 15px auto 15px;float: none;text-align: center;}
    .essentials-img {height: 293px;}
    .essentials-img.a img {top: 0px;}
    .development-btn .e{top:-7px !important;}
    .development-btn .e:hover{top:0px !important;box-shadow: 0px 0px 0px 0px #353535;}
    /*內頁*/
    .get-box .talent:nth-of-type(1) .get-img {height:250px;}
    .get-img img {position: static;}
    menu {margin: 33px 40px 0;}
    menu span.a {min-width: auto;}
    /*107各校招生說明會總表*/
    .briefing-box {margin-top: 10%;}
    .campus .different{min-height: auto;}
    /*發展出路*/
    .banner-main{margin:11% 0 0;}
    .essentials{margin-top:0%;}
    .development {margin: 16px 0 20px;position: initial !important;height:auto;width: 100%;float: left;}
    .system-list {padding: 20px 5% 25px;width: 90%;margin: 0 0 25px;}
    .reservation-main {font-size: 1.5em;margin: 8px 0 0;}
    .place_box {width: 100%;margin: 4px 0% 30px;}
    /*公司簡介*/
    .regular-arrow{display:none;}
    .escort,.strengthen{margin-left:0;}
    .question{width:100%;float:left;}
    .sprint-page {margin: 0 10px;}
    .in-page {margin: 0;}
    .in dt {margin-left: 25px;}
    .side-list {width: 115px;}
}
@media (min-width: 1024px) {
    .lg\:block {
      display: block!important;
    }
    .lg\:hidden {
        display: none!important;
      }
}
@media(max-width:1355px){
    /*知識達*/
    .reservation-title:before {border-width: 24px 0px 24px 13px;}
    .listlink a {font-size: 1.1em;padding: 0px 9px;}
}
/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .listlink ul li{display:inline-block;width:12.1%; }    
    .economics_dic a{padding:6px 12px;}
}
@media all and (min-width: 1201px){
    /* css reset 歸0 */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,  tfoot, thead {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
    /*remember to define focus styles!*/
    :focus {outline: 0;}
    /*remember to highlight inserts somehow!*/
    ins {text-decoration: none;}
    del {text-decoration: line-through;}
    /*body*/
    body{margin:0;padding:0;background-color: #FFF;font-family: "Microsoft JhengHei", Arial, Verdana;}
    #BodyContainer_event{width:100%;position:relative;top:0;right:0}
    #BodyContainer_event.in{width:80%;display:block;position:relative;top:0;left:20%;}
    #BodyContent{width:100%;}    
    .container {width: 1170px;}
    /*隱藏區塊*/
    #BodyHeader_rwd,#announce_PT{display:none;}
    /*左側選單_首頁*/
    #Bodyleftmenu{/*display:none;*/width: 20%;height:100%;top:0;left: 0;z-index:99;position: fixed;padding: 2% 0;text-align:center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;background-color: #efefef;}
    #Bodyleftmenu ul.menu_pc{width: 100%;float:left;position: relative;top:0;left: 0;margin: 0 auto;padding: 0;font-size: 1.4em;line-height: 2em;list-style-type: none;/*font-weight: bold;*/background:#efefef;}
    #Bodyleftmenu ul.menu_pc > li{width: 100%;float: left;position: relative;padding:2% 0;margin: 1% 0;/*border-bottom: #ccc 1px solid;border: #ccc 1px solid;*/}
    #Bodyleftmenu ul.menu_pc li b{font-size: 2em;}
    #Bodyleftmenu ul.menu_pc li:first-child img { /*logo圖*/width:100%;height:auto;text-align:left;vertical-align:bottom;}
    #Bodyleftmenu ul.menu_pc li.search,#Bodyleftmenu ul.menu_pc li.map,#Bodyleftmenu ul.menu_pc li.fb {width:33.3%;height: 45px;float:left;margin: 4% 0 3% 0;padding: 4% 0 0 0;text-align:center;vertical-align:middle;cursor: pointer;border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;}
    #Bodyleftmenu ul.menu_pc li.search img,#Bodyleftmenu ul.menu_pc li.map img,#Bodyleftmenu ul.menu_pc li.fb img {width:auto;height:auto;}
    #Bodyleftmenu ul.menu_pc li.open_search{display: none;}
    #Bodyleftmenu ul.menu_pc li.open_search input[type="text"]{width:90%;font-size:1em;line-height:1.55em;font-family:"微軟正黑體";background:#efefef;color: #333;border: none;}
    #Bodyleftmenu ul.menu_pc li.open_search input[type="submit"]{width: 100%;color: #FFF;background-color: #333;font-size: 1em;padding:2% 0;text-align: center;border:none;font-family:"微軟正黑體";}
    #Bodyleftmenu ul.menu_pc a{color: #333;display: block;text-decoration: none;transition: all 0.3s linear;}
    #Bodyleftmenu ul.menu_pc li:hover {background-color:#f1c531;}
    #Bodyleftmenu ul.menu_pc li.logo_img:hover,#Bodyleftmenu ul.menu_pc li.logo_img a:hover,#Bodyleftmenu ul.menu_pc li.open_search:hover {background-color:#efefef;}
    #Bodyleftmenu ul.menu_pc li:hover > a {color: #FFF;}
    #Bodyleftmenu ul.menu_pc ul { /*第二層選單*/border: #ccc 1px solid;position: absolute;z-index: 999;top:0;min-width: 200px;list-style-type: none;font-weight: normal;}
    #Bodyleftmenu ul.menu_pc ul li {border-bottom: #ccc 1px solid;text-align: center;padding:3% 0;}
    #Bodyleftmenu ul.menu_pc ul li:hover {background-color:#f1c531;}
    #Bodyleftmenu ul.menu_pc ul li:last-child {border-bottom: none;}
    #Bodyleftmenu ul.menu_pc ul { /*隱藏次選單*/left: 99999px;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
    #Bodyleftmenu ul.menu_pc li:hover > ul { /*滑入展開次選單*/opacity: 1;left: 100%;background-color:#efefef;}
    /*左側選單_內頁固定*/
    #Bodyleftmenu_fixed{width: 20%;height:100%;top:0;left: 0;z-index:99;position: fixed;padding: 2% 0;text-align:center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;background-color: #efefef;}
    #Bodyleftmenu_fixed ul.menu_pc{width: 100%;float:left;position: relative;top:0;left: 0;margin: 0 auto;padding: 0;font-size: 1.4em;line-height: 2em;list-style-type: none;/*font-weight: bold;*/background:#efefef;}
    #Bodyleftmenu_fixed ul.menu_pc > li{width: 100%;float: left;position: relative;padding:2% 0;margin: 1% 0;/*border-bottom: #ccc 1px solid;border: #ccc 1px solid;*/}
    #Bodyleftmenu_fixed ul.menu_pc li:first-child img { /*logo圖*/width:100%;height:auto;text-align:left;vertical-align:bottom;}
    #Bodyleftmenu_fixed ul.menu_pc li.search,#Bodyleftmenu_fixed ul.menu_pc li.map,#Bodyleftmenu_fixed ul.menu_pc li.fb {width:33.3%;height: 45px;float:left;margin: 4% 0 3% 0;padding: 4% 0 0 0;text-align:center;vertical-align:middle;cursor: pointer;border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;}
    #Bodyleftmenu_fixed ul.menu_pc li.search img,#Bodyleftmenu_fixed ul.menu_pc li.map img,#Bodyleftmenu_fixed ul.menu_pc li.fb img {width:auto;height:auto;}
    #Bodyleftmenu_fixed ul.menu_pc li.open_search{display: none;}
    #Bodyleftmenu_fixed ul.menu_pc li.open_search input[type="text"]{width:90%;font-size:1em;line-height:1.55em;font-family:"微軟正黑體";background:#efefef;color: #333;border: none;}
    #Bodyleftmenu_fixed ul.menu_pc li.open_search input[type="submit"]{width: 100%;color: #FFF;background-color: #333;font-size: 1em;padding:2% 0;text-align: center;border:none;font-family:"微軟正黑體";}
    #Bodyleftmenu_fixed ul.menu_pc a{color: #333;display: block;text-decoration: none;transition: all 0.3s linear;}
    #Bodyleftmenu_fixed ul.menu_pc li:hover {background-color:#f1c531;}
    #Bodyleftmenu_fixed ul.menu_pc li.logo_img:hover,#Bodyleftmenu_fixed ul.menu_pc li.logo_img a:hover,#Bodyleftmenu_fixed ul.menu_pc li.open_search:hover {background-color:#efefef;}
    #Bodyleftmenu_fixed ul.menu_pc li:hover > a {color: #FFF;}
    #Bodyleftmenu_fixed ul.menu_pc ul { /*第二層選單*/border: #ccc 1px solid;position: absolute;z-index: 999;top:0;min-width: 200px;list-style-type: none;font-weight: normal;}
    #Bodyleftmenu_fixed ul.menu_pc ul li {border-bottom: #ccc 1px solid;text-align: center;padding:3% 0;}
    #Bodyleftmenu_fixed ul.menu_pc ul li:hover {background-color:#f1c531;}
    #Bodyleftmenu_fixed ul.menu_pc ul li:last-child {border-bottom: none;}
    #Bodyleftmenu_fixed ul.menu_pc ul { /*隱藏次選單*/left: 99999px;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
    #Bodyleftmenu_fixed ul.menu_pc li:hover > ul { /*滑入展開次選單*/opacity: 1;left: 100%;background-color:#efefef;}
    /*原置頂LOGO+選單區*/
    #Bodymenunav {width: 100%;height: 56px;position: fixed;z-index:10;top:0;left: 0;padding: 0;text-align:center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;background-color: #FFF;}
    #Bodymenunav .toparea{width:96%;float:left;padding:2% 2% 1% 2%;margin:0;position: relative;background-color: #FFF;}
    #Bodymenunav .logo{width:30%;float:left;padding:0;margin:0;}
    #Bodymenunav .logo img{width:100%;}
    #Bodymenunav .search{width:70%;float:left;padding:0;margin:3% 0 0 0;text-align:right;}
    #Bodymenunav .search input[type="text"]{width:25%;font-size:1em;line-height:1.55em;font-family:"微軟正黑體";}
    #Bodymenunav .search input[type="submit"]{color: #FFF;background-color: #2e93b0;font-size: 1em;padding:0.8% 1.5%;border-radius:8px;border:none;font-family:"微軟正黑體";}
    /*原綠色下拉選單*/
    #Bodymenunav ul.drop-down-menu{width: 94%;height: 56px;float:left;margin: 0 auto;padding: 0 1.5% 0 4.5%;font-size: 1.4em;line-height: 2em;list-style-type: none;font-weight: bold;background:#08ae08;}
    #Bodymenunav ul.drop-down-menu > li{width: 14.2%;height: 56px;float: left;position: relative;}
    #Bodymenunav ul.drop-down-menu > li:first-child {width: 450px;height: 58px;float: left;text-align: left;}
    #Bodymenunav ul.drop-down-menu li img {width:auto;height:auto;text-align:left;vertical-align:bottom;}
    #Bodymenunav ul.drop-down-menu a {height: 56px;line-height: 58px;background-color: #08ae08;color: #FFF;display: block;text-decoration: none;transition: all 0.3s linear;}
    #Bodymenunav ul.drop-down-menu a:hover {background-color:#f0791f;}
    #Bodymenunav ul.drop-down-menu li:first-child a:hover {background-color:#343434;}
    #Bodymenunav ul.drop-down-menu li:hover > a {background-color: #f0791f;color: #FFF;}
    #Bodymenunav ul.drop-down-menu ul { /*第二層選單*/border: #ccc 1px solid;position: absolute;z-index: 99;left: 0;top: 100%;min-width: 190px;list-style-type: none;font-weight: normal;font-size:1em;}
    #Bodymenunav ul.drop-down-menu ul li {border-bottom: #ccc 1px solid;text-align: center;}
    #Bodymenunav ul.drop-down-menu ul li:last-child {border-bottom: none;}
    #Bodymenunav ul.drop-down-menu ul ul { /*第三層選單*/z-index: 999;top: 10px;left: 90%;}
    #Bodymenunav ul.drop-down-menu ul { /*隱藏次選單*/left: 99999px;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
    #Bodymenunav ul.drop-down-menu li:hover > ul { /*滑入展開次選單*/opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;left: -1px;border-right: 5px;}
    #Bodymenunav ul.drop-down-menu li:hover > ul ul { /*滑入之後、次選單之後的選單依舊隱藏*/left: 99999px;}
    #Bodymenunav ul.drop-down-menu ul li:hover > ul { /*第二層之後的選單展開位置*/left: 90%;}
    .hotnews ul li a{overflow: hidden;text-overflow: ellipsis;}
    /*ask*/
    #askarea_out{background-color: #6fa8af;width: 100%;float:left;padding-top: 3%;padding-bottom: 2%;margin: 0;padding-right: 0;padding-left: 0;}
    #askarea{width: 96%;float:left;text-align: left;background-color: #457392;/*6fa8af*/margin-top: 0px;margin-bottom: 2%;padding-top: 1%;padding-right: 2%;padding-bottom: 1%;padding-left: 2%;border-radius:15px;}
    #askarea .asktitle {font-size: 1.7em;color: #FFF;text-align: center;line-height: 1.5em;font-weight: bold;font-family: "Microsoft YaHei";}
    #askarea #formlist{width: 94%;font-size: 1.25em;color: #FFF;line-height: 2.5em;margin-right: 3%;margin-left: 3%;margin-top: 3%;margin-bottom: 1%;}
    #askarea SELECT{border-radius: 7px;width:20%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;font-size: 0.9em;font-family:"微軟正黑體";}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;color: #585858;}
    #askarea input[type="submit"]{color: #FFF;background-color: #2e93b0;font-size: 1em;padding:1% 1.5%;font-family:"微軟正黑體";}
    #askarea input[name="sContent"]{width:80%;}
    #askarea input[type="reset"]{color: #FFF;background-color: #8b8b8b;font-size: 1em;padding:1% 1.5%;font-family:"微軟正黑體";}
    #askarea input[type="text"]{width:35%;font-size:1em;font-family:"微軟正黑體";}
    /*TOP*/
    #topbutton{display: none;/*width: 70px;height: 70px;*/color: #cccccc;border-radius: 9999em;opacity: 0.8;right: 1.85%;bottom: 6%;position: fixed;line-height: 3.3em;font-size: 1.3em;text-align: center;z-index:999;cursor: pointer;}
    /*舊版IE*/
    #noie{background-color: #FFFFFF;width: 100%;text-align: center;}
    /*投考組合*/
    .acceptanceRate{display:block;}
    .acceptanceRate li{list-style-type:disc;}
    #exam-box-2 tr td:first-of-type{background-color:#E4F1F5;}
    .knowledge {width: 80%;align-items: center;}    
    .knowledge_bg {background: url(../images/2020master-cloud.png) left no-repeat;background-position-x: 1%;background-size: 14%;}    
    .media ul{width: 77.5%;}     
    .system-subtitle{display: block;}
    .system-subtitle:nth-of-type(2){margin-top: 1rem;}
    .content_text ol{margin-left:20px;}
}