﻿:root {
	--sky: #76DAF5;
	--blue: #01BBED;
	--yellow: #FFEB3A;
	--orange: #ED6F33;
	--black: #373737;
	--gray: #f3f3f3;
}
.bg-yellow {background-color: var(--yellow);}
.event_wrap {padding: 1rem;}
.bg {background: url(../../images/1401012/1401012_01.png) no-repeat bottom;}
/*2025就業東西軍*/
.banner {text-align: center;}
.banner h1{font-size: 7rem;font-weight: bold;border-bottom: solid 10px;line-height: 7.5rem;}
.compete{background-color: white;}
.compete dt{font-size: 5rem;font-weight: bold;}
.compete dd{font-size: 3.5rem;}
.compete dd strong {color: var(--blue);}
/*大哉問！每年每月都有網友求救*/
.common_title{border-bottom: solid 4px;margin-bottom: 1%;}
.choose_title{font-size: 2rem;}
.choose_title b{font-size: 2.0rem;background-color: #000000;clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);padding: 0 0rem 1rem 0.5rem;margin-right: 0.5rem;color: #ffeb3a;}
.choose_title strong{font-size: 3rem;}
.dcard li{width: calc(100%/2);}
/*別慌張！高普考&國營優缺比一比*/
.compare_table{width: 100%;}
.compare_table th{width: calc(100%/2);font-size: 2rem;}
.compare_table .senior{background-color: var(--blue);}
.compare_table .sec{background-color: var(--yellow);}
.compare_table td{background: linear-gradient(45deg, white 30%, var(--gray) 70%);padding: 0.25rem 1rem;}
.compare_table .td_sort{background: #fb4037;color: white;border-bottom: 1px solid white;}
.compare_table .ans_cont{background: #fb40372b;font-weight: bold;height: 40px;}
.compare_table .border-0{border: 0;}
.ans_cont strong{font-size: 1.25rem;border-bottom: 1px dotted;}
/*莫糾結！高普考&國營考科重疊*/
.overlaps_table{width: 100%;text-align: center;}
.overlaps_table .overlaps_title th{position: relative;font-size: 2rem;background: white;border-bottom: 4px solid #585858;padding: 1rem 0 1.25rem;}
.overlaps_title th i{position: absolute;right: 0;padding: 0.5rem 0 0;}
.overlaps_table ol{padding: 0 0 0 25%;}
.overlaps_table ol li{text-align: left;list-style-type: decimal;}
.overlaps_table ol li strong{color: #fb4037;}
.overlaps_table th{font-size: 2rem;background: linear-gradient(180deg, white 30%, var(--gray) 70%);}
.overlaps_table td{padding: 1rem;background: var(--gray);border-bottom: 1px solid #d3d3d3;}
.overlaps_list{text-align: left;background-color: var(--orange);color: white;padding: 0.5rem 0.5rem 0.5rem 1.5rem;margin: auto auto auto -1.5rem;position: relative;}
.overlaps_list dt{position: absolute;right: 0;top: 22.5%;writing-mode: vertical-lr;letter-spacing: 3px;}
.overlaps_cont{color: #fb4037;font-size: 1rem;line-height: 0;position: absolute;bottom: 1rem;left: 0;right: 0;}
.more_link{text-align: center;padding: 2%;}
.more_link a{background-color: white;color: var(--black);padding: 0.35rem 1.5rem;border: solid 3px;font-size: 1.5rem;text-decoration: none;display: inline-block;}
/*小朋友才做選擇*/
.sign_up{font-size:2rem;color:var(--black);}
.sign_up dd{padding: 0.5rem 1rem 0;margin: auto auto 1rem auto;}
.class_different{background-color: var(--blue);color: white;padding: 0 1rem;}
.sign_up dd b{color: #fb4037;}
.class_sort{color:var(--blue);margin: auto 1rem auto 0;}
.class_link {padding:1rem 0 2rem;text-align: center;}
.class_link a{background-color: var(--yellow);border-radius: 2rem;font-weight: bold;margin: auto 1rem;text-decoration: none;padding: 0.5rem 1.5rem;font-size: 1.5rem;}
/*想瞭解高上公職課程*/
div#Ask{background: var(--yellow);color: initial;}
.ask-wrap .ask-title{font-weight: bold;}
@media screen and (min-width: 1024px){	
	.sign_up dd ul{border-left:5px solid var(--blue);padding-left:1rem;}
}
@media screen and (min-width: 1201px){	
	.banner{width: 1200px;margin: auto;padding: 0% 0 0;}
	.event_wrap {width: 1200px;margin: auto;padding: 2rem 0;}
}
@media screen and (max-width: 1200px){
	.overlaps_table .overlaps_title th{font-size: 1.5rem;padding: 0.5rem 0 0.75rem;}
}
@media screen and (max-width: 1023px){
	.class_sort{border-right:5px solid var(--blue);margin-right:1rem;padding-right:.5rem;}
}
@media screen and (max-width: 767px){ 
	.banner h1{font-size: 4rem;line-height: 5rem;}	
	.choose_title strong font{font-weight: 600;text-shadow: -2px 0 0 black;}
	.compete dt{font-size: 3rem;}
	.compare_table .td_sort{padding: 0 0.5rem;}
	.compete dd {font-size: 2rem;}
	.dcard li{width: 100%;}
	.overlaps_table th,.overlaps_table .overlaps_title th{font-size: 1.5rem;writing-mode: vertical-lr;padding: 0.5rem 0;}
	.overlaps_title th b{writing-mode:initial;}
	.overlaps_title th i{top: 0;bottom: 0;}
	.overlaps_title th:last-of-type{line-height: 1.5rem;}
	.overlaps_cont{left:auto;right:30%;top:0;bottom:0;}
	.more_link a{padding: 0.35rem 0.5rem;font-size: 1.35rem;}
	.class_different{padding: 0 0.5rem;}
	.sign_up{font-size: 1.5rem;}
	.sign_up dd{padding: 0.5rem 0.5rem 0;}
	.class_link a{font-size: 1.25rem;margin: auto 0.25rem;}	
}
@media screen and (max-width: 767px) and (orientation: portrait){ 
	.choose_title{line-height: 2.75rem;}
	.choose_title b{margin-right: calc(100% - 136px);display: inline-flex;}
}