﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;900&display=swap');

:root {
    --sky: #A8D9EC;
    --jade: #7ED0C0;
    --pink: #E5C4EA;
    --grass: #cee5cf;
    --magenta: #e9521b;
    --blue: #004097;
    --gray: #dfdfdf;
	--blue-green:#29919e;    
}
main {font-family: 'Noto Sans TC', sans-serif;}
#event_sec {padding: 2rem 0 4rem;}
#event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
#event_seventh {padding: 1rem 1rem 0rem;}
.bgcolor0_ad {background: linear-gradient(180deg, #fff 0%,#f3f3f3 0%,#fff 100%);background: url(../images/bg2.png)0 10%;background-size: cover;padding: 2% 0 1.8%;}
.bgcolor3_bg {background: url(./../images/bg2.png)0 19%;}
.color_1 {color:#29919e;font-size: 7rem;letter-spacing: -7px;}
.color_2 {color:#cd4919}
.color_3 {color:#cf5b16}
.color_4 {color:#cd4919}
.color_5 {color:#b02c23;margin-left: -1%}
.color_6 {color:#cd4919;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}

/*善用高普考改制科目變化*/
#event_master {font-size: 3rem;position: relative;}
#event_master .t_linepoint {font-size: 1.5rem;writing-mode: vertical-lr;width: 46px;padding: 0;margin: 0 0 -17px -12px;}
#event_master h1 {font-size: 4.2rem;line-height: 5rem;padding: 0.5% 3% 1%;font-family: 'Noto Serif TC', serif;font-weight: 600;background-color: #d96912;color: #fff;border-radius: 50px;width: max-content;margin: 1.3% auto 0.5%;}
#event_master h2 {font-size: 6rem;line-height: 6.5rem;padding: 0.9% 0% 0.9% 0;font-family: 'Noto Serif TC', serif;font-weight: 600;border-radius: 50px;margin: 0 auto 0.5%;color: #d96912;}
#event_master h3 {font-size: 7.7rem;line-height: 6.5rem;font-family: 'Noto Serif TC', serif;color: #d96912;letter-spacing: -8px;font-weight: 600;text-align: right;padding: 0px 24% 0 0;}
#event_master .t-s1 {font-size: 2.1rem;text-align: center;padding: 0.5% 0;letter-spacing: 7.2px;font-family: 'Noto Serif TC', serif;font-weight: 600;}
#event_master .map_fish {position: absolute;z-index: 6;top: 74%;left: 73%;right: 4%;transform: rotate(0deg);}
#event_master .map_fish {position: absolute;z-index: 6;top: -9%;left: 84%;right: -5%;text-align: center;}

/*如何選考最有利？*/
.com_title {font-weight: 600;text-align: center;font-size: 3.55rem;line-height: 7rem;font-family: 'Noto Serif TC', serif;color: #9e7700;font-weight: bold;}
.com_title i { color:#C90}
.comparison:nth-of-type(2) {padding: 4rem 0;}
.comparison dl {width: 35%;padding: 0 2rem 0 0;}
.comparison dl dt {font-size: 2.25rem;line-height: 2.9rem;padding: 0 0 1.3rem;font-family: 'Noto Serif TC', serif;font-weight: 600;color: #008798;}
.comparison dl dd {font-size: 1.25rem;}
.comparison table {width: 65%;text-align: center;}
.comparison table th {border-radius: 1rem 1rem 0 0;font-size: 1.5rem;padding: 0.25rem 0;color: #fff;background-color: #8b9ea7;font-weight: normal;background: linear-gradient(to right,#607d8bdb 0%, #8c9fa8b3 100%);}
.comparison table td {font-size: 1.1rem;padding: 2px 0;}
.subject_table tr th:first-of-type, .subject_table tr td:first-of-type {background-color: #6c86941c;}
.subject_table tr th:first-of-type{background-color: #8b9ea7}
.subject_table tr th:nth-of-type(2), .subject_table tr td:nth-of-type(2) {background-color: var(--sky);}
.subject_table tr th:nth-of-type(3), .subject_table tr td:nth-of-type(3) {background-color: var(--pink);}
.subject_table tr th:last-of-type, .subject_table tr td:last-of-type {background-color: var(--grass);}
.subject_table tr:last-of-type td {border-radius: 0 0 1rem 1rem;border-top: 1px dotted var(--blue-green);}
.subject_table tr td strong {color: var(--magenta);}
.plus_subject {color: var(--magenta);border-bottom: 2px dotted;padding: 0 2px;}
.com_subject {background: linear-gradient(to right, var(--sky) 10%, var(--pink) 50%, var(--grass) 90%);background: linear-gradient(to right, #b1dff1 10%, #fcebff 50%, #dcf2dd 90%);}

/*普考一般民政錄取率*/
.junior {background-color: white;}
#event_sec .civil {background-color: var(--grass);}
.general {background-color: var(--sky);}
.personnel {background-color: var(--pink);}
.rate_table tr:nth-of-type(n+3):nth-of-type(-n+4) td {border-top: 1px dotted var(--blue-green);}
.rounded-e-2xl {border-end-start-radius: 1rem;border-end-end-radius: 1rem;}
.rounded-es-2xl {border-end-start-radius: 1rem;}
.rounded-ee-2xl {border-end-end-radius: 1rem;}
.rate_table tr th.civil {position: relative;}
.rate_table tr th.civil::before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 163px;border: 4px solid var(--magenta);border-radius: 1rem;}
.civil strong {color: var(--magenta);}
.rate_table tr th:first-of-type, .rate_table tr td:first-of-type {background-color: #6c86941c;}

/*突破傳統思維*/
.best_chosen {border-radius: 2rem;padding: 0.4rem 0rem 1.1rem;justify-content: center;border-left: 10px #f16431 solid;border-right: 10px #f16431 solid;width: 73%;margin: 0 auto;}
.chosen_title {text-align: center;font-size: 3rem;margin: 0 auto 1.1rem;color: #f16431;font-family: 'Noto Serif TC', serif;font-weight: 700;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.best_chosen ul {border-radius: 2rem;font-size: 1.75rem;line-height: 2.2rem;display: flex;align-items: center;justify-content: center;position: relative;padding: 0 0px;}
.best_chosen ul li {padding: 0.5rem 0.5rem;}
.best_chosen ul:first-of-type {margin-right: 3rem;}
.best_chosen ul:first-of-type::after {content: '+';position: absolute;right: -2.1rem;bottom: 25px;font-size: 3.4rem;font-weight: bold;color: #e9521b;}
.best_chosen ul:nth-of-type(2) {margin-right: 5rem;background-color: #f16431;border: 4px solid #607D8B;color: #fff;}
.best_chosen ul:nth-of-type(2)::before {content: '錄取率';position: absolute;right: -5.3rem;top: -14px;font-size: 1.6rem;font-weight: bold;color: #e9521b;}
.best_chosen ul:nth-of-type(2)::after {content: '>';position: absolute;right: -4.5rem;bottom:22px;font-size: 5rem;font-weight: bold;color: var(--magenta);}

/*高普考雙榜高手‧勝試傳承*/
.com_title span {padding: 0 0 0 1rem;font-weight: initial;font-weight: bold;}
.video-wrap {width: calc(98%/2 - 1rem);border: 5px #bda767d9 solid;background-color: #bda76791;}
.exp_cont dl {padding: 1rem 0;}
.exp_cont dl dt {font-size: 1.6rem;padding: 0.25rem 0 0;text-align: center;}
.exp_cont dl dt {font-size: 1.8rem;padding: 0.25rem 1.5rem 0.25rem;text-align: center;background-color: #f44336;display: table;margin: 0 auto -6px;color: #fff;border-radius: 50px;}
.exp_cont dl dt strong {color: #fff;padding: 0 0 0 0.5rem;}
.exp_cont dl dd {padding: 1rem 0;border-top: 1px solid #fff;font-size: 1.1rem;}
.grade {padding: 0 0.8rem;color: #e7dc90;background-color: #000000;border-radius: 26px;}

/*行政公職常勝軍*/
.board_title span {font-size: 2.1rem;font-weight: bold;color: #e9521b;}
.board_list {text-align: center;}
.board_list .board_win {width: calc(94%/2);font-size: 2.35rem;text-align: left;margin-left: 3%;font-weight: bold;color: #29919e;}
.board_list .board_win i {color: #e9521b;background: linear-gradient(to bottom, #fff8e4 10%, #a08f72 90%);border-radius: 50px;width: 56px;height: 56px;display: inline-flex;justify-content: center;align-items: center;}
.board_win span:first-of-type {color: var(--magenta);padding: 0 0.25rem;font-weight: bold;border-bottom: 2px dotted;margin-right: 0.25rem;}
.board_list li {width: calc(100%/4);font-size: 1.5rem;padding: 0.45rem 0;}
.name_space {padding: 0 0.5rem;}
.board_more a {border-radius: 2rem;text-decoration: none;padding: 0.25rem 1rem;border: 1px solid;display: inline-block;color: #e9521b;background-color: #fdf0ca9c;}

/*高點名師戰隊，打造上榜實力*/
#event_fifth {display: flex;flex-direction: row;align-content: space-around;}
#event_fifth .com_title {font-weight: 600;text-align: center;font-size: 3.55rem;line-height: 4.25rem;width: 250px;color: #f16431;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;font-weight: bold;}
.team_leader input {display: none;}
.team_leader label {font-size: 2.3rem;padding: 0.5rem 0.5rem;font-weight: normal;cursor: pointer;width: 110px;text-align: center;border-radius: 16px 16% 0 0;background-color: #00BCD4;border-bottom: 0px #fff solid;
border-right: 5px solid #cbcbcb;display: inline-flex;height: 79px;align-items: center;justify-content: center;color: #fff;}
.audi_btn {margin: auto 0 auto 55%;}
.audi_btn a {display: inline-block;background-color: #d96912;padding: 0.25rem 1rem;border-radius: 2rem;text-decoration: none;font-size: 2rem;color: #fff;}
.team_leader input:checked+label {color: var(--blue);border-bottom: 2px solid var(--blue);}
.team_leader input:checked+label {color: #fff;border-bottom: 0px solid #de9c68;border-right: 5px solid #de9c68;background-color: #d96912;font-size: 2.3rem;font-weight: bold;height: 85px;}
.team_leader .t_linepoint {font-size: 1.9rem;line-height: 0;writing-mode: vertical-lr;width: auto;padding: 0;margin: 0 -7px 0 16px;text-align: end;color: #ffffff;}
.team_intro {order: 2;width: 100%;border-top: 3px #d96912 dotted;padding: 1rem 0 0;}
.team_intro figure {position: relative;}
.teacher_name {border-radius: 1rem;border-radius: 0 1rem 0 1rem;padding: 0.25rem 0.3rem;display: inline-block;position: absolute;bottom: 0;background-color: #607D8B;background: linear-gradient(90deg,#607d8bbf -8%, #607D8B 50%,#607d8b40 100%);text-align: center;color: #fff;font-size: 0.96rem;line-height: 1.5rem;width: 155px;}
.teacher_name small {display: block;}
.teacher_name .dot {margin: auto -3px;}
.team_intro .position-right {right: 1rem;}
.team_intro img{ width:auto}

/*完整課程+資源，備考神助攻*/
#event_sixth .com_title {font-weight: 600;text-align: center;font-size: 3.3rem;line-height: 6rem;font-family: 'Noto Serif TC', serif;color: #842395;margin-top: 0.7%;}
.resource_cont {width: calc(100%/2 - 2rem);position: relative;background-color: #eaeaea94;border-radius: 1rem;border: 4px #b57fbd solid;display: inline-flex;padding-top: 1.2%;}
.resource_cont:first-of-type {margin: auto auto auto 0;}
.resource_cont:last-of-type {margin: auto 0 auto auto;}
.resource_cont:first-of-type::after {content: '+';font-size: 5rem;right: -3.6rem;position: absolute;top: 25%;color: #f16431;font-weight: bold;}
.resource_cont dl {text-align: center;width: fit-content;margin: auto;}
.resource_cont dl dt {font-size: 1.7rem;}
.resource_cont dl dd {font-size: 1.1rem;text-align: left;padding: 0 0 0 10px;}
.resource_cont dl dd img {margin: 1% auto 1.5%;width: 90px;}
.resource_cont dl dd img .map_big{margin: 1% auto 1.5%;width: 90px;}
.resource_cont button i {background-color: #b57fbd;width: 3rem;height: 3rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: #fff;}
.resource_cont .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 3.6rem;}
.resource_cont .VueCarousel-navigation-next[data-v-453ad8cd] {right: 3.6rem;}
.essay_paper img {width: 70% !important;}
.special_column {padding: 1rem 0;align-items: center;}
.special_column dt {font-size: 1.75rem;animation: shine 2.5s infinite alternate ease-in-out;background-color: #b57fbd;color: white;border-radius: 2rem;padding: 0.25rem 0.25rem 0.25rem 1rem;margin: auto 1rem auto auto;position: relative;overflow: hidden;}
@keyframes shine {
    from {opacity: 1;}
    15% {opacity: 0;}
    25% {opacity: 1;}
    100% {opacity: 1;}
}
.special_column dt::before {position: absolute;_content: '';display: inline-block;top: 0;left: 0;width: 5px;height: 100%;background-color: rgb(255,255,255,.5);animation: shiny 3s ease-in-out infinite;}
@-webkit-keyframes shiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.special_column dd {font-size: 1.25rem;padding: 0;margin: 0;}
.special_column dd a {text-decoration: none;border: 2px dotted #fff;padding: 0 0.125rem;color: #fff;margin: auto 0.25rem;padding: 0.125rem 0.5rem;border-radius: 1rem;background-color: #00BCD4;font-size: 1.4rem;text-decoration: underline;}
/*微課+好書雙效合一，試在必得*/
.book_item dl {width: calc(100%/4 - 1rem);background-color: #f16431f5;border-radius: 1rem;text-align: center;padding: 0.5rem;color: #fff;}
.book_item dl dt {font-size: 1.25rem;}
.book_item dl dt span {display: inline-block;padding: 0.25rem 0.5rem;background-color: #885191;border-radius: 2rem;line-height: 1.125rem;font-size: 1.125rem;margin-left: 0.25rem;color: #fff;}
.book_item dl dd:first-of-type::before {content: '師資：';}
.book_item dl dd:last-of-type::before {content: '優惠';padding-right: 0.5rem;}
.book_item dl dd:last-of-type {color: #fff;font-family: Verdana,"Microsoft JhengHei",Arial;font-size: 1.45rem;font-weight: bold;}

/*112/12/31前，報名即享優惠*/
.price_date {width: 35%;}
.price_date .com_title {font-weight: 600;/*text-align: center;*/font-size: 3.5rem;line-height: 4.5rem;font-family: 'Noto Serif TC', serif;}
.price_date .com_title span {padding: 0;}
.price_date .t_s {font-size: 3rem;line-height: 4rem;color: #FF5722;/*border-bottom: 7px #4caf50db dotted;padding: 0 0 0 3rem;*/display: inline-block;}
.price_detail {font-size: 1.2rem;width: 90%;}
.price_detail a{ color:#3b9b3f;}
.price_table {width: 65%;/*padding: 0 0 0 4rem;*/}
.price_table i {margin-right: 0.25rem;}
.price_table table tr:not(:first-of-type) {border-bottom: 1px solid var(--gray);}
.price_table table tr:last-of-type {border-bottom: 0;}
.price_table table tr td {padding: 0.7rem 1rem;font-size: 1.1rem;font-family: Verdana;font-size: 1.29rem;}
.price_table table tr th {color: #090909;padding: 0 1rem;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana,"Microsoft JhengHei",Arial;background-color: #ededed;border-radius: 50px;letter-spacing: 3px;text-align: center;}
.price_tag {color: var(--magenta);font-weight: bold;padding: 0 0.25rem;font-size: 1.35rem;}
.combination {/*justify-content: flex-end;*/padding: 1rem 0 0;}
.combination dl dt {font-size: 3rem;line-height: 4rem;color: #FF5722;padding: 0;font-family: 'Noto Serif TC', serif;font-weight: bold;}
.combination dl dd {font-size: 1.2rem;}
#event_seventh .direct {color: #4caf50db;font-size: 1.5rem;padding: 0 0 0 0.5rem;}
#event_seventh .direct .opacity {opacity: 0.5;padding: 0;}
.combination .price_tag {font-size: 1.45rem;font-family: Verdana;}
.combination .price_tag.t123{font-size: 1.8rem}

/*line FB*/
.Community {padding: 2rem 0 0 0;}
.Community .cmy_title, .Community .cmy_intro {color: #fff;line-height: 2rem;}
#Ask {background: #00BCD4 !important;}
#Ask input[type="submit"], #Ask input[type="reset"] {background: #FF5722 !important;width: 85px !important;font-size: 1rem;}
#Ask SELECT, #Ask input {font-size: 1rem !important;}

@media screen and (min-width: 1281px) {	
.board_win span.two_words {letter-spacing: 14px;padding: 0 2px 0 16px;}
.board_win span.eng_words {letter-spacing: 4px;padding: 0 2px 0 10px;}
}

@media screen and (min-width: 1201px) {	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh {width: 1200px;margin: auto;}
	#event_fifth {padding-bottom: 0%;display: flex;padding-top: 4.2%;width: 1270px;}
	#event_sixth{ padding-bottom: 4%;}
    .resource_cont dl dd.t_left{padding-left: 17%}
    .resource_cont {height: 270px;}
    .price_detail {/*margin: 0 auto 0 3.5rem;*/}
    .combination dl {padding-right: 3.5rem;}
    .price_date .com_title {text-align: left;}
}

@media screen and (max-width: 1280px) {
    .board_list .board_win {font-size: 1.4rem;}
    .board_list .board_win i {width: 32px;height: 32px;}
}

@media screen and (max-width: 1200px) {
    .bgcolor0_ad {padding: 2% 0 5%;}
    #event_master .t-s1 {padding: 3rem 0 3px;letter-spacing: 3.2px;}
    #event_master .map_fish {top: -8%;left: 68%;width: 32%;}
   
    .board_list li {width: calc(100%/3);}
    .essay_paper img {width: 100%;}
    .team_intro .VueCarousel-navigation-next[data-v-453ad8cd] {right: 20px;}
    .team_intro .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 20px;}
    .team_intro i {font-size: 2rem;color: #f16431;}
    .resource_cont button i {width: 2rem;height: 2rem;font-size: 1rem;}
    .price_date {width: 100%;}
    .price_table {width: 100%;padding: 0;}
    .audi_btn {margin: auto;}
    .special_column dt {margin: auto 1rem 1rem 0;}
    .price_detail {margin: auto;padding: 0 0 1rem;text-align: center;}
    .best_chosen {width: 88%;}    
    .combination dl {width: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;text-align: center;}   
    .combination dl dt {width: 100%;}
}

@media screen and (max-width: 1023px) {
    .rate_table tr th.civil::before {height: 255px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .pd\:block {display: block;}
    #event_master h2 {font-size: 5rem;}
    #event_master h3 {text-align: center;padding: 2% 0 0;}
    .best_chosen ul li {font-size: 1.25rem;}
    .resource_cont dl {padding: 0.25rem 0;}
    .resource_cont dl dd.t_left{padding-left: 17%}
    .com_title {line-height: 4rem;padding: 0;}
    .chosen_title {font-size: 2.75rem;}
    #event_sixth .com_title span {display: initial;}   
    .board_list li {font-size: 1.25rem;}
    .resource_cont button i {margin-top: -1rem;}    
}

@media screen and (max-width: 767px) and (orientation: portrait) { 
    .resource_cont button i {margin-top: -2.5rem;}
    .wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
    .color_1 {font-size: 3rem;letter-spacing: -7px;margin-left: 2%;}
    .color_5 {margin-left: -2%;}
    #event_master h1 {font-size: 1.8rem;line-height: 3.2rem;padding: 0 3% 0 4%;margin: 0 auto;} 
    #event_master .t_linepoint {font-size: 1rem;vertical-align: top;width: 28px;margin: 8px 3px -18px -9px;}
    #event_master .h2h3 {margin-left: 2%;margin-right: 2%;margin: 3% 4% 0 3%;}
    #event_master .t-s1 {font-size: 1.4rem;}
    #event_master h2 {font-size: 2.5rem;line-height: 4rem;padding: 0.9% 0%;}
    #event_master h3 {font-size: 3.5rem;line-height: 2.35rem;letter-spacing: -5px;}
	#event_fourth .com_title b{ font-size: 2.5rem;line-height: 3.9rem;}
    #event_sec {padding: 2rem 1rem;}
    #event_fifth {display: inline-block;}
    #event_fifth .com_title {font-size: 2.8rem;line-height: 3.2rem;width: auto;margin-bottom: 3%;}
    #event_sixth .com_title {font-size: 2.4rem;line-height: 3rem;margin-top: 8.7%;margin-bottom: 1%;}
    .subject_table tr th:first-of-type, .subject_table tr td:first-of-type {background-color: #6c86941c;padding: 1% 3%;}
	.exp_cont dl dt {font-size: 1.2rem;text-align: left;padding: 0.4rem 0.5rem 0.3rem 1.5rem;border-radius: 10px;}
    .com_title {font-size: 2rem;line-height: 2.6rem;}
	.com_title span {padding: 0;font-size: 1.95rem;}
    .comparison dl {width: 100%;text-align: center;padding: 0;padding:0 3% ;}
    .comparison table {width: 100%;}
	.comparison table th {font-size: 1rem;padding: 1% 3%;border-radius: 0.5rem 0.5rem 0 0;}
	.comparison table td {font-size: 0.8rem;}
	.comparison dl dt {font-size: 2rem;line-height: 2.5rem;padding: 1% 0 1.3rem;}
	.comparison dl dd {font-size: 1.25rem;text-align: left;padding:0 3% 2%;text-align: justify;}	
	.chosen_title {text-align: center;font-size: 2.2rem;line-height: 2.7rem;}
    .best_chosen ul {font-size: 1.4rem;line-height: 2rem;}	
    .best_chosen ul:first-of-type::after {right: auto;bottom: -1.9rem;}
    .best_chosen ul:nth-of-type(2) {margin-right: auto;margin-left: auto;margin-bottom: 3rem;}
    .best_chosen ul:nth-of-type(2)::before {right: auto;bottom: -2.75rem;top: auto;left: 1rem;}
    .best_chosen ul:nth-of-type(2)::after {right: auto;bottom: -2.5rem;left: 6rem;}
    .best_chosen ul li {padding: 0.5rem 0.5rem;}   
    .best_chosen ul:first-of-type {margin: auto;margin-bottom: 2.5rem;}   
    .rate_table tr th.civil::before {height: 107px;border-radius: 0.5rem;}	
	.video-wrap {width: 100%;margin: 2%;}    
    .board_list .board_win {width: 100%;}
    .board_list li {width: calc(100%/2);letter-spacing: -0.5px;font-size: 0.9rem;}	
    .name_space {padding: 0 0.25rem;}
    .team_intro .teacher_name {padding: 0.25rem 0.5rem;right: initial;}
	.team_leader label {font-size: 1.7rem;padding: 0.5rem 0rem 0.3rem;width: 83px;border-radius: 10px 10px 0 0;}
	.team_leader input:checked+label {font-size: 1.8rem;}
	#teacher_team{justify-content: center;}
    .audi_btn a {display: block;background-color: #111;border-radius: 2rem;font-size: 1rem;line-height: 1.3rem;display: flex;width: 64px;height: 64px;align-items: center;justify-content: center;}
    .resource_cont {width: 100%;position: relative;background-color: #ffffff94;border-radius: 1rem;border: 4px #b57fbd solid;height: auto;display: inline-flex;padding-top: 1.2%;padding-bottom: 3%;}   
    .resource_cont button i {background-color: #00bcd4;color: #fff;}
    .resource_cont:first-of-type {margin: auto auto 2.5rem;}	
    .resource_cont:first-of-type::after {right: 0;left: 0;top: auto;bottom: -4.3rem;text-align: center;font-size: 4rem;}
	.resource_cont:last-of-type {margin: auto 0 auto auto;}	
	.price_tag {padding: 0 0.2rem;font-size: 1rem;}		
	.combination .price_tag {font-size: 1.1rem;font-family: Verdana;}
	.combination dl dt {font-size: 2.5rem;}
	.combination dl dd {font-size: 1.15rem;margin-bottom: 5%;}
    .book_item dl {width: calc(100%/2 - 1rem);margin: 0.5rem auto;}    
	.price_date .com_title {font-size: 2.5rem;line-height: 3.5rem;margin-top: 15%;}
	.price_table table tr th {padding: 0.25rem;font-size: 1.02rem;letter-spacing: 1px;}
    .price_table table tr td {padding: 1rem 0.25rem;font-size: 1.1rem;}    
	.price_date .t_s {font-size: 2.5rem;line-height: 3rem;padding: 0;}
	.combination .price_tag.t123{font-size: 1.7rem}
}