@import url(./icon/css/all.min.css);
/*@import url(./side_area.css);*//*擐㚚�撌血�湛���湧�𠰴���CSS*/

/* 蝬脩�坔�舘汗 */
#Web_map {background-color: #484848;height: 49px;}
.header-upper, .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;}
/* 蝵桅��詨鱓 */
.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 {width: calc(100%/3);}
.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;}
.method{font-weight: bold;font-size: 1.125rem;}
.method dd{padding: 0 0 0 1rem;}
.method dd a{padding: 0 2px;}
.method dd strong{color: #ff4747;}
.method dd strong a{padding: 0;}
.special-zone {padding: 1rem 0 0;}
.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-block;}
.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: 0.8em;font-weight: initial;}
.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 .5rem;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;}
    .method {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: 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 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_banner, .schedule-item {width: 100%;}
    .month-topic {width: 100%;margin: .5rem auto 3rem;}
    .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;*/}
    .schedule-item font::after {border-width: 12px 0 13px 12px;}
    .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: 0;}
    .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 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;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {   
    .sp_menu_cont ul {width: 100%;}   
}
@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-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;margin: 0.25rem;width: auto;}
    .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);} 
    .essence{margin:.3rem auto}
    .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%;}
    .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;}

    /* �鱓�� */
    /*#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 {
}