﻿#event_master {text-align: center;padding: 0 0 1rem;}
#event_master h1 span {background-image: linear-gradient(to bottom, #548c33 0%, #22480b 100%);-webkit-background-clip: text;background-clip: text;color: transparent;margin-right: 1rem;}
#event_master h1 {font-size: 7.2rem;/* line-height: 8rem; */font-weight: bold;background-image: linear-gradient(to bottom, #524e4d 25%, #9c9c9c 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-family: MStiffHeiHK;letter-spacing: -2px;margin-top: -1.5rem;margin-bottom: -1.3rem;}
#event_master h2 {font-size: 3.2rem;margin-top: -2rem;}
#EventContainer .bgcolor0 {background: linear-gradient(to bottom, #c3dcb5 0%,#ffffff 20%);background: linear-gradient(to bottom, #c3dcb5 5%,#ffffff 26%)}
#EventContainer .bgcolor1 {background: #dfdfdf;background: url(../../images/1111025_admin_bg.jpg);background-size: 100%;}
#EventContainer .bgcolor2 {background: linear-gradient(to right, #EBEBEB 50%,#ed660a 51%);}
#EventContainer .bgcolor3 {background: linear-gradient(to right, #1194c0 30%,#c2ffa824 31%,#e4e4dc 100%) !important;}
#EventContainer .bgcolor4 {background: linear-gradient(to right, #c2ffa824 0%,#e4e4dc 100%);}
#event_sec{padding: 1rem;}
#event_fifth, #event_sixth {padding: 1rem;}
#Ask {background-color: #5d8e3f !important;}
#EventContainer .bgcolor5 {background: linear-gradient(to right, #EBEBEB 20%,#c2ffa824 40%,#e4e4dc 100%);display: inline-block;width: 100%;}

/* 成功贏佔高普考 */
.show_mb{display:none;}
.event-brand {background: linear-gradient(to bottom, #c3dcb5 0%,#eeefea 70%);display: inline-block;margin: auto 0 -1%;padding: 0.5rem 4rem;background: rgb(128 0 128 / 0%);border-top: 65px solid rgb(255 255 255 / 54%);border-bottom: 0px solid rgb(0 128 0 / 0%);border-left: 50px solid rgb(0 0 255 / 0%);border-right: 50px solid rgb(255 255 0 / 0%);z-index: 1;}
.event-brand .logo_t {margin-top: -26.5%;font-size: 2.3rem;color: #2f2f2f;}
.segement {color: #548c33;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 4rem;}
.vertical {display: inline-block;width: 2px;height: 4rem;background-color: #548c33;margin: auto 0.5rem;}
.vacancy {display: inline-flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;border-radius: 50%;background-color: #ec670a;color: white;font-size: 1.5rem;padding: 0.5rem;margin-left: 1rem;line-height: 1.75rem;}
.senior-win{vertical-align: middle;}
.senior-title {color: #548c33;font-weight: bold;vertical-align: middle;}
.senior-suit {border-bottom: 1px solid #548c33;margin-left: 1rem;display: unset;font-style: italic;font-size: 1.8rem;letter-spacing: -1px;}
.senior-suit span {border-top: 1px solid #548c33;}
.senior-suit font {color: #ec670a;font-weight: bold;}
.training_item {width: calc(100%/3);}
.training_item img {margin: auto;}
.training_item dl {width: 250px;height: 250px;border-radius: 50%;border: 1px dashed #548c33;background-color: rgb(255 255 255 / 60%);padding: 3rem 0 0 3rem;margin: auto;/*margin-right: -70px;*/}
.training_item dt {font-size: 1.6rem;color: #548c33;font-weight: bold;margin-top: 7px;}
.training_item dd {font-size: 1.25rem;display: list-item;text-indent: -5px;margin-left: 26px;}
.exam-detail {text-align: center;}
.exam-detail span {background-color: #548c33;color: white;border-radius: 1.5rem;padding: 0.125rem 0.5rem;font-size: 1.35rem;line-height: 1.7rem;}
.video-wrap {margin: 2rem auto auto;}

/* 行政、人事、廉政狂作題班 */
#event_third .price_item {background-color: #ed660a;color: white;padding: 2rem;border-radius: 2rem 0 0 0;text-align: center;font-size: 1.5rem;font-family: Verdana,"Microsoft YaHei"}
#event_third .price_item li:nth-of-type(1){color:#fff;font-family: MStiffHeiHK;font-size: 2.5rem;}
.price_item .sale {background-color: #f44336;margin: auto;border-radius: 12px;font-size: 1.6rem;line-height: 2.2rem;border: 2px #ffffffe6 dotted;padding: 7px 5px;color: white;}
.price_item .sale .t_y{ color:#FF0}
.price_item .guide-btn {padding: 1rem 0 0;}
.price_item .guide-btn>.extend-btn {background: #EEEEEE;color: #524e4d;}
.open-date {color: black;}
.discount {padding-top: 0.5rem;}
.consult_item {background-color: #1194c0;color: white;padding: 1rem 0 .2rem;border-radius: 0 0 2rem 0;text-align: center;}
.consult_item img {width: 100px;margin: auto;display: block;}
.guide-btn>.extend-btn {border-radius: 3rem;padding: 0.7rem 2rem;margin: 0.25rem;color: white;font-size: 1.5rem;display: inline-block;background-color: #ec6d13;}
.extend-btn {border-radius: 3rem;padding: 0.7rem 2rem;margin: 0.25rem;color: white;font-size: 1.5rem;display: inline-block;background-color: #01ba00;}

/* YOUTOBE區 */
.embed-container {border: 6px #ffffff8a solid;}

/* 學長姐同聲盛讚「狂作題」 */
#event_fifth h1 {background-image: linear-gradient(to bottom, #2e5713 0%, #518930 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: bold;font-size: 3rem;text-align: center;font-family: MStiffHeiHK;}
.exp_item {margin-bottom: 1rem;width: 93.5%;margin: 1.5% auto 0;}
.exp_item dt {color: #d95901;font-size: 1.35rem;margin-bottom: 0.5rem;font-weight: bold;}
.exp_item dt a {font-size: 1.4rem;font-weight: bold;margin-right: 1rem;margin-left: 1rem;color: #5d8e3f;}
.exp_item dd {padding: 0.5rem 1rem 1rem;border-bottom: 1px #ffc092 solid;font-size: 1.15rem;}
.exp_item dd strong {}
.exp_item dt .winners {background: #ffe4d1;padding: 0 0.5rem;font-size: 1.6rem;border: 2px #d95901 solid;border-radius: 50px;margin-right: 4px;}

/* 側邊廣告 */
#AD_BTN {background: linear-gradient(to right, #ec670aa1 0%, #ec670a 100%);}
.ADV_right .segment-class {color: yellow;}

#Ask input[type="submit"], #Ask input[type="reset"] {color: #fff;cursor: pointer;display: inline-block;background: #386e17 !important;padding: 0 1rem !important;font-size: 1.05rem;border: 2px #fff solid;width: 100px !important;}
#Ask SELECT, #Ask input {font-size: 1rem;}

@media (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, .discount {width: 1200px;margin: auto;}	
    .training_item:nth-of-type(1) {margin: auto -120px auto 50px;z-index: 1;}
    .training_item:nth-of-type(2) {width: 491px;z-index:2;}
    .training_item:nth-of-type(3) {margin: auto auto auto -80px;margin-top: 40px;z-index:1;}
    .training_item dl:nth-of-type(2) {margin-top: -3rem;}
	.training_item:nth-of-type(3) dl {width: 350px;height: 350px;padding: 3rem 0 0 5rem;padding: 2.5rem 0 0 4.6rem;}
	.exam-detail {width: 6rem;width: 70%;}
	.exam-detail span {display: block;}
    .price_item .sale {width: 50%;}
	.video-wrap {width: 65%;}
}

@media (max-width: 1200px){
    .order1 {order: 1;}
    .order2 {order: 2;}
    .order3 {order: 3;}
	.training_item {margin: auto;}
	.training_item dl {width: 240px;height: 240px;}
	.training_item:nth-of-type(1) {width: calc(100%/3*2);}	
	.training_item:nth-of-type(1) dl {display: inline-table;}	
	.training_item:nth-of-type(2) {width: 100%;}
	.training_item dl:nth-of-type(2) {order: 1;}
	.order2 {order: 2;}    
	.training_item:nth-of-type(3) dl {padding: 3rem 0 0;}
	.training_item:nth-of-type(3) dt, .training_item:nth-of-type(3) dd {margin-left: 3rem;}
    .exam-detail span {font-size: 1rem;}	
	#AD_BTN {background: linear-gradient(to bottom, #f59c5e 0%, #ec670a 100%);}
    #Footer .footer-wrap {padding: 1.5rem 0.5rem 4rem;}
	#EventContainer .bgcolor5 {background: #EBEBEB;}
	.senior-suit {display: block;width: max-content;margin: 0 auto;}
}

@media (min-width:992px) and (max-width:1199px){
	.price_item .sm\:hidden {display: initial !important;}
}

@media (min-width:768px) and (max-width:991px){
	.price_item .sm\:hidden {display: initial !important;}
}

@media (max-width:767px){ 	
	.br_mb {display:block}    
	.training_item {width: calc(100%/3);}
	.training_item {width: 100%;}
	.training_item dl {width: 230px;height: 230px;padding: 2.5rem 0 0 2rem;}
	.training_item dl {margin: auto;background-color: rgb(255 255 255 / 27%);}
	.training_item img {margin: -7% auto 0;width: 80%;}
	.event-brand {font-size: 1.5rem;padding: 0;border-top: 50px solid rgb(255 255 255 / 54%);}
	.event-brand .logo_t {margin-top: -25%;font-size: 1.5rem;}
	.senior-suit {border-bottom: 1px solid #548c33;font-style: italic;font-size: 1.2rem;}	
	#event_master h1 {font-size: 3.25rem;line-height: 7rem;}
	#event_master h2 {font-size: 1.75rem;}
	#back-top {bottom: 11% !important;}
	.segement {font-size: 2.5rem;}
	.vertical {height: 2.5rem;}
	.vacancy {width: 4rem;height: 4rem;font-size: 1.3rem;padding: 0.5rem;margin-left: 0.5rem;line-height: 1.5rem;}
	.price_item .sale {width: auto;margin: auto;font-size: 1.25rem;line-height: 1.75rem;}
	#event_third .price_item {border-radius: 5rem 0 0 0;}
	#event_third .price_item li:nth-of-type(1) {font-size: 1.8rem;line-height: 2.3rem;font-weight: bold;}
	.open-date {color: #9af4ff;font-size: 1.4rem;}
	.open-date small{display: block;}
	.guide-btn>.extend-btn {padding: 0.2rem 1rem;font-size: 1.5rem;}
	.extend-btn {border-radius: 3rem;padding: 0.2rem 1rem;font-size: 1.3rem;}
	#event_fifth h1 {font-size: 1.6rem;line-height: 2rem;padding: 2% 0;}
	.exp_item dd {padding: 0.4rem 0.5rem 2rem;line-height: 1.9rem;}
	.consult_item {padding: 1rem 14% 0.2rem;border-radius: 0 0 5rem 0;}
	.consult_item img {margin: 3% auto 1%;}	 
}