﻿#cssmenu picture {display: none;}
.logo {background: none;height: auto;}
#Header {border-bottom: none;}

h1 {font-size: 3rem;font-family: "Microsoft YaHei", 微軟正黑體, Arial;text-align: center;color: #ae7b31;}
h2 {font-size: 2.5rem;}
#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
.bgcolor_top {background: url(../../images/1105117_topbg.jpg) no-repeat top;background-size: cover;height: 400px}
.bgcolor0 {background: #f1ebdf;background: #e4e9ef url(../../images/1105117_bg.jpg) repeat center;}
.bgcolor1 {background: #f1ebdf;background: #e4e9ef url(../../images/1105117_bg.jpg) repeat center;}
.bgcolor2 {background: #af0134;}
.bgcolor3 {background: #ffcc28;}
.bgcolor4 {background: #ff9849;}
.bgcolor5 {background: #48afae;}
.bgcolor6 {background: #47b1d6;}
#event_sec h1 {font-size: 5.8rem;line-height: 6.7rem;color: #a4282d;text-align: center;margin-top: -10%;font-family: "華康超明體","DFMingXBold-B5","MStiffHeiHK",sans-serif;font-weight: normal;	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;letter-spacing: -3px;}
/*學員口碑推薦*/
#event_sec .topic{text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.topic {font-size: 2.02rem;color: #ae7b31;/* font-family: "華康超明體","DFMingXBold-B5","MStiffHeiHK",sans-serif; */font-weight: bold;width: 100%;margin: auto;/* background-color: #cc0; */display: flex;flex-wrap: wrap;justify-content: center;align-items: end;}
.topic strong {font-size: 2.6rem;line-height: 2.85rem;color: #ae7b31;font-family: "華康超明體","DFMingXBold-B5","MStiffHeiHK",sans-serif;font-weight: normal;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;display: block;}
.winnercup {margin: 0 1%;text-align: right;width: max-content;}
.winnercup img {width: 80%;float: right;}
.comments {width: calc(94%/2);padding: 1.5rem 2rem 1.5rem 2.2rem;position: relative;background-color: #c8b1832b;border: 4px #fff solid;border-radius: 60px;margin: 1% 0.5%;animation-name: flipInY;}
.comments::before {content: "\f10d";font-family: "Font Awesome 5 Free";position: absolute;font-size: 5rem;font-weight: bold;color: rgb(200 177 131 / 0%);left: 0;top: 15%;}
.comments dl {text-align: center;}
.comments dt {font-size: 2.3rem;line-height: 2.8rem;font-weight: bold;color: #1b496f;}
.comments dd i {font-size: 5rem;line-height: 4.5rem;color: #c8b183;margin: 1rem auto;float: left;width: 124px;}
.comments p {line-height: 2rem;font-size: 1.15rem;}
.comments img {float: left;border-radius: 50%;width: 130px;height: 130px;object-fit: cover;margin: 50px 20px auto;}
.comments .name {font-size: 1.4rem;display: block;font-weight: bold;}
.comments .winner {font-size: 1.5rem;line-height: 1.9rem;border-top: 3px #bf996a dotted;border-bottom: 3px #cc0 dotted;padding: 1%;font-weight: bold;margin-top: 1%;}
.comments .winnericon {font-size: 1.4rem;padding: 4px 10px 3px;margin: 1% 1% 1% -7%;color: #fff;background-color: #b28a29c7;border-radius: 50px;}
.comments .school_s{font-size: 1.03rem;font-weight: normal;}
.comments dd:last-of-type {position: relative;}
.comments dd:last-of-type::before {background-image: url('../../images/1105117_stu.png');content: '';position: absolute;top: 20px;left: 0;background-size: 171px 176px;width: 171px;height: 176px;}
/*兩大測評服務*/
#event_third h2 {color: #fff;font-weight: 600;font-family: Noto Serif TC;text-align: center;line-height: 1.0em;padding: 1.5% 0 1%;background-color: #a32b2c;border-radius: 50px;width: 66%;margin: 0.7% auto;border-top: 6px #d5ba8b solid;border-bottom: 6px #d5ba8b solid;letter-spacing: 0.2em;}
#event_third h3 {font-size: 1.2rem;font-weight: normal}
.report_item, .essay_item {justify-content: center;padding: 1rem 0;}
.report_item a, .essay_item a {color: #a4282d;padding: 0 3rem;font-size: 1.6rem;font-weight: bold;text-decoration: underline;}
.report_item a.active, .essay_item a.active {text-decoration: none;}
.report_item a:nth-of-type(1), .essay_item a:nth-of-type(1) {border-right: dotted 2px #f2b036;}
.report_content figure,.essay_content figure {border-radius: 17px;overflow: hidden;}
.report_content figure, .essay_content figure {background-color: #fff;border-radius: 25px;margin: 0.5% auto 4%;border-top: 2px #f2b0369c solid;border-bottom: 12px #d5ba8b solid;}
.essay-detail img {width: calc(100%/2);}
/*專業考試流程*/
#event_fourth {padding: 0rem 1rem 2.5rem;}
#event_fourth h1 {font-size: 3rem;margin: -1.7rem 0 0.25rem;}
#event_fourth .topic {font-size: 2.1rem;padding: 0.15rem 0;color: #184d74;font-weight: 600;border-top: 6px #ae7b31c9 dotted;border-bottom: 6px #ae7b31c9 dotted;font-family: Noto Serif TC;    text-align: center;width: 100%;margin: 0 0 1%;font-family: "Microsoft YaHei", 微軟正黑體, Arial;letter-spacing: 0.2em;}
.workflow dl {width: calc(100%/3);text-align: center}
.workflow dt {color: #ffe0a9;font-size: 1.5em;display: inline-block;background-color: #184d74;padding: 0.25em 1em 0.26rem;border-radius: 2em;margin-bottom: 0.5em;border-top: 6px #d5ba8b solid;border-bottom: 6px #d5ba8b solid;}
.workflow dd img {width: 90%;border-radius: 18px;margin: 0px 5%;border: 6px solid #dfd2b9;}
.apply {margin: auto;text-align: center;}
.apply a {background: linear-gradient(to bottom, #d5ba8b 10%, #ae7b31 90%);color: white;padding: 0.5rem 1.2rem;display: inline-block;margin: 2% auto;font-size: 1.4em;text-decoration: none;   border-radius: 0.5em;letter-spacing: 0.2em;font-family: Noto Serif TC;}
@media screen and (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}
	#cssmenu ul {display: none !important;}
	#event_master img {margin: auto auto auto 0;width: 70%;}
}
@media screen and (max-width: 1200px){
	.bgcolor_top {height: auto;}
	.comments {width: 100%;padding: 2rem;}
	.report_item a, .essay_item a {padding: 0 0.5rem;}
	.topic {margin: auto;}
	#event_sec h1 {font-size: 5.25rem;}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.topic div:last-of-type {width: 18.5rem;margin-bottom: auto;}
}
@media screen and (min-width:992px) and (max-width:1199px){
}
@media screen and (min-width:768px) and (max-width:991px){
}
@media screen and (max-width:767px) and (orientation : portrait) { 
    .br_mb{ display:block}    
	h1 {font-size: 1.9rem;}
	#event_sec h1 {font-size: 2.25rem;line-height: 2.85rem;margin: -12% 0 2% 1%;font-weight: bold;font-family: "Microsoft YaHei", 微軟正黑體, Arial;letter-spacing: 0;}
    #event_third h2 {letter-spacing: 0.02em;font-size: 1.35rem;line-height: normal;padding: 1.1% 0 1%;width: 68%;}
	#event_fourth h1 {font-size: 1.9rem;margin: 0rem 0 0.25rem;padding-top: 1rem;}
	#event_fourth .topic {font-size: 1.4rem;line-height: 1.7rem;font-weight: bold;letter-spacing: 0.1em;font-weight: bold;padding: 0.35rem 0 0.4rem 0.7rem;}
	.winnercup {width: 66%;margin: 0 auto;}
	.topic strong {font-size: 1.9rem;line-height: 2.5rem;text-align: center;margin-top: 1%;}
	.topic {font-size: 1.5rem;line-height: 1.9rem;text-align: center;}
	.comments dt {font-size: 1.5rem;line-height: 2rem;margin-bottom: 3%;margin-left: 1%;font-family: "Microsoft YaHei", 微軟正黑體, Arial;}
	.comments .winner {font-size: 1.25rem;line-height: 1.7rem;}
	.comments {padding: 1.5rem 1.2rem;margin: 2.7% 0.5%;}
	.comments p {text-align: justify;}
	.report_item a, .essay_item a {font-size: 1.22rem}
	.report_content, .essay_content {margin: 0.5% auto 8%;}
	.essay-detail img {width: 100%;}
	.workflow dl {width: 100%;margin: 0.5rem auto;}
	.workflow dt {font-size: 1.15em;border-top: 4px #d5ba8b solid;border-bottom: 4px #d5ba8b solid;}
	.comments img {width: 75px;height: 75px;margin: 30px 12px auto;}
	.comments dd:last-of-type::before {top: 7px;background-size: 100px 103px;width: 100px;height: 103px;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}
	
