@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700;900&display=swap');
@import "//fonts.googleapis.com/css?family=Macondo: 400|Short+Stack:400|Open+Sans:700|Gentium+Book Basic:700|PT+Serif:400|Volkhov:700|Source+Sans Pro:300|Source+Sans Pro:400|Varela+Round:400";

/* CSS Document @media由小寫到大*/
* { padding: 0; margin: 0; }
:root{
	--bs-primary-rgb:34, 127, 170;
}
body { background-image: linear-gradient(#f2f2f2 1px, transparent 1px), linear-gradient(90deg, #f2f2f2 1px, transparent 1px); background-size: 20px 20px; font-family: arial, 'Noto Sans TC'; font-weight: 400; -webkit-overflow-scrolling: touch; }
header .head_img { background: rgba(222, 113, 83, 0.2); }
.wrap h2 i { color: #de7153; }

/*sell 優惠*/
.sell { background: #2ca7e036; }
.meetclass { color: #0571b9; }
.videoclass { color: #00a876; }
.homeclass { color: #e48900; }

/*examinfo 考科資訊*/
.examinfo { background: linear-gradient(rgba(242, 242, 242, 0.7) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 242, 242, 0.7) 1px, transparent 1px) #c7e6e9; background-size: 20px 20px; }
.examinfo table tr:nth-child(even) td { background-color: #ffface; }

/*related 上榜攻略*/
.related_date [class*="col"]:not(:first-child)::before { position: absolute; top: 50%; left: -0.45em; margin-top: -0.5em; color: #de7153; content: '\f101'; font-family: 'Font Awesome 5 Free'; font-size: 1.8em; font-weight: 900; }

.moreprepar { color: #dc3545; font-size: 0.9em; }
.moreprepar:after, .morecategory::after { display: inline-block; margin-right: 5px; margin-left: 5px; content: '\f101'; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.related table tr.table_blue td { background-color: #ffface; }

/*curriculum 強效課程*/
.curriculum { background: linear-gradient(rgba(242, 242, 242, 0.7) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 242, 242, 0.7) 1px, transparent 1px) #f8e3dd; background-size: 20px 20px; }
.curriculum h3 { display: inline-block; padding: 5px 20px 0; border-radius: 25px; color: #fff; background-color: #de7153; }
.curriculum h4 { color: #de7153; }

/*強效課程-三大學習模式*/
.studymode .col:not(:last-child) { border-bottom: 2px dashed #fff; }
.studymode h3 + p { font-size: 1.25em; }

/*強效課程-班別輪播*/
.curriculum_slide .owl-nav [class*="owl-"]::before { color: #de7153; }
.curriculum_slide .owl-nav [class*="owl-"]:hover::before { color: #c25f43; }

/*強效課程-雙效*/
.doublemode { background-color: #ffface; }


/*強效課程-輔考資源*/


/*student 上榜見證*/
.student_slide .owl-item { position: relative; padding: 15px; }
.student_slide .owl-item:before { position: absolute; top: -5px; left: 0; color: #227faa; content: '\f10d'; font-family: 'Font Awesome 5 Free'; font-size: 1.5em; font-weight: 900; }
.student_slide .owl-item:after { position: absolute; right: 0; bottom: 10px; color: #227faa; content: '\f10e'; font-family: 'Font Awesome 5 Free'; font-size: 1.5em; font-weight: 900; }
.student_slide .item:before { position: absolute; top: -15px; left: 15px; display: block; width: 100%; height: 100%; border: 2px #525252 solid; border-bottom: 0; border-left: 0; border-top-right-radius: 15px; content: ''; }
.student_slide .item::after { position: absolute; top: 15px; left: -15px; display: block; width: 100%; height: 100%; border: 2px #525252 solid; border-top: 0; border-right: 0; border-bottom-left-radius: 15px; content: ''; }
.student_slide .owl-nav [class*="owl-"]::before { color: #227faa; }
.student_slide .owl-nav [class*="owl-"]:hover::before { color: #136185; }
.student_slide h3 { color: #227faa; font-weight: 700; }
.student_slide h4 { color: #de7153; font-style: italic; font-weight: 700; }
.student_slide h5 span { padding: 5px 10px 3px; border-radius: 25px; color: #fff !important; font-size: 0.85em; }
.student_slide h5 span.meetclass { background-color: #0571b9; }
.student_slide h5 span.videoclass { background-color: #00a876; }
.student_slide h5 span.homeclass { background-color: #e48900; }

/*輪播設定*/
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel p { margin-bottom: 0; text-align: justify; }
.owl-theme .owl-nav [class*="owl-"] { position: relative; }
.owl-theme .owl-nav [class*="owl-"]:hover { background: none; }
.owl-theme .owl-nav [class*="owl-"]::before { line-height: 1; font-family: 'Font Awesome 5 Free'; font-size: 2em; font-weight: 900; pointer-events: none; }
.owl-nav .owl-prev:before { content: '\f0a8'; }
.owl-nav .owl-next:before { content: '\f0a9'; }

/*sm*/
@media (min-width:576px) { }

/*md*/
@media (min-width:768px) {
	header .head_img { background-color: transparent; }
	.related_item { font-size: 1.2em; }
	
	/*強效課程-三大學習模式*/
	.studymode .col:not(:last-child) { border-bottom: 0; }
	.studymode h3 { position: relative; z-index: 3; margin-top: -30px; }
	.studymode h3+p { font-size: 1.4em; }
}

/*lg*/
@media (min-width:992px) {
	.wrap h2 { letter-spacing: 2px; font-size: 2.8em; }
	.wrap h2 i { font-size: 1.6em; }
}

/*xl*/
@media (min-width:1200px) {	
	.service_slide .owl-item:not(:nth-of-type(4n)) { padding-right: 15px; border-right: 1px solid #ccc; }
}