@import url(./icon/css/all.min.css);
/*@import url(./side_area.css);*//*首頁左側，側邊專區CSS*/

/* 網站導覽 */
#Web_map {background-color:#484848;height:49px;}
.header-upper{width:1200px;margin:auto;}
.header-container {width:1200px;margin:auto;}
.header-upper ul {/*width:80%;*/display:inline-flex;justify-content:center;}
.header-upper li {color:#ffffff;margin:auto 4.25rem auto auto;}
.header-upper li a {color:#ffffff;text-decoration:none;line-height:3;}
#Web_map input[type="checkbox"] {display:none;}
#Web_map label {cursor:pointer;position:relative;top:15px;width:30px;height:22px;border-bottom:2px solid #878787;}
#Web_map label::before,#Web_map label::after {position:absolute;left:0;content:'';width:30px;height:2px;background-color:#878787;display:block;transition:all 0.3s cubic-bezier(0.42, 0, 0.63, 1.4);}
#Web_map label::before {top:0px;}
#Web_map label::after {top:10px;}
#Web_map nav {transform:scaleY(0);background-color:#000;transition:all 0.3s ease;transform-origin:50% top;z-index:10;position:relative;color:white;}
#Web_map input:checked ~ nav {animation:nav-in 1s ease-in-out normal forwards;}
#Web_map input ~ nav {transform:scaleY(0);}
@keyframes nav-in {
    0% {transform-origin:50% top;transform:scaleY(0);}
    50% {transform:scaleY(1.3);}
    80% {transform:scaleY(0.90);}
    90% {transform:scaleY(1.05);}
    100% {transform:scaleY(1);}
}
#Web_map input:checked ~ .header-upper label {border-bottom-color:transparent !important;transition:all 100ms linear;}
#Web_map input:checked ~ .header-upper label::before {transform-origin:right center;transform:rotate(-45deg) translateY(-4px) translateX(-1px);}
#Web_map input:checked ~ .header-upper label::after {transform-origin:right center;transform:rotate(45deg) translateY(9px) translateX(5px);}
.web-search {/*width:15%;*/width:20%;margin:auto 2% auto 0;}
.web-search input[type="text"] {width:80%;font-size:.85em;color:#ffffff;background:transparent;outline:none;border:1px solid transparent;border-radius:0;border-bottom:1px solid #ffffff;}
.web-search input[type="Submit"] {background:url(../Image/search-interface-symbol.svg) no-repeat center;width:30px;height:30px;background-size:60%;cursor:pointer;}
.map-title {cursor:pointer;width:calc(100%/7);text-align:center;padding:0.8em 0;}
.map-title i {margin-left:1rem;}
.map-title:hover {font-weight:bold;}
.map-cont {background:#F6F6F6;padding:1rem 2rem 1rem;text-align:left;color:#535353;line-height:1.7em;width:100%;}
.map-cont ul li {display:inline-block;margin:0.375rem 1rem;}
.map-cont ul {text-align:center;}
.map-cont ul li a {color:#000;border:solid 1px #e7e7e7;border-radius:0.5em;padding:0.3em 1em 0.4em;text-decoration:none;background-color:white;}
#Web_map .map-active {background:#ffd42d;color:black;font-weight:bold;}
.map-active i {transform:rotate(180deg);transition:0.3s;}
#Web_map .direction-active {display:block;}
.click-others {width:calc(100% - 1px);margin:auto;text-align:center;}
.click-others a {font-size:0.95em;margin:0.25rem 0.25rem auto;display:inline-block;background-color:#dfdfdf;padding:0.2em 0.4em;border-radius:0.5em;text-decoration:none;}
/* 網站導覽 */
.sm-logo {display:none;}
.sm-logo a {text-decoration:none;}
.sm-logo a figure {margin:auto 0.5rem auto 1rem;width:35px;}
.sm-logo-show {display:block;}  
.map-list .web-search {display:initial;}
#toolbar {text-align:center;}
#Header .sm-map {background:white;box-shadow:0px -14px 16px 8px #000000;position:fixed;z-index:9;display:flex;flex-wrap:wrap;}
#Header .sm-map nav {background:white;color:black}
#Header .sm-map .web-search input[type="text"] {color:#000;border-bottom:1px solid #000;}
#Header .sm-map .web-search input[type="Submit"] {filter:brightness(0.5);}
.cref_iframe{margin:auto;display:flex;align-items:center;height:49px;}
/* 置頂選單 */
.home-header {background:url(../Image/KP_bg_line3.png) no-repeat bottom center, linear-gradient(to right, #ffb84e8c 5%,#ffc770 37%,#ffded2 50%,#fbd5c8 70%,#fbede0 100%);background-size:cover;justify-content:center;display:flex;}
.goldensun-logo {width:45%;padding:0.85rem 0;}
.goldensun-logo a {text-decoration:none;}
.goldensun-logo a figure img {width:90px;margin-right:1.5rem;}
.home-title h1 {font-size:3.875rem;font-weight:bold;letter-spacing:0.5rem;line-height:4.25rem;text-shadow:-1px 0 0 black;}
.home-subtitle {color:#38311e;letter-spacing:0.4rem;padding-left:2px;display:block;font-size:1.25rem;}
.header-menu {width:55%;letter-spacing:2px;display:flex;flex-wrap:wrap;}
.header-menu a {font-weight:bold;text-decoration:none;padding-left:0.8rem;}
.header-tabs a {text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:1.35rem;line-height:1.5rem;margin:auto 1rem;border-left:solid 4px #e35d2da1;}

.header-menu li:last-of-type .look-for i {display:none;}
.header-item {position:absolute;top:100%;left:0;right:0;width:100%;box-shadow:8px 10px 25px rgb(120 120 120 / 20%);padding:1rem;font-size:1.1rem;z-index:6;background-color:#f8d093;}
.header-menu ul {display:flex;flex-wrap:wrap;}
.header-menu ul li {margin:auto 2rem auto 0;}
.header-menu .look-for {display:block;font-size:1.75rem;line-height:0;}
.header-menu .look-for .fa-facebook-square {margin-right:0;}
.college-menu {display:flex;flex-wrap:wrap;width:40%;text-align:center;align-items:center;background:linear-gradient(to bottom, #ff998e 30%,#ffc683 100%);padding:1rem;}
.college-menu a {width:calc(100%/2);font-size:1.25rem;}

[class*="newsbtn"] {margin:0.2rem 0;}
[class*="newsbtn"] a {width:115px;height:41px;display:flex;flex-wrap:wrap;text-decoration:none;line-height:1.25rem;align-items:center;justify-content:center;}
.newsbtn1 a {background:linear-gradient(to right, #ebebeb 3%, #fffffff5 20%, #fffffff7 50%, #ebebeb 60%);}
.newsbtn1 .foil {color:#E64929;font-size:1rem;font-style:italic;width:100%;margin:auto auto auto 1rem;font-size:0.9rem;line-height:0.9rem;}
.newsbtn1 .ans {background:linear-gradient(to right, #fff0 0%, #40aacf 30%);width:100%;color:white;font-weight:bold;padding:0.2rem 0 0.1rem 1.25rem;}
.newsbtn2 a {color:#B72E13;background:#ecdab3 url(https://www.get.com.tw/media/File/Image/1207045_2_01.png) no-repeat top center / cover;font-weight:bold;letter-spacing:1px;}
.newsbtn2 .foil {border-bottom:1px dotted;}

/*趨勢選單*/
.essence{background:linear-gradient(to right, #f6784b 0%, #FFDED2 60%, #FFF7EB 90%, transparent 100%);padding:1rem;}
.essence .hooper{height:auto;}
.general a{color:#ff4747;padding:0 2px;}
.method{font-weight:bold;font-size:1.125rem;}
.method dd{padding:0 0 0 1rem;}
.general dd{padding:0 0 0 0.5rem;}
.method dd a{padding:0 2px;}
.method dd strong{color:#ff4747;}
.method dd strong a{padding:0;}
.special-zone {padding:1rem 0 0;border-top:5px solid #ededed;margin:1.5rem auto auto;}
.trend_menu_tabs {position:relative;}
.trend_menu_tabs .VueCarousel-slide {text-align:center;height:7rem;}
.hot_exam {position:absolute;top:0;right:1rem;font-size:3rem;color:#d0d0d0;font-style:italic;letter-spacing:0.5rem;}
.hot_exam i {font-size:2.5rem;padding:0 0 0 0.5rem;position:relative;bottom:0.25rem;}
.trend_menu_box a {font-size:1.5rem;line-height:1.5rem;font-weight:bold;margin:auto;position:relative;z-index:2;text-align:center;display:block;}
.trend_menu_box .VueCarousel-slide:nth-of-type(odd) {color:#ef6f52;}
.trend_menu_box .VueCarousel-slide:nth-of-type(even) {color:#4f9ebf;}
.trend_menu_box a:hover {top:initial;left:initial;}
.trend_menu_box span {position:absolute;font-size:1.5rem;display:block;left:87.5%;top:0;}
.trend_menu_box div {position:relative;}
.trend_menu_box div::after {content:'';width:7.3rem;border-radius:1rem;left:0;right:0;margin:auto;position:absolute;text-align:center;color:white;font-size:1.0rem;font-weight:bold;padding:0.5rem;white-space:pre;line-height:1.5rem;}
.trend_menu_box span::after {position:absolute;font-family:"Font Awesome 5 Free";font-weight:bold;transform:rotate(-90deg);letter-spacing:4px;opacity:0.1;}
.trend_menu_box div.active::after {animation:move 1s linear alternate infinite;clip-path:polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);z-index:2;}
@keyframes move{from{top:100%} to{top:150%}}
.trend_menu_box .VueCarousel-slide:nth-of-type(odd) div.active::after {background-color:#ff8376;}
.trend_menu_box .VueCarousel-slide:nth-of-type(even) div.active::after {background-color:#4f9ebf;}
.trend_menu_box .VueCarousel-slide:nth-of-type(odd) div::after {background-color:#ffa567e3;}
.trend_menu_box .VueCarousel-slide:nth-of-type(even) div::after {background-color:#5daeccd4;}
.trend_menu_box .VueCarousel-slide:nth-of-type(1) span::after, .trend_menu_box .VueCarousel-slide:nth-of-type(4) span::after, .trend_menu_box .VueCarousel-slide:nth-of-type(6) span::after {content:'\f04b\f04b';}
.trend_menu_box .VueCarousel-slide:nth-of-type(1) {margin:1rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(2) {margin:3rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(3) {margin:8rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(4) {margin:6rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(5) {margin:9rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(6) {margin:7rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(7) {margin:8rem auto auto;}
.trend_menu_box .VueCarousel-slide:nth-of-type(1) div::after {height:12rem;bottom:-12.5rem;content:'報考人數\A高36,460\A普30,242';}
.trend_menu_box .VueCarousel-slide:nth-of-type(2) div::after {height:10rem;bottom:-10.5rem;content:'報考人數\A三等14,162\A四等12,018';}
.trend_menu_box .VueCarousel-slide:nth-of-type(3) div::after {height:5rem;bottom:-5.5rem;content:'需用人數\A逾33,000';}
.trend_menu_box .VueCarousel-slide:nth-of-type(4) div::after {height:7rem;bottom:-7.5rem;content:'報考人數\A 21,666';}
.trend_menu_box .VueCarousel-slide:nth-of-type(5) div::after {height:4rem;bottom:-4.5rem;content:'報考人數\A一試2,176';}
.trend_menu_box .VueCarousel-slide:nth-of-type(6) div::after {height:6rem;bottom:-6.5rem;content:'報考人數\A一試5,361\A二試1,556';}
.trend_menu_box .VueCarousel-slide:nth-of-type(7) div::after {height:5rem;bottom:-5.5rem;}
.sp_menu_cont .tabVuecontent {/*background-color:#fff6ed;*/background:linear-gradient(to bottom, transparent 0%, #ecebeb 100%);width:100%;padding:0.25rem 3rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;/*box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/}
.sp_menu_cont ul {z-index:2;position:relative;width:65%;margin:0;padding:0 0 0 2rem;}
.sp_menu_cont ul li a {background-color:white;padding:0.25rem 0.5rem;border-radius:1rem;border:1px dotted #ffa34c;text-decoration:none;margin:0.25rem;display:inline-block;}
.menu_youtube {width:35%;}
.handout {position:relative;margin:auto 2rem auto 0;}
.handout_download {position:absolute;right:-3rem;top:1rem;background-color:white;border:4px solid #E6A901;border-radius:1rem;padding:0.25rem 0.5rem 0.25rem 1rem;font-size:1.1rem;font-weight:bold;z-index:2;}
.handout_download i {padding:0 0 0 0.25rem;font-size:1.25rem;color:#E6A901;}
.handout_download:hover {text-decoration:initial;position:absolute;top:1rem;}
.menu_youtube iframe, .menu_youtube img {border-radius:1rem;margin:auto;}
.sp_menu_cont ul.w-auto {width:auto;}
.sp_menu_cont .oddbg {background:linear-gradient(to bottom, transparent 0%, #FFF7EB 80%, transparent 100%);} 
.sp_menu_cont .evenbg {background:linear-gradient(to bottom, transparent 0%, #DDF1F7 80%, transparent 100%);} 

/* 全方位課程 */
.course_plan {padding:1rem 0.5rem;}
.course-title h1 {font-size:2.5rem;line-height:1.5;}

/* 科系選公職 */
.public-tabs a {color:#a5980d;width:calc(100%/2 - 1rem);border-bottom:2px solid #a5980d;}
.public-wayOut {color:#000;display:flex;flex-wrap:wrap;}
.public-tabs {position:relative;}
.public-tabs .active {color:#000;border-bottom:2px solid #000;font-weight:bold;}
.wayOut-description {width:100%;color:#000;line-height:1.75;text-align:center;}
.click-title {position:relative;cursor:pointer;padding:0.5rem 0;text-align:center;}
.menu-click {width:25%;background:#f1f0f0;color:#000000;}
.menu-chosen {width:75%;background:#FFF;text-align:left;overflow:hidden;}
.identity-active {background:#FFF;font-weight:bold;}
.identity-active::after {position:absolute;content:'\f0da';font-family:"Font Awesome 5 Free";font-weight:bold;right:1.5rem;}
.menu-chosen dl dt, .menu-chosen dl dd {display:inline-block;}
.menu-chosen dl {padding:0 0.5rem;}
.menu-chosen dl:nth-child(even) {background-color:#f9f7f7;}
.menu-chosen dl dt {position:relative;font-weight:bold;margin-right:0.8em;}
.menu-chosen dl dt::after {position:absolute;content:'\f0da';font-family:"Font Awesome 5 Free";font-weight:bold;right:-1rem;}
.menu-chosen dl dd {margin:0.375rem 0.2rem;color:#535353;border-bottom:dotted 1px;font-size:0.95em;}
.menu-chosen dl dd a{text-decoration:none;}

/* 考情鈴鐺 有試找我 */
.community-list {text-align:left;padding:1rem 2rem;}
.community-list a {width:calc(100%/2);}

/* 學前測後測 */
.evaluation-contain {position:relative;/*width:1200px;*/margin:1rem auto auto;background:#ffffff;padding:1rem 0 0.375em;z-index:2;}
.evaluation-wrap .ribbon {position:relative;z-index:1;width:1200px;display:block;margin:auto;top:-48px;right:-18px;}
/* 學前測後測 背景圖 */
.evaluation_bg ul li {position:absolute;z-index:-1;}
.evaluation_bg ul li:nth-child(1) {top:0%;left:0%}
.evaluation_bg ul li:nth-child(2) {top:0%;right:0%}
.evaluation_bg .img-Responsive {display:inline-block;max-width:100%;height:219px;/*height:203px;*/}
@media screen and (max-width:1299px) {
    .evaluation-wrap .ribbon {display:none;}
}
/*.evaluation-wrap .ribbon::before, .evaluation-wrap .ribbon::after {position:absolute;content:'';width:80px;height:100px;transform:skew(-20deg);}
.evaluation-wrap .ribbon::after {background:#ffee38;right:3%;}
.evaluation-wrap .ribbon::before {background:#f09b1a;right:7%;}*/
.exam-platform {width:calc(100%/2);}
.exam-platform:first-of-type {border-right:1px solid #fecc4f;}
.exam-platform h2 {font-size:1.75rem;color:#f09b1a;font-weight:bold;align-items:center;display:inline-block;letter-spacing:0.1em;}
.exam-platform .circle {border-radius:100%;width:50px;height:50px;background:#f09b1a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;font-size:1.5rem;    padding-left:0.3rem;}
.exam-platform:last-of-type .circle {background:#039be6;}
.evaluation-item ul {margin:auto auto auto 0.25rem;display:inline-block;vertical-align:text-bottom;}
.evaluation-item ul li {color:#ffffff;display:inline-block;padding:.125rem .5rem .125rem 1.125rem;position:relative;margin:0;}
.evaluation-item li::after {position:absolute;content:'';top:0;right:-14px;border-width:14px 0 14px 14px;border-color:transparent transparent transparent #ff4311;z-index:2;}
.evaluation-item .arrow2::after {border-color:transparent transparent transparent #f09b1a;}
.evaluation-item .arrow3::after {border-color:transparent transparent transparent #fecc4f;}
.evaluation-item .arrow01::after {border-color:transparent transparent transparent #056ec8;}
.evaluation-item .arrow02::after {border-color:transparent transparent transparent #039be6;}
.evaluation-item .arrow03::after {border-color:transparent transparent transparent #03c3e6;}
.evaluation-list {margin:0.5rem auto;}
.evaluation-list dt {margin-bottom:.5rem;font-size:0.9em;}
.evaluation-list dd {width:calc(100%/3 - 1rem);margin-right:1rem;border-bottom:1px solid #c8c8c8;line-height:2;position:relative;padding-left:1.25rem;font-size:0.95em;}   
.evaluation-list dd::before {content:"\f061";font-family:"Font Awesome 5 Free";position:absolute;font-size:0.7rem;font-weight:bold;left:0;top:15%;}
.evaluation-list dd a {text-decoration:none;}   
.exam-platform:first-of-type dl a, .exam-platform dl .twice a {color:#f09b1a;margin:auto .25rem;text-decoration:none;}
.exam-platform:last-of-type dl a {text-decoration:none;}
.exam-platform .twice a:hover {color:#039be6;}
.irt-slogan {margin:auto;font-size:0.9em}
.irt-slogan img {width:25px;height:auto;margin-right:.25rem;vertical-align:middle;display:inline-block;}

/* 焦點新聞 */
.news-area {width:100%;margin:2rem auto auto;background:#ffffff;z-index:2;position:relative;}
.marquee_box {width:100%;background-color:#ffdbcb;padding:1rem 1rem 1rem 6rem;}
/*.marquee_box::after {position:absolute;content:'';left:50%;right:auto;bottom:-11px;border-top:11px solid #fad09e;border-left:11px solid transparent;border-right:10px solid transparent;transform:translate(-50%, 0);}*/
.marquee_box svg.icon {
    width:22px;
    height:22px;
}
.news-title {font-weight:bold;font-size:1.25rem;display:flex;flex-wrap:wrap;align-items:center;line-height:25px;}
.news-title dt {font-size:1.5rem;padding-right:1rem;}
#marquee_home .hooper {height:25px;}
#marquee_home .hooper-next, #marquee_home .hooper-prev {padding:0;outline:none;background-color:rgb(255 255 255 / 50%);border-radius:50%;}
#marquee_home .hooper-prev {right:2rem;left:auto;}

/* 公告 */
.bulletin {position:fixed;right:0;top:25%;z-index:7;width:115px;}
.bulletin i {color:#484848;background-color:white;font-size:1.125rem;margin:auto 0 auto auto;border-radius:50%;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;}
.popout::before {content:'';width:100%;height:100%;background-color:#0000001a;position:fixed;z-index:9;top:0;left:0;animation:fadeIn 1s ease-in 1s both;pointer-events:none;}
.popout {width:100%;height:100%;}
.popup {position:fixed;right:0;left:0;top:20%;bottom:auto;z-index:9;margin:auto;width:800px;animation:fadeInUp 1s ease 1s both;}
.popup img {width:100%;box-shadow:0px 0px 8px rgb(0 0 0 / 30%);}
.popup i {top:6px;right:6px;left:auto;/*color:white;background-color:#484848;*/font-size:1.125rem;position:absolute;z-index:2;border-radius:50%;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;}

/* 運試正當時 */
.schedule-title {display:inline-flex;align-items:center;}
.calendar a {background:linear-gradient(to right, #ffcac4 0%,#fccda1 50%,#fad09e 100%);border-radius:0.25rem;padding:0 0.5rem;text-decoration:none;font-size:1.25rem;font-weight:bold;margin:auto auto auto 2rem;}
.schedule-item {border:1px solid #ecebeb;width:90%;margin:auto;text-align:center;padding:0 1rem .5rem;background:#f4f4f4;}
.schedule-item dl {text-align:left;padding:.75rem 0 .5rem;}
.schedule-item img {margin:auto;}
#schedule_banner {width:calc(100%/4*2);}
#schedule_banner .hooper {height:auto;}
#monthly_banner .hooper figure {display:flex;justify-content:center;}
#monthly_banner .hooper-pagination button {position:inherit;width:12px;height:6px;}
#monthly_banner .hooper-indicator {background:rgb(223 223 223 / 30%);}
#monthly_banner .hooper-indicator.is-active {background:rgb(255 67 17 / 85%);}
.month-date {font-size:1.5rem;font-weight:bold;border-bottom:1px solid #d0d0d0;width:100%;padding:.5rem 0;}
.month-date i {display:none;}
.month-topic {width:calc(100%/4*2 - 1.65rem);}
.month-topic dt {color:#ff4311;font-weight:bold;display:inline;}
.month-topic dd {display:inline;}
.banner_box{width:calc(100%/2);}
.banner_box dl{width:95%;margin:auto;}
.schedule-item dt {font-size:1.125rem;font-weight:bold;}
.schedule-item dd {letter-spacing:1px;}
.schedule-item font{background:#000;padding:.125rem 0 .125rem .25rem;position:relative;color:#ffffff;margin-right:1rem;font-size:.8em;font-weight:initial;height:24px;display:inline-block;}
.schedule-item font::after {position:absolute;content:'';border-width:12px 0 12px 12px;border-color:transparent transparent transparent #000;right:-12px;top:0;}
#schedule_banner .hooper-next, #schedule_banner .hooper-prev {padding:.25rem;outline:none;background:#000;fill:#ffffff;top:-2rem;}
#schedule_banner .hooper-prev {right:2.5rem;left:auto;}
#schedule_banner .hooper-pagination {top:-3rem;right:6.5rem;bottom:auto;letter-spacing:3px;}
#schedule_banner .hooper-pagination span:first-of-type {color:#ff4311;}
section .schedule-title h1, section .library-title h1 {padding:0.5rem 0 0.5rem 0;}
section .schedule-title h1::before {/*content:'\f5eb';*/font-family:"Font Awesome 5 Free";font-size:3.5rem;font-weight:bold;top:0;width:0;height:0;color:#4d5459;}
.schedule-subtitle, .library-subtitle {font-size:1.8rem;}
.schedule-subtitle font, .library-title font {border-left:1px solid #ff4311;margin:auto .65rem;font-size:0.8em;}

/* 文昌書閣 */
.library-title font {margin:auto 1.5rem;}
section .library-title h1::before {/*content:'\e065';*/font-family:"Font Awesome 5 Free";font-size:3rem;font-weight:bold;top:.35rem;width:0;height:0;color:#4d5459;}
.library_item a {width:calc(60%/3);text-align:center;text-decoration:none;padding:.75rem 0;font-weight:bold;font-size:1.125rem;color:#ffffff;}
.library_content {padding:2rem 2rem 0;}
.library_item a.active {background:#ffffff !important;color:#ff4311;}

/* 榜首書單 */
.book-recommend dt {font-size:1.25rem;font-weight:bold;}
.book-recommend dd {background:#ffee38;display:inline-block;margin:.5rem auto 1rem;}
.recommend-list {width:40%;padding:0 0 0 0.5rem;}
.recommend-list ul li {list-style-type:decimal;margin-left:1.25rem;color:#535353;font-size:0.9em;}
.recommend-list .guide-btn {text-align:right;}
.recommend-list .guide-btn a {background:#000;}
.VueCarousel-pagination button {width:15px !important;height:6px !important;border-radius:1rem !important;}
.VueCarousel-dot {padding:5px !important;margin:0 !important;}
.VueCarousel-dot--active button {background:#ff4311 !important;}
.book-shop {width:60%;text-align:center;}
.book-shop a {width:calc(100%/4 - .5rem);font-weight:bold;font-size:.9rem;text-decoration:none;padding:0 0.25rem;}
.book_shelf label {order:1;display:block;cursor:pointer;border-radius:1rem;font-size:1.1rem;padding:0.125rem 1rem;background-color:rgb(255 219 203 / 50%);margin:auto 0.5rem;}
.book_shelf input:checked+label+.bookshelf_content {display:block;}
.book_shelf input {display:none;}
.book_shelf input:checked+label {background-color:#ea574d;color:white;}
.bookshelf_content {display:none;order:2;padding:0.75rem 0;width:100%;}
.bookshelf_content .VueCarousel-navigation-button[data-v-453ad8cd] {background-color:#f4f4f4;font-size:0.5rem;}

/* 學霸筆記 */
.leadNotes-wrap figure {width:calc(100%/3 - 1rem);}
.leadNotes-wrap figure img {border-radius:1em;}
.note-skills {padding:1% 2%;background-color:whitesmoke;margin-bottom:1%;}
.note-skills dt {border-bottom:1px dotted;font-size:1.2em;padding-bottom:0.2em;margin-bottom:0.5em;font-weight:900;color:#000000;}
.note-skills dd {list-style-type:decimal;width:calc(100%/3 - 1rem);display:list-item;margin-left:1rem;}
.leadNotes-wrap .guide-btn {display:inline-block;}

/* 高上講義 */
.handout-features {width:calc(100%/2);padding:0 2%;}
.handout-features:nth-child(2) {border-left:solid #ececec 5px;}
.handout-description {font-weight:bold;font-size:1.0rem;margin-bottom:2%;display:inline-block;}
.handout-pic figure {width:calc(100%/3 - .75rem); }
.handout-pic figure figcaption {font-size:0.9rem;background-color:#acadac;text-align:center;padding:0.1em;color:white;}
.handout-experience {padding:1rem 2rem 0 0;}
.handout-experience dt {color:#fb4037;display:block;margin:.5rem auto 0.5rem;font-weight:bold;border-bottom:dotted 1px;}
.handout-experience dd {color:#535353;font-size:0.95em;}

/* 他的成功 */
.media-youtube {width:32%;margin-right:3%;}
.youtube-title {border-bottom:5px solid #039be6;color:#039be6;font-size:1.55rem;line-height:1.75;font-weight:bold;margin-bottom:1rem;}
#youtube_film .hooper {height:auto;}
#youtube_film .hooper-next, #youtube_film .hooper-prev {padding:0;outline:none;background:#000;fill:#ffffff;top:-2.5rem;}
#youtube_film .hooper-prev {right:1.75rem;left:auto;}
#youtube_film .hooper-pagination {top:-2.75rem;right:5rem;letter-spacing:3px;}
#youtube_film .hooper-pagination span:first-of-type {color:#fb4037;}
#youtube_film img {margin:auto;}
#youtube_film a {position:relative;display:block;}
#youtube_film a::before {content:"";position:absolute;width:45px;height:45px;left:0;right:0;margin:auto;top:0;bottom:0;background:url(../Image/play.svg) no-repeat;background-size:100%;transition:all 0.3s linear;z-index:2;}
#youtube_film a:hover {top:initial;}
#youtube_film a:hover::before {transform:scale(1.1);}

/* 真人說亮話 */
.member-diary {width:65%;}
.diary-title {border-bottom:5px solid #fb4037;color:#fb4037;font-size:1.55rem;line-height:1.75;font-weight:bold;margin-bottom:1rem;}
.diary-item {width:calc(100%/3 - .75rem);padding-bottom:.75rem;margin-right:.75rem;}
.diary-item figure {width:38%;}
.diary-item dl {width:57%;margin-left:5%;}
.diary-item dt {font-weight:bold;padding-left:0.5rem;margin-bottom:.25rem;font-size:0.95em;}
.diary-item dt a {text-decoration:none;}
.diary-item dd {font-size:.9rem;line-height:1.25;}
.diary-item dd a {text-decoration:none;color:#535353;font-size:0.9em;}
.diary-item dd a:hover {text-decoration:underline;}
.diary-item figure img {width:95px;height:95px;object-fit:cover;}

/* 學習自選套餐 */
.learn-subtitle {display:inline-block;margin-left:1rem;font-size:1.125rem;}
.learn-tool {width:calc(100%/3 - 1rem);}
.learn-tool:last-of-type dl {_background-color:#670e2e;}
.learn-tool:last-of-type .learn-guide a {_width:calc(100%/2);}
.learn-tool dl {color:#ffffff;text-align:center;padding:.25rem 0 .25rem;}
.learn-tool dt {font-size:1.8rem;letter-spacing:0.2em;display:inline-flex;align-items:center;}
.learn-tool:last-of-type dt{letter-spacing:initial;}
.learn-tool dd {font-size:0.95rem;}
.learn-guide {background:#ffffff;padding:.75rem .5rem;text-align:center;border-radius:0 0 .5rem .5rem;font-size:0.9em;}
.learn-guide a {text-decoration:none;border-right:1px solid #c6c7c8;width:calc(100%/3);position:relative;/*padding-left:1rem;*/}
.learn-guide a:last-of-type {border-right:none;}
/*.learn-guide a::before {content:'\f144';font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;color:#c6c7c8;left:.75rem;}*/

/* 名師話重點 */
.column-item {width:calc(100%/4 - 0.5rem);}
.column-item figure {background-color:#efefef;width:150px;}
.column-topic {/*font-size:1.6rem;*/font-size:1.5rem;font-weight:bold;line-height:2.25;font-family:Meiryo, "Meiryo UI";}
.column-item .youthKnow{font-size:1.35rem;padding:0.2rem 0;display:block;}
.column-item .guide-btn {text-align:left;}
.column-item p {margin:1rem auto 0.5rem;padding-right:1rem;font-size:0.9em;color:#535353;}
.column-news {font-size:0.9em;color:#535353;margin:1rem auto 0.5rem;padding-right:1rem;}
.column-news img {display:inline-block;}
.column-news .note {display:none;}
.column-news dl dt {font-weight:bold;}
.blog_theme {display:block;font-weight:bold;}

/* Footer */
.footer-wrap {background:#484848;color:#ffffff;padding:1.5rem .5rem;align-items:center;justify-content:center;}
.footer-wrap .line font {border-right:1px solid #ffffff;margin:auto .5rem;}
.footer-wrap .dot {width:3px;;height:3px;border-radius:100%;display:inline-flex;margin:auto .5rem;background:#ffffff;}
.footer-wrap .community_icon {padding:0 0.5rem;text-align:center;}
.footer-wrap .community_icon a {font-size:1.75rem;margin:auto 0.35rem;display:inline-flex;text-decoration:none;}
.footer-wrap .community_icon a:first-of-type i {position:relative;top:1px;}
.footer-wrap .community_icon a:last-of-type {font-size:1.575rem;}

 /* Cookies */
 .CookieConsent {background:rgb(72 72 72 / 80%) !important;}

 /* 站內搜尋 */
#station .gsc-adBlock {display:none !important;} 
 
/*---------- 單元 ----------*/
/* Channel */
a {text-decoration:underline;}
a:hover {text-decoration:none;position:relative;top:2px;}
#BodyContentMainNavigator {text-align:left;}
#BodyContentMainNavigator+main {margin:auto;}
#BodyContentMainNavigator img {display:inline-block;vertical-align:middle;}
#BodyContentMainNavigator h1 {display:inline;}

/* Header */
#BodyHeader_event {text-align:center;}
#BodyHeader_event img {display:inline-block;}

/* 分頁Nav */
article .hooper button {height:auto;outline:none;}
/*.hooper button:hover {background:inherit;}*/
#channel_pagenav button {width:auto !important;background:#000;}
#channel_topnav i {font-size:1.875rem;color:white;width:67px;height:67px;line-height:67px;border-radius:99em;margin:0 3% 0 0;}
#channel_topnav a {text-decoration:none;text-align:center;font-weight:bold;padding:0 2px;}
#channel_topnav a fa {width:67px;height:67px; font-size:1.25rem;text-align:center;display:block;background:aqua;}
#channel_pagenav a {text-decoration:none;font-size:1.0rem;text-align:left;display:block;font-weight:bold;}
#channel_pagenav a {width:95%;border-bottom:1px solid #c8c8c8;border-radius:0%;padding:.6rem 0rem .2rem .1rem;color:#212121;}
#channel_pagenav a::before {content:"\f061";color:#f09b1a;margin-right:0.5em;font-size:0.7em;font-family:"Font Awesome 5 Free";}
#channel_pagenav .hooper {height:auto;}
#channel_pagenav .hooper-slide {margin:.25rem auto;}
#channel_pagenav .hooper-prev {display:none;}
#channel_pagenav .hooper-next {left:auto;right:0;/*padding:.5rem;*/padding:0;}
#channel_pagenav svg.icon {fill:#ffffff;}
.channel-list li {width:calc(100%/3 - 2rem);display:inline-flex;align-items:center;justify-content:center;margin:0.5rem 1rem;background:linear-gradient(145deg, #006caa 15%,#9ad1b9 100%);font-size:1.35rem;border-radius:2rem;color:white;padding:0.75rem 0;box-shadow:rgb(0 0 0 / 24%) 0px 3px 3px;}
.prepare-list li {width:calc(100%/3);}   
.fcolor1 {color:#ff4311;}
.fcolor2 {color:#039be6 !important;}
.fcolor3 {color:#00ccbf;}
.fcolor4 {color:#4baf4f;}
.fcolor5 {color:black !important;}
.fcolor6 {color:white !important;}
.fa_bg1 {background:#ff4311;}
.fa_bg2 {background:#039be6;}
.fa_bg3 {background:#00ccbf;}
.fa_bg4 {background:#4baf4f;}

/* Article */
.bgcolor0 {background:#fecc4f;}
.bgcolor1 {background:#dfdfdf;}
.bgcolor2 {background:#f4f4f4;}
.bgcolor3 {background:/*#039be6*/#77c6e1 !important;}
.bgcolor4 {background:#ffffff;}
.bgcolor5 {background:linear-gradient(to right,#ffee38 50%,#f09b1a 51%);}
.bgcolor6 {background:#f09b1a;}
.bgcolor7 {background:url(../Image/bg2a.jpg?t=<%=DateTime.Now.Ticks%>) no-repeat top left fixed;background-size:cover;border-bottom:solid 0px #039be6;}
.basemap {background:url(../Image/bg2a.jpg?t=<%=DateTime.Now.Ticks%>) no-repeat top left fixed;background-size:cover;}
.bgcolor8 {background:#4baf4f;}
.bgcolor9 {background:/*#ffee38*/#ffdfae;}
.bgcolor10 {background:#056ec8;}
.bgcolor11 {background:#03c3e6;}
.bgcolor12 {background:#a5e4a8;}
.bgcolor13 {background:#c3c3c3;}
.bgcolor14 {background:#febf20;}
.bgcolor15 {background:#9cdefe;}
.bgcolor16 {background:#3ebbf9;}
.bgcolor17 {background:#f0841a;}
.bgcolor18 {background:#ed6f33;}
.bg-baby-pink {background-color:#ffdbcb;}
#channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth {padding:2rem .5rem;}
#channel_master {padding:1rem .5rem;}
header h1 {font-size:3.75rem;}
[id*="channel"] h1 {font-size:2.5rem;line-height:1.5;position:relative;padding-left:8rem;text-align:left;}
[id*="channel"] h1::before {content:" ";width:7rem;height:5px;background:black;position:absolute;top:43%;left:0%;}
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%; }
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.th-fixed {table-layout:fixed;}
.th-fixed th {position:sticky;top:3rem;}
.business_menu {text-align:center;}
.busi_menu_inner {display:flex;flex-wrap:wrap;border-bottom:5px solid black;}
.busi_menu_inner li {padding:0.5rem 0;margin:auto;}
.busi_menu_inner a {font-size:1.35rem;font-weight:bold;text-decoration:none;}
.busi_menu_inner li:nth-of-type(odd) {text-decoration:none;}

/* 主圖 */
#Master_title {width:100%;height:200px;margin:auto;background:url(../../file/image/default_topbg.png) no-repeat top center;position:relative;}   
#Master_title_adm {width:100%;margin:auto;padding:2rem 0;background:url(../Image/KP_bg_line3.png) no-repeat top center, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size:cover;position:relative;}   
#Master_title_bis {width:100%;margin:auto;padding:2rem 0;background:url(../Image/KP_bg_line3.png) no-repeat top center, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size:cover;position:relative;}   
#Master_title_civil {width:100%;margin:auto;padding:2rem 0;background:url(../Image/KP_bg_line3.png) no-repeat top center, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size:cover;position:relative;}   
#Master_title_ie {width:100%;margin:auto;padding:2rem 0;background:url(../Image/KP_bg_line3.png) no-repeat top center, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size:cover;position:relative;}   
#Master_title_law {width:100%;margin:auto;padding:2rem 0;background:url(../Image/KP_bg_line3.png) no-repeat top center, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size:cover;position:relative;}   
.Master_title_H {font-size:4.2rem;text-align:right;line-height:0.95em;font-family:Meiryo, "Meiryo UI";font-weight:bold;color:#006faa;text-shadow:5px 5px 5px rgb(29 29 29 / 55%);-webkit-text-stroke:6px white;position:relative;}
.Master_title_H::before {content:attr(data-storke);position:absolute;-webkit-text-stroke:0;text-shadow:initial;}
.Master_title_H span {font-size:2.5rem;display:block;color:#4e443a;font-weight:initial;text-shadow:initial;-webkit-text-stroke:0;}
.Master_title_Hs {font-size:1.25rem;font-weight:bold;color:#4e443a;letter-spacing:0.15em;text-align:right;line-height:0.95em;}
.tax_title_Hs {line-height:initial;padding-top:1rem;font-size:1.5rem;}

/* 考試心得 */
header .H {font-size:3.5rem;border-left:solid 10px;line-height:1.4em;padding-left:20px;}
header .H::before {content:none;}
.Hs {font-size:2.0rem;border-left:solid 10px;color:#039be6;display:block;line-height:1.1em;padding-left:20px;}

/* 測程度 */
.checkbg {position:relative;}
.checkbg_icon {position:absolute;top:25%;right:2%;}
@media screen and (max-width:1699px) {
    .checkbg_icon {top:5%;}
}
.news-wrap {color:#F09B1A;font-size:1.4em;padding:0.7em 0;line-height:1.7;padding:0.2em 0;/*visibility:hidden;line-height:0;*/}
.news-icon {background:#F09B1A;color:#ffffff;padding:0 8px 0 7px;position:relative;margin-right:1.5rem;}
.news-icon::after {position:absolute;content:'';border-bottom:30px solid transparent;border-left:10px solid #F09B1A;top:0;right:-10px;}
.check {font-size:1.0em;color:#535353;line-height:1.7;padding-bottom:0.8em;border-bottom:solid 1px #c3c3c3;margin-bottom:0.5em;}
.check_T {font-size:1.0em;color:#000;line-height:2.4;display:block;border-bottom:solid 1px #c3c3c3;background-color:#f4f4f4;text-align:center;margin-bottom:0.8em;}
.check_Q {font-size:1.2em;color:#000;display:block;margin-bottom:0.3em;font-weight:bold;}
.check-title {cursor:pointer;color:#FF4311;line-height:2.5;text-align:center;}
.check-title i {margin-left:.5rem;}
.Answer {font-size:1.3em;color:#ff4311;display:block;margin-bottom:0.3em;font-weight:bold;}
.answer-more {font-size:1.3em;color:#ff4311;font-weight:bold;}
.material-wrap {margin:.75rem auto;}
.material-wrap dt {color:#ff4311;border:dotted 1px;padding:0em 1em;display:inline-block;border-radius:0.5em;margin:0.8em 0;}
.material-wrap dd {list-style-type:decimal;display:list-item;margin-left:1rem;}
.check-more {text-align:center;background-color:#ffee38;padding:0.5em;}
.check-more a {font-weight:bold;text-decoration:none;margin-left:1.5rem;color:black;}
.check .irt-logo {width:25px;height:auto;display:inline-block;margin:auto .25rem auto 2rem;vertical-align:middle;}

/* 國考優勢 */
.strength-cont {background:#f4f4f4;border-radius:0rem;margin:.5rem;padding:0rem;position:relative;}
.strength-cont p {margin:1.0rem;color:#535353;line-height:1.6em;text-align:left;}
.strength-title {font-size:1.875rem;display:block;text-align:center;color:white;height:60px;line-height:60px;}
.strength-title font {font-size:3.75rem;line-height:1;color:#DFDFDF;position:absolute;top:0;left:0;}
.strength-cont a {display:inline-flex;align-items:flex-end;margin:auto;}
.more {display:inline-flex;align-items:flex-end;text-align:right;}
.more a {text-decoration:none;font-weight:bold;font-size:0.8rem;margin:0 1.0rem 0.5rem;}

/* 軍師聯盟 */
#teacher_intro svg.icon {width:50px;height:50px;}
#teacher_intro .hooper {height:auto;}
#teacher_intro .hooper-prev {right:auto;left:-3.5rem;}
#teacher_intro .hooper-next {left:auto;right:-2rem;}
.teacher-subject {font-size:1.25rem;line-height:2.0;display:block;text-align:left;color:#039be6;border-bottom:solid 2px #039be6;margin:0 3% 3% 0;}
.teacher-subject font {border-right:1px dotted #000;padding-right:.5rem;margin-right:.5rem;}
.teacher-pic {width:9rem;height:9rem;border-radius:100%;overflow:hidden;background:#ffffff;margin:auto;}
.teacher-pic img, .student-pic img {object-fit:cover;}
.teacher-identity {text-align:center;}
.teacher-identity span {font-size:1.4em;font-weight:bold;}
.teacher-cont {text-align:justify;}
.teacher-cont ul {margin-left:1.75rem;}
.teacher-cont li {list-style-type:disc;}
.shop-btn {margin-bottom:.5rem;}
.shop-btn a {background:#039be6;padding:0.25rem 0.5rem;border-radius:.5rem;margin:auto .25rem;text-decoration:none;color:white;}
.student-comment {padding:0 1.25rem;margin-top:.5rem;text-align:justify;}
.student-comment a {color:#039be6;font-weight:bold;font-size:1.0rem;}
.student-comment ul li {list-style-type:disc;}
.top-rank {background-color:#fb4037;color:#ffffff;border:dotted 1px;border-radius:0.5em;padding:0em 0.3em;font-size:0.8em;margin:0 0.2em;display:inline-block;}

/* MVP */
.billboard-wrap dl {font-size:1.5rem;margin:1rem auto;text-align:left;background:#f4f4f4;padding:0.5% 0 0.5% 2%;border-radius:0.5em;}
.billboard-wrap dt {font-size:1.8rem;position:relative;}
.billboard-wrap dt i {font-size:4.0rem;color:#ff4311;line-height:80px;border-radius:0em;margin:0 3% 0 0;float:left;border-right:dotted 3px;padding-right:3%;}
.billboard-wrap dt strong {font-size:2.0rem;}
.billboard-wrap dt span {color:#ff4311;font-size:2.2rem;font-weight:bold;}
.billboard-wrap dd {color:#ff4311;font-size:1.2rem;letter-spacing:0.3em;}
.exp-item {margin:1rem auto;}
.exp-title {font-size:1.25rem;line-height:1.75;font-weight:bold;margin-bottom:0.2rem;position:relative;padding:2% 5%;}
.exp-title::before {content:'❝';position:absolute;top:0px;left:0px;}
.exp-title::after {content:'❞';position:absolute;bottom:-0px;right:-0px;}
.exp-cont dd {font-size:1.0rem;line-height:1.75;}
.stu-name {font-size:1.3rem;font-weight:bold;color:#039be6;}
.leadNotes-description {font-size:1.0rem;padding-top:0.5em;color:#535353;font-size:0.9rem;}
.guide-btn {align-items:flex-end;margin:auto;text-align:center;}
.guide-btn a {background:#000;color:#ffffff;padding:.3rem 1rem;border-radius:.4rem;margin:0 0.5rem 0.5rem;display:inline-block;text-decoration:none;font-size:0.95em;}
.guide-btn .trial-btn {background:initial;text-decoration:underline;padding:initial;display:block;margin:auto;}

/* 高規學程 */
.chart {padding:0 0 5% 0;}
.cube {background:#EEEEEE;position:relative;align-items:flex-end;}
.cube::before {content:'';display:inline-block;background:#F6F6F6;width:100%;height:35px;transform:skewX(-40deg);position:absolute;top:-35px;left:15px;}
.cube::after {content:'';display:inline-block;background:#DFDFDF;width:29px;transform:skewY(-50deg);position:absolute;top:-17px;left:100%;}
.cube span {position:absolute;top:-2rem;left:37%;font-size:1.25rem;}
.cube1, .cube1::after {height:150px;}
.cube2, .cube2::after {height:200px;}
.cube3, .cube3::after {height:275px;}
.cube4, .cube4::after {height:350px;}
.cube1 {background:#ffee38;}
.cube1::before {background:#fff69a;}
.cube1::after {background:#ead81b;}
.cube2 {background:#f09b1a;position:relative;}
.cube2::before {background:#fecc4f;}
.cube2::after {background:#d18209;}
.cube2 img {position:absolute;top:-42%;right:-20px;z-index:2;}
.cube3 {background:#039be6;}
.cube3::before {background:#3ebbf9;}
.cube3::after {background:#0186c8;}
.cube4 {background:#4baf4f;}
.cube4::before {background:#71c574;}
.cube4::after {background:#309134;}
.step-by {padding:1rem;text-align:left;}
.step-by dt {font-weight:bold;font-size:1.25rem;margin-top:3%;}
/* 高規學程 背景圖 */
.basemap {position:relative;z-index:0;}
.basemap_icon ul li {position:absolute;z-index:-1;}
.basemap_icon ul li:nth-child(1) {top:36%;left:1%;}
.basemap_icon ul li:nth-child(2) {top:0%;right:0%}
@media (min-width:1201px) and (max-width:1699px) {
    .basemap_icon ul li {display:none;}
}
.img-Responsive {display:inline-block;max-width:100%;height:auto;}

/* 自組學習 */
.mode-pic {margin:0;height:auto;}
.mode-title {font-size:1.2rem;text-align:center;background:white;color:#000;font-weight:bold;padding:1%;}
.mode-title a {font-size:1.4rem;display:block;color:#039be6;}
.mode-title a i{margin-right:0.5rem;}
.mode-detail dd {background:#88d28b;padding:3% 5%;height:10em;}
.mode-detail dd strong {border-bottom:dotted 2px;margin-bottom:2%;display:inline-block;}
.suit-man li {list-style-type:disc;margin-left:1.5rem;}

/* 課輔服務 */
.service-title {font-size:1.25rem;line-height:1.75;font-weight:bold;}
.service-detail {border-right:1px solid #ffffff;margin:1rem auto;position:relative;height:10.5rem;text-align:left;}
.service-icon {text-align:left;color:#ffffff;font-size:3rem;position:absolute;bottom:0;}

/* 斜槓人生 */
.slash-cont {background:#ffffff;border-radius:.5rem;margin:.5rem;padding:.5rem;position:relative;}
.slash-text {background:#ffffff !important;}
.slash-cont a {display:inline-flex;align-items:flex-end;margin:3% 0;background:#000;color:#ffffff;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;}
.slash-title {font-size:2.4rem;display:block;text-align:center;}
.slash-title i {font-size:3.4rem;margin-right:0.2em;}
.slash-cont img {text-align:center;margin:0 auto;}
.add-value {padding:0.5em 0 0 2.8rem;height:9em;}
.add-value li {list-style-type:disc;text-align:left;}

/* Q&A */
.hot-qa {margin-top:1em;}
.conceal {display:none;}    
.faq-title {cursor:pointer;border-bottom:1px solid #efefef;background:#ffffff;box-shadow:0 1px 5px 1PX rgb(0 0 0 / 15%);overflow:hidden;position:relative;font-size:1.5rem;}
.faq-title i {position:absolute;}
.answer-cont {background:#F6F6F6;padding:1rem 2em 2rem;text-align:left;color:#535353;line-height:1.7em;}
.answer-active {display:block;}
.answer-list b {border-bottom:dashed 1px #ababab;display:block;margin-right:2%;}
.leftToRight {animation:leftToRight 0.5s ease-in-out;}
.question-active {color:#000;background-color:#ffee38;}
.question-active i {transform:rotate(180deg);transition:0.3s;}
@-moz-keyframes leftToRight {
    0% {transform:translateX(-100vw);}
    50% {transform:translateX(2em);}
    100% {transform:translateX(0);}
}
@-webkit-keyframes leftToRight {
    0% {transform:translateX(-100vw);}
    50% {transform:translateX(2em);}
    100% {transform:translateX(0);}
}
@-o-keyframes leftToRight {
    0% {transform:translateX(-100vw);}
    50% {transform:translateX(2em);}
    100% {transform:translateX(0);}
}
@keyframes leftToRight {
    0% {transform:translateX(-100vw);}
    50% {transform:translateX(2em);}
    100% {transform:translateX(0);}
}
.answer-list dt, .skill-subject, .tactic-type, .salary-title {background:#DFDFDF;text-align:center;margin:1.0rem auto .5rem;border-bottom:dotted 1px #000000;padding:0.2em;color:#039be6;font-size:1.2em;font-weight:bold;}
.answer-list dd {padding:0.25rem;}
.skill-subject+dl dt {font-weight:bold;margin-top:.5rem;}
.answer-cont table th {background:#f09b1a;color:#ffffff;}
.answer-cont table th:last-of-type {border-right:1px solid #000 !important;}
.answer-cont table th, .answer-cont table td {border:1px solid #000;padding:0.1em 0.3em;}
.answer-cont ol li {list-style-type:decimal;margin-left:2.75rem;}
.answer-cont .dot-border {background:#477DCA;color:#ffffff;}
.answer-cont a {color:#477DCA;}
.rate-up {color:red;font-weight:bold;font-size:1.5em;margin-left:0.5rem;}
.salary-detail {box-sizing:border-box;padding:0 .5rem;}
.salary-form th {border-bottom:1px solid #ffffff !important;text-align:center;}
.salary-form .black-border-bottom {border-bottom:1px solid #000 !important;}
.salary-form .sub-item {background:#DFDFDF;color:#000;text-align:center;}
.salary-form ul li {display:inline-block;position:relative;padding-left:.75rem;margin-left:.5rem;}
.salary-form ul li::before {content:'•';position:absolute;left:0;}
.target-fix {position:relative;top:-10rem;display:block;visibility:hidden;}
.disc-type li {list-style-type:disc;margin-left:2rem;}
.eng-ec {color:#477DCA;font-weight:bold;}
.eng-ec a>i {margin-left:2px;}
.one_post {justify-content:center;}
.answer-cont .one_post iframe {border-radius:initial;width:500px;height:500px;margin:auto;}
.one_post .post_detail {position:relative;margin:0.5rem 1rem;}
.one_post .post_detail::after {position:absolute;content:'';display:block;background-color:#F6F6F6;width:calc(100% - 2px);height:15px;bottom:0;left:1px;border-bottom:1px solid #dddfe2;border-radius:0 0 3px 3px;}

/* 榜首讀書計畫 */
.statement-purpose {margin:2rem auto;}
.statement-purpose figure {width:15%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.statement-purpose img {border-radius:100%;object-fit:cover;background-color:#efefef;}
.purpose-cont {width:85%;text-align:left;line-height:1.7em;}
.statement-purpose dl dt {color:#ffffff;font-size:1.5rem;padding:0.15em 1rem;
    background:#ff4311; /* Old browsers */
    background:-moz-linear-gradient(left,  #ff4311 90%, #ffffff 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left,  #ff4311 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right,  #ff4311 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4311', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.statement-purpose:nth-of-type(even) dl dt {
    background:#f09b1a; /* Old browsers */
    background:-moz-linear-gradient(left,  #f09b1a 70%, #ffffff 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(left,  #f09b1a 70%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to right,  #f09b1a 70%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09b1a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.statement-purpose dl dd {font-size:1.4rem;padding:0.5em 0;border-bottom:dotted 1px;margin-bottom:0.5em;}
.purpose-cont p strong {font-size:1.05rem;}
.purpose-cont p a {color:#006caa;}

/* 秒懂準備技巧 */
.subject-list a {border-right:1px dotted #000;font-size:1.25rem;margin:1rem 0;text-decoration:none;padding:0.2em 2rem;display:flex;}
#subject_tabs .subject-list a.active {color:#039BE6;font-weight:bold;text-decoration:none;font-size:1.2875rem;background-color:#ffffff;}
.subject-title {font-size:1.75rem;color:#039BE6;font-weight:bold;border-bottom:3px solid #039BE6;margin:1rem auto;}
.subject-content p, .chart-wrap, .subject-title+ol, .content-description+ol , .content-bg, #subject_tabs .table-wrap {background:#ffffff;border-radius:1rem;padding:1rem;margin:0.5rem auto;}
.subject-content ol li {list-style-type:decimal;margin-left:1rem;}
.content-description+ol {margin-top:1rem;}
.content-description {font-size:1.25rem;font-weight:bold;margin:1rem auto;}
.subject-content .example {border-left:2px solid #134273;padding-left:1rem;}
.subject-content dd {margin:0.5rem auto 0.5rem 2.5rem;text-indent:-2.5rem;}
.subject-content dd strong {color:#F3593A;margin-right:1rem;}
#subject_tabs .table-wrap {margin:0.5rem auto;}
.table-wrap, .table-wrap table {width:100%;}
.subject-content table th {background:#f09b1a;color:#ffffff;}
.subject-content table th, .subject-content table td {border:1px solid #000;padding:0.1em 0.3em;}
.content-bg ul li {list-style-type:none;}
.content-bg dl {margin-top:0.5rem;}
.content-bg dl dd {list-style-type:decimal;display:list-item;text-indent:initial;margin:auto auto auto 1rem;}
.graph-before {background:#00afab;border:2px #98d0b9 dotted;}
.graph-after {background:#006caa;border:2px #80c8f1 dotted;z-index:2;}
.graph-out {width:calc(100%/2 - 3rem);position:relative;text-align:center;}
.graph-out ul {display:inline-block;padding:2rem;border-radius:1rem;color:#ffffff;font-weight:bold;position:relative;}
.graph-out+i {font-size:2rem;color:#134273;}

/* 考試心得 考古題 新班開課 */
.channel-wrap{width:1200px;margin:auto;}

/* Banner */
#banner_item {transition:.5s;position:fixed;right:-202px;transform:translateX(-100%);width:202px;z-index:8;-webkit-filter:drop-shadow(0px 0px 7px #00000033);filter:drop-shadow(0px 0px 7px #00000033);}
#banner_item .hooper {height:auto;outline:none;}
#banner_item .hooper-indicator {background:rgb(255 255 255 / 30%);}
#banner_item .hooper-indicator.is-active {background:rgb(66 133 244 / 85%);}
#banner_item td {padding:0;}
#banner_item label {background:#4c4c4c;position:absolute;color:#ffffff;left:-2.125rem;width:2.25rem;text-align:center;height:100%;border-radius:1rem 0 0 1rem;writing-mode:vertical-lr;}
#banner_item label i {cursor:pointer;position:absolute;bottom:8px;left:3px;writing-mode:horizontal-tb;
width:100%;}
#banner_item label span {position:relative;height:100%;display:block;padding-left:0.25rem;}
#switch {display:none;}
#switch:checked+#banner_item {transform:translateX(0);}
#switch:checked+#banner_item i {transform:scaleX(-1);} 

/* 置頂鍵 */
#back-top {position:fixed;bottom:5%;right:1%;z-index:8;}
#back-top a {font-size:1.25rem;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color:#26ADB5;background:#ffffff;opacity:.8;text-decoration:none;}

/* Ask */
#Ask {background:#039be6;text-align:left;color:#ffffff;padding:1rem 0 2rem;}
.ask-wrap .ask-title {font-size:1.35rem;text-align:center;display:block;margin-bottom:1rem;}
#Ask SELECT, #Ask input {border-radius:.5rem;border:none;background:#ffffff;color:#000;height:2.125rem;margin:.5rem 2rem .5rem auto;box-sizing:border-box;padding-left:.25rem;}
#Ask SELECT {width:20%;}
#Ask input {width:22.5%;}
#Ask input[name="sContent"] {width:77.5%;}
#Ask input[name="sRandomCode"] {margin-right:.75rem;}
#Ask input[type="submit"], #Ask input[type="reset"] {background:#003366;color:#ffffff;width:auto;margin:auto .5rem;padding:0 .5rem;cursor:pointer;display:inline-block;}
#formlist img {display:inline-block;height:2rem;width:auto;}
#formlist aside {display:inline-block;}

/* 響應式 */
@media screen and (min-width:1201px) {
    /*---------- 首頁 ----------*/
    .sm-map .home-title h1 {font-size:2rem;line-height:3rem;}
    .sm-logo-show {margin:auto 0 auto auto;}
    .sm-map .header-upper {width:780px;margin:0 auto;}

    /* 網站導覽 */
    .map-list .web-search {display:none;}
    .click-others {text-align:center;padding:0.75rem 0 0;}

    /* 置頂選單 */
    .header-item {transition:0.3s ease-in;}
    .header-menu {position:relative;}
    .header-menu .look-for .fa-facebook-square {font-size:1.95rem;}
    .header-item .fa-facebook-square {font-size:1.45rem;}
    .header-menu > ul > li > a {font-size:1.35rem;}
    .header-tabs {margin:auto;}
    .header-menu .tabVuecontent:nth-of-type(3) a {width:calc(100%/3);}

    /* 首頁 */
    .header-menu ul {align-items:center;}
    .header-menu ul li {height:100%;}
    .evaluation-wrap {width:1200px;margin:auto;}
    .essence .hooper{width:1200px;margin:auto;}
    #marquee_home .hooper-prev {top:4px;}
    .column-item:nth-of-type(n+1):nth-of-type(-n+4) {padding:0 0 1rem;}
    .learn-tool:last-of-type .learn-guide a {_width:fit-content;}
    .learn-tool:last-of-type .learn-guide a:first-of-type{_padding:0 0.25rem;}
    .learn-tool:last-of-type .learn-guide a:last-of-type{_padding:0 0 0 0.25rem;}

    /* 單元 */
    #BodyHeader_event_rwd {display:none;}    
    #BodyContentMainNavigator {width:1200px;margin:1rem auto 0.25rem;}
    #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, .ask-wrap, .se-wrap, .w-1200 {width:1200px;margin:auto;}  
    #channel_master {padding:1rem .5rem;}  
    #channel_topnav .hooper-navigation {display:none;}    
    .busi_menu_inner {width:1200px;margin:auto;}
    .evaluation-list .twice {width:calc(100%/2 - 1rem);} 
    .strength-cont {width:calc(100%/3 - 1rem);}
    .slash-cont {width:calc(100%/4 - 1rem);}
    .cFA .add-value {height:5.5rem;}
    #teacher_intro .hooper-pagination {display:none;}
    .exp-item, .salary-detail {width:calc(100%/2);}
    .billboard-wrap dl {width:calc(100%/1);}
    .student-pic {width:25%;}
    .teacher-identity {width:35%;}
    .teacher-cont {width:50%;}
    .exp-cont {width:75%;padding:0 2rem;text-align:left;}
    .student-pic img {width:9rem;height:9rem;}
    .cube {width:calc(100%/4 - 3rem);margin:auto auto 0 auto;}
    .mode-detail {width:calc(100%/3 - 1rem);align-content:flex-start;}
    .service-detail {width:calc(100%/5);padding:0 1.5rem;}
    .service-detail:nth-of-type(5n) {border-right:none;}
    #banner_item {bottom:12%;}    
    .faq-title {padding:1rem 0 1rem 6rem;}
    .faq-title i {left:2rem;}
    .answer-cont iframe {border-radius:1.5em;width:85%;height:auto;margin:2% 0% 2% 15%;}
    .statement-purpose img {width:150px;height:150px;}
    .submenu {order:1;width:60%;}
    .Master_title_pic {order:2;margin:auto;}
    .Master_title_box {width:1200px;margin:auto;}
}

@media screen and (max-width:1280px) { 
    .bulletin {left:0;bottom:0.5rem;top:auto;display:flex;flex-wrap:wrap;justify-content:left;}
    .bulletin table {width:115px;margin:0;}
    .bulletin i {margin:-15px -3px 0 0;}
}

@media screen and (max-width:1200px) { 
    /* 首頁 */    
    .header-upper, .header-container, .evaluation-item, .news-area, .evaluation-list dd, .news-title, #marquee_home, .recommend-list, .book-shop, .media-youtube, .member-diary {width:100%;}   
    #youtube_film .hooper-pagination {display:none;} 
    /*.web-search, #youtube_film .hooper-pagination {display:none;}*/
    .web-search {width:auto;margin:auto 12% auto 1rem;}
    .header-upper ul {width:auto;/*width:90%;*/text-align:center;}
    .sm-map .header-upper {width:auto;margin:auto 10% auto auto;}
   
    .web-search input[type="text"] {width:auto;}
    .header-container {position:relative;}
    .header-upper a {text-align:center;}    
    #Web_map label {right:15px;position:absolute;}
    .goldensun-logo a {justify-content:center;}
    .goldensun-logo a figure img {width:55px;}    
    .college-menu {width:100%;padding:0.25rem;}
    .college-menu a {width:calc(100%/3);font-size:1rem;} 
    .header-tabs {width:100%;background-color:rgb(255 255 255 / 50%);padding:0 0 0 1rem;}
    .header-tabs a {font-size:0.9rem;margin:auto 0.5rem;}   
    .header-menu ul li a > i, .header-menu li:last-of-type i {font-size:1.25rem;}
    .header-menu ul li {margin:0.25rem;}   
    .header-menu li:last-of-type .fa-line {font-size:1.1rem;}
    .header-menu li:last-of-type .header-item i.fa-facebook-square {font-size:1rem;}
    .header-item {font-size:0.875rem;}
    .method{font-size:1rem;}     
    #marquee_home .hooper {height:50px;}
    #marquee_home .hooper-prev {right:0;}    
    #marquee_home .hooper-next, #marquee_home .hooper-prev {right:-.95rem;}    
    #schedule_banner .hooper-next, #schedule_banner .hooper-prev {top:-1.25rem;}
    #schedule_banner .hooper-pagination {top:-2.25rem;}    
    .schedule-item {margin:.5rem auto auto;}
    .evaluation-wrap {margin-top:1rem;}
    .evaluation-item ul {margin:0.5rem auto;}
    .exam-platform:not(:first-child) .evaluation-item {padding-left:.5rem;}
    .evaluation_bg {display:none;}
    .news-area {margin:auto;/*margin:1rem auto auto;*/}
    .library_item a {width:calc(95%/3);}
    .media-youtube {margin:auto auto 1rem auto;}    
    .note-skills dd {width:calc(100%/2 - 1rem);}    
    .column-item {width:calc(100%/4);}

    /*趨勢選單*/
    .special-zone {padding:2rem 0 0;margin:auto;}
    .hot_exam {top:-1rem;font-size:1.5rem;letter-spacing:0.25rem;}
    .hot_exam i {font-size:1.2rem;bottom:0.125rem;padding:0 0 0 0.35rem;}   
    .trend_menu_box .VueCarousel-wrapper {padding:0.5rem 0 0;} 
    .trend_menu_box a {font-size:1.125rem;line-height:1.125rem;}
    .trend_menu_box div::after {width:4.75rem;font-size:12px;line-height:16px;border-radius:0.5rem;}
    .trend_menu_box span::after {font-size:1rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(1) {margin:0 auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(2) {margin:1rem auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(3) {margin:3.5rem auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(4) {margin:2rem auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(5) {margin:3.5rem auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(6) {margin:2.5rem auto auto;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(7) {margin:4.5rem auto auto;}

    .trend_menu_box .VueCarousel-slide:nth-of-type(1) div::after {height:6.5rem;bottom:-7rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(2) div::after {height:5.5rem;bottom:-6rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(3) div::after {height:3rem;bottom:-3.5rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(4) div::after {height:4.5rem;bottom:-5rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(5) div::after {height:3rem;bottom:-3.5rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(6) div::after {height:4rem;bottom:-4.5rem;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(7) div::after {height:2rem;bottom:-2.5rem;}

    .trend_menu_tabs .VueCarousel-slide {height:4.25rem;}
    .sp_menu_cont .tabVuecontent {padding:0.75rem 1rem;}    
    .sp_menu_cont .tabVuecontent:nth-of-type(n+3):nth-of-type(-n+7) ul {display:flex;flex-wrap:wrap;justify-content:center;}
    .sp_menu_cont ul li a {padding:0.1rem 0.35rem;font-size:0.9rem;margin:0.125rem;}
    #trend_menu .VueCarousel-navigation-next[data-v-453ad8cd] {right:2.5rem;color:#d0d0d0;font-size:1.25rem;}
    #trend_menu .VueCarousel-navigation-prev[data-v-453ad8cd] {left:2.5rem;color:#d0d0d0;font-size:1.25rem;}   

    /* 單元 */
    #BodyContentMainNavigator {margin:0.5rem auto 0.125rem;}
    #BodyContentMainNavigator+main {padding-top:0}
    #BodyHeader_event, .basemap_icon, .checkbg_icon {display:none;}
    #BodyHeader_event_rwd {width:100%;background:#ffffff;position:fixed;top:0;z-index:9;}
    #BodyHeader_event_rwd img {max-width:50%;margin:.5rem auto;}
    #st-container button {width:10%;top:.3rem;}
    #channel_topnav .hooper-prev {display:none;}
    #channel_topnav .hooper-next {left:auto;right:-3rem;}
    #channel_topnav svg.icon {width:50px;height:50px;fill:#ED7102;}
    .ask-wrap SELECT, .ask-wrap input[type="text"] {width:100%;}
    .ask-wrap input {padding:.25rem;}
    #footer_inline ul li img {max-width:40%;height:auto;} 
    #Master_title {background-size:cover;}  
    .busi_menu_inner a {font-size:1rem;}
    .Master_title_box {justify-content:end;}  
    .Master_title_pic {padding:1rem 2rem;}
    .channel-list {justify-content:center;}
    .submenu {width:100%;}
    .submenu-fixed {position:fixed;top:49px;right:0;left:0;z-index:3;box-shadow:0 5px 5px -2PX rgb(0 0 0 / 15%);} 
    .topnav-style {display:inline-flex !important;width:35px !important;height:35px !important;line-height:initial !important;font-size:1rem !important;align-items:center;justify-content:center;}
    .check .irt-logo {margin:auto .25rem auto auto;}    
    #teacher_intro .hooper-navigation {display:none;}
    #teacher_intro .hooper-pagination {bottom:-1rem;}
    #teacher_intro .hooper-pagination button {position:inherit;width:12px;height:6px;}
    #teacher_intro .hooper-indicator {background:#DFDFDF;}
    #teacher_intro .hooper-indicator:hover, #teacher_intro .hooper-indicator.is-active {background:#ff4311;}
    .teacher-identity, .teacher-cont, .exp-item, .mode-detail, .slash-cont {width:100%;}
    .student-pic img {width:6rem;height:6rem;}
    .cube {width:90%;margin-bottom:3rem;}
    .cube:last-of-type {margin-bottom:auto;}
    .chart {margin-top:3rem;}
    .service-detail {width:calc(100%/2 - .5rem);}
    .service-detail:nth-of-type(even) {border-right:none;}
    .answer-cont iframe {width:100%;height:auto;} 
    .faq-title {padding:1rem 1rem 1rem 2.5rem;}
    .faq-title i {left:1rem;}
    #banner_item {bottom:15%;}
    #banner_item label {border-radius:.5rem 0 0 .5rem;}
    #banner_item label i{font-size:.5rem;}     
    .target-fix {top:-5rem;} 
    .th-fixed th {position:sticky;top:6rem;}

    /* 秒懂準備技巧 */
    .graph-before {z-index:3;}    
    .statement-purpose img {width:120px;height:120px;}
    .statement-purpose figure{width:50%;margin:auto;}
    .purpose-cont {width:100%;}

    /* 考試心得 考古題 新班開課 */
    .channel-wrap {width:100%;padding:0 1.5rem;}

    /* Ask */
    .ask-wrap {padding:0 .75rem;}
}

@media screen and (min-width:768px) and (max-width:1200px) {    
    .header-container {justify-content:center;}       
    .home-subtitle {letter-spacing:0.175rem;font-size:1rem;}
    .header-menu ul{justify-content:center;}
    .header-menu ul li {padding:0.125rem 0;}   
    .home-title h1 {font-size:2.5rem;line-height:2.5rem;}
    .sm-map .home-title h1 {line-height:3rem;}
    .marquee_box {padding:1rem 2rem 1rem 6rem;}
    .popup {width:600px;} 
    #st-container .st-content img {width:90%;}
    .mode-detail {width:calc(100%/3 - 1rem);}
    .answer-cont iframe {height:250px;}    
    .evaluation-item ul li {font-size:.9rem;line-height:1.5rem;}
    .evaluation-item ul li:first-of-type {padding-left:.5rem;}  
    .learn-tool {width:calc(100%/2 - 1rem);max-width:400px;margin:0.5rem;}
    .learn-guide a {padding-left:0;}
    .learn-guide a::before {content:none;}
    #Ask SELECT, #Ask input {width:18%;}
    #Ask SELECT, #Ask input {margin:.5rem .875rem .5rem auto;}
    .trend_menu_box a.sm\:hidden {display:initial !important;}
    .menu_youtube {width:40%;}
    .sp_menu_cont ul {width:60%;padding:0.5rem 0 0 1rem;}     
}
@media screen and (max-width:1023px) { 
    .method dt{width:100%;}
    .essence{background:linear-gradient(-135deg, #f6784b 0%, #FFDED2 60%, #FFF7EB 90%, transparent 100%);padding:0.5rem;}    
    #schedule_banner{width:calc(100%/3);}
    .month-topic{width:calc(100%/3*2);}
}
@media screen and (min-width:768px) and (max-width:1023px) {   
    .sp_menu_cont ul {width:100%;}   
}
@media screen and (max-width:767px) {
    #schedule_banner, .schedule-item {width:100%;}
    .month-topic {margin:.5rem auto 3rem;}
}
@media screen and (max-width:767px) and (orientation :portrait) { 
    .popup {width:300px;}
    /* 網站導覽 */
    .map-title {width:100%;padding:0.25rem 0;}
    .map-order1 {order:1;}
    .map-order2 {order:2;}
    .map-order3 {order:3;}
    .map-order4 {order:4;}
    .map-order5 {order:5;}
    .map-order6 {order:6;}
    .map-order7 {order:7;}
    .menu-click {width:30%;}
    .menu-chosen {width:70%;}
    .map-cont {padding:0.5rem;}
    .map-cont ul li {margin:0.35rem 0.25rem;}
    .home-title h1 {font-size:1.25rem;line-height:2.25rem;letter-spacing:0.25rem;text-shadow:initial;}    

    /* 選單 */
    .home-subtitle {display:none;}
    .goldensun-logo {width:30%;padding:0.5rem 0 0 5px;}
    .header-menu {width:70%;}
    .header-menu ul{justify-content:start;}
    .header-tabs {padding:1rem 0 1rem 0.25rem;}
    .header-tabs a {padding:0 0 0 0.5rem;}
    .college-menu a {width:calc(100%/3);}
    .goldensun-logo a figure img {margin:auto;}  
    .sm-logo a figure {width:24px;}    
    .header-menu > ul > li > a {font-size:1rem;width:65%;}
    .header-menu ul li {font-size:0.8rem;}
    .header-menu ul li a {line-height:1.25;}  
    .header-item {padding:0.25rem 0;}    
    .menu-chosen dl dt {padding:0;}
    .menu-chosen dl dt::after {right:-0.5rem;}
    .menu-chosen dl dd{margin:0.2rem;}
    .click-title::after, .wayOut-kind .click-title::after {right:0;}
    .kind-detail dl {width:100%;padding-left:.5rem;}
    .community-list {padding:0.25rem 0.5rem;}
    .channel-list li {width:calc(100%/2 - 1rem);margin:0.35rem;padding:0.25rem 0;}    
    .menu_youtube, .sp_menu_cont ul {width:100%;}

    /* 首頁 */      
    /*#BodyContainer main {padding-top:1rem;} 
    .header-upper ul {width:85%;}*/
    .header-upper li {font-size:.75rem;margin:auto;}
    .web-search {font-size:0.85rem;}
    .web-search input[type="Submit"] {width:22px;height:22px;}
    /*.header-upper li:nth-of-type(n+6):nth-of-type(-n+7) {display:none;} */
    .header-upper li:nth-of-type(n+7) {display:none;} 
    #Web_map label {height:15px;right:15px;top:10px;position:absolute;}
    #Web_map label, #Web_map label::before, #Web_map label::after {width:20px;}
    #Web_map label::after {top:7px;}
    #Web_map {height:36px;}
    #Web_map label {top:10px;}    
    #Web_map input:checked ~ .header-upper label::before {transform:rotate(-45deg) translateY(-1px) translateX(-1px);}
    #Web_map input:checked ~ .header-upper label::after {transform:rotate(45deg) translateY(6px) translateX(5px);}     
    .cref_iframe{height:36px;}
    .essence{margin:.3rem auto}
    .essence .hooper{width:calc(344px - 0.5rem);}
    .method dt{width:100%;word-break:keep-all;overflow-wrap:anywhere;}
    .trend_menu_box span {left:82.5%;}
    .trend_menu_box .VueCarousel-slide:nth-of-type(3) span::after {content:'\f04b\f04b';}
    .trend_menu_box .VueCarousel-slide:nth-of-type(4) span::after {content:'';} 
    .sp_menu_cont ul {padding:0.5rem 0 0;}
    .exam-platform .circle {width:35px;height:35px;font-size:1.125rem;}   
    .exam-platform h2 {line-height:1rem;font-size:1.5rem;}
    .evaluation-list dd {padding:0;font-size:.95rem;margin-right:.5rem;}
    .evaluation-list dd::before {content:none;}
    .evaluation-item ul li {left:auto;padding-left:.5rem;}
    .calendar {margin:auto 0 auto auto;}
    .news-title dt {font-size:1.15rem;padding-right:0;}
    .news-title dd {font-size:0.95rem;}
    #marquee_home {padding:.5rem 1.5rem .5rem 1rem;}
    #marquee_home .hooper-list {width:98%;}    
    .schedule-title h1::before {font-size:3rem;}    
    .month-topic .hooper {width:100%;height:auto;}
    .schedule-item dt {font-size:1rem;}
    .month-topic dd{font-size:0.95rem;}
    .library-title h1::before {top:1rem;}
    .library-subtitle {line-height:1.5;}
    .library-title font {margin:auto 0.25rem;}
    .library_content {padding:1rem 0.5rem 0;}
    .bookshelf_content {width:90%;margin:auto;}
    .book-shop a {width:calc(100%/2);padding:0 0.5rem 0.5rem;}
    .book_shelf label {padding:0.125rem 0.4rem;margin:auto;font-size:1rem;}
    #book_sort .VueCarousel-navigation-button[data-v-453ad8cd] {top:20%}
    .handout-features:nth-child(2) {border:none;}
    .diary-item {width:calc(100%/2 - 1rem);}
    .learn-tool {width:100%;max-width:400px;margin:.5rem auto;}
    .column-item {width:calc(100%/2);}
    [id*="channel"] h1::before {width:3rem;}
    [id*="channel"] h1 {padding-left:4rem;}
    .note-skills dd, .handout-features {width:100%;}    

    /* 單元 */
    /*#BodyContentMainNavigator {margin-top:8.25rem;}*/
    #channel_topnav a, #channel_pagenav a {font-size:1rem;}
    #channel_topnav, #channel_pagenav {width:95%;margin:0 auto;}
    #channel_topnav i {display:block;margin:0 auto;}
    #channel_pagenav a {padding:.2rem;}
    #channel_pagenav a.p-0\.5 {padding:0.125rem;}
    #channel_pagenav .hooper-next {right:-2%;}    
	#Master_title,#Master_title_adm,#Master_title_bis,#Master_title_cicil,#Master_title_ie,#Master_title_law {width:100%;margin:auto;padding:0 0 0.5rem;}  
    .Master_title_H {font-size:2.7em;}
    .Master_title_H span {font-size:1.5rem;}
    .Master_title_Hs {font-size:1.0em;}   
    .tax_title_Hs {font-size:1.25rem;}
    [id*="channel"] h1 {font-size:2.25rem;line-height:1.1;} 
    [id*="channel"] h1.H{padding:0 0 0 1rem}
	.mode-detail {margin-top:3%;}
	.add-value {height:auto;}
	.billboard-wrap dt strong {font-size:1.5rem;}
	.billboard-wrap dt span {font-size:1.8rem;}
	.billboard-wrap dt {font-size:1.5rem;}
	.slash-cont img {width:40%;height:auto;}
    .student-pic {width:30%;}
    .exp-cont {width:70%;}       
    #banner_item {width:100px;right:-100px;} 
    #banner_item label span {font-size:0.9rem;padding-left:0.35rem;}     
    .check-more a {display:block;}  
    .answer-cont {padding:1rem .25rem 2rem;}
    .submenu-fixed {top:36px;}
    .topnav-style {display:flex !important;width:25px !important;height:25px !important;}
    .subject-list a {margin:0.25rem 0;padding:0.2em 0.5rem;}    
    .graph-out{width:100%;}
    .table-wrap {overflow-x:scroll;scroll-behavior:auto;}
    .table-wrap::-webkit-scrollbar-thumb {background:#F09B1A;}
    .table-wrap::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background:#4c4c4c;}
    .table-wrap::-webkit-scrollbar, .table-wrap::-webkit-scrollbar-track {display:block;}
    .table-wrap::-webkit-scrollbar {height:6px;}
    .table-wrap table {width:200%;}
    .strength-title {font-size:1.5rem;}
    #banner_item .hooper-indicator {width:6px;}
    .answer-cont .one_post iframe {width:300px;height:360px;}
    .one_post .post_detail::after {height:10px;}

    /* 秒懂準備技巧 */
    .graph-out+i {transform:rotate(90deg);}
	
    /* 考試心得 */
    .H {font-size:3.0rem;}
    .Hs {font-size:1.5rem;}

    /* Ask */
    #Ask input, #Ask SELECT, #Ask input[name="sContent"] {width:100%;margin:auto auto .75rem 0;display:block;}
    #formlist p {margin-bottom:.75rem;}
    #formlist aside {display:block;margin-bottom:1rem;}
    #back-top a {font-size:1rem;width:2rem;height:2rem;}

    /* Cookies */
    .CookieConsent button {font-size:.85rem !important;margin:auto auto 5px auto !important;}
	.CookieConsent {font-size:.85rem;justify-content:center !important;background:rgb(43 55 59 / 80%);}
	.CookieConsent > div {margin:5px !important;flex:auto !important;}
}
@media screen and (max-width:767px) and (orientation:landscape) {
    .home-title h1 {font-size:2.5rem;line-height:2.5rem;}
    .sm-map .home-title h1 {line-height:3rem;}    
    .home-subtitle {display:none;}    
    .learn-guide a::before {content:none;}
    .learn-guide a {padding-left:0;}
    .menu_youtube, .sp_menu_cont ul {width:100%;}    
}
@media screen and (max-width:320px) { 
    #marquee_home .hooper-slide, .evaluation-list dd, .evaluation-item ul li {font-size:.85rem}
    #marquee_home .hooper {height:75px;}
    .schedule-subtitle, .library-subtitle {font-size:1.5rem;}
    .evaluation-item li::after {right:-12px;border-width:12px 0 12px 12px;}
    .library_item a {font-size:1rem;}
    .map-title {padding:0;}
}
/* 相容檢視 */
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
    #noie {display:none;}
}
@-moz-document url-prefix(){/*Firefox*/
    #noie {display:none;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/    
    .popup {display:none;}
    .browser {text-align:center;background:red;font-weight:bold;color:white;}
    .browser a {color:white;display:block;}
}
@media screen\0 {/*IE 8 9 10 11*/   
    .popup {display:none;} 
    .browser {text-align:center;background-color:rgba(0,0,0,.9);font-weight:bold;position:fixed;top:0;left:0;width:100%;height:100%;z-index:8;}
    .renew {background-color:#f6f6f6;display:inline-block;top:45%;position:relative;border-radius:5px;overflow:hidden;}
    .renew span {padding:1rem;display:block;}
    .browser a {color:#039be6;display:block;border-top:1px solid #989898;padding:1rem;background-color:#EDEDED;}
}
@media print {
}