:root {
    --item:#cc3333;
	--dark_item:#980023;
    --gold:#d7b14f;
	--dark_gold:#ba8500;
	--join1:#2ea58d;
	--join2:#00776f;
	--join3:#0a574c;
	--light:#FFFF79;
	--light_brown:#b79a32;
	--bgcolor_liner_red1:linear-gradient(90deg ,#980023 0%,#980023 85%,#98002300);
	--bgcolor_liner_red:linear-gradient(to right,#ffffff00 0%, #980023 10%, #980023 90%, #ffffff00 100%);
	--laurelWreath_right:url(../../images/1201083_laurels_right.png) no-repeat top right;
	--laurelWreath_left:url(../../images/1201083_laurels_left.png) no-repeat top left;
    --white:white;
}
section a {text-decoration:underline;color: var(--join2);}
.bgcolor0 {background:url(../../images/1301099_bg.jpg) no-repeat top;background-size: 100.5%;background-attachment:fixed;position: relative;background-image: #FFFF79;}
.bgcolor1 {background-color: #F6F6F6;}
.bgcolor2 {background: url(../../images/0901057_dot2.png)top left no-repeat,linear-gradient(90deg,#d4efef 0%,#fdfbff 50%,#ffffffbf 60%,#d4efef 100%);border-top: 6px dotted #fdba69cf;}
.bgcolor3 {background: url(../../images/0901057_dot2.png)top left no-repeat,linear-gradient(90deg,#eac689 0%,#fff9eb 50%,#fffdf1c9 60%,#dcc091 100%);border-top: 6px dotted #f0fafacf;}
.bgcolor4 {background: url(../../images/0901057_dot2.png)top left no-repeat,linear-gradient(90deg,#e1d4ef 0%,#fdfbff 50%,#ffffffbf 60%,#e1d4ef 100%);border-top: 6px dotted #f3e8d1;}
#event_master header, #event_sec header {transform: skew(-.03turn, 0deg);text-shadow: 2px 2px 5px #682e60;position: relative;z-index: 2;}
#event_master header h1, #event_sec header h1 {background: var(--bgcolor_liner_red);color: var(--white);margin: 0 auto;}
h1,h2,h3 {font-size: 3.5em;text-align: center;font-family: Georgia, "Microsoft YaHei", Times, serif;position: relative;padding: 1.2rem 0 .8rem;margin: 0 0 20px;color:var(--join2);position: relative;top: 0;left: 0;right: 0;}
#event_sec h2::before, #event_third h2::before {content: '';height: 95px;background: var(--laurelWreath_left); position: absolute;top: -5px;left: -20px;z-index: 1;}
#event_sec h2::after, #event_third h2::after {content: '';width: 52px;height: 95px;background: var(--laurelWreath_right); position: absolute;top: 15px;right: -30px;z-index: 1;}
#event_fourth h2::before{content: '';height: 95px;background: var(--laurelWreath_left); position: absolute;top: -5px;left: 180px;z-index: 1;}
#event_fourth h2::after{content: '';width: 52px;height: 95px;background: var(--laurelWreath_right); position: absolute;top: 15px;right: 210px;z-index: 1;}
small {font-size:.8em}
section p, div p {font-size: 1.25em;line-height:1.9em;text-align:left;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;}
[class*="flex"] {display: flex;flex-wrap: wrap;}
.target-fix {top: -3.5rem;position: relative;display: block;visibility: hidden;}
.mr-2 {margin-right: .5rem;}
.ml-4 {margin-left: 1rem;}
.text-center{text-align: center;}
/*主圖*/
.text_red {color:var(--item);}
.text_brown{color: var(--light_brown);}
.text_gold{color: var(--dark_gold);}
.text_yellow {color:var(--light);}
.rank_title {font-size: 2rem;border-bottom: dotted 2px var(--gold);display: block;text-align: center;width: 100%;}
.rank_title span{font-size:2.25rem;text-shadow:-1px 0 0 var(--item);}
.rank_cont {text-align: center;}
.rank_cont .top{letter-spacing: 6px;margin: auto -6px auto auto;}
.rank_cont .ten{letter-spacing: -2px;}
.rank_cont .pr-1{padding: 0 0.25rem 0 0;}
.main-title ul {background: url(../../images/1301099.png) no-repeat center;background-size: contain;filter: drop-shadow(0px 3px 4px var(--light_brown));}
.main-title ul li {margin: auto 1%;position: relative;top: 22%;}
.opacity_none {color: #ffffff00;opacity: 0;}
.main-title {width: 100%;margin:auto;position: absolute;top: 320px;left: 0;right: 0;z-index: 3;overflow: hidden;}
.title_text {margin: 0 auto;}
.title_text img {width: 100%;filter: none;}
.main-title h1 {font-size: 5rem;color:var(--light);text-shadow: 2px 0 2px black, -2px 0 2px black, 0 2px 2px black, 0 -2px 2px black, 0 0 6px black;}
.main-title ul li {font-size: 2rem;color: var(--white);}
.main-title ul li a {color:var(--join3);font-size: 2.8rem;}
.main-title ul li:hover {transform: scale(1.1);}
.main-title ul img {width: fit-content;filter: none;}
.main-title li small {font-size: 2rem;color:var(--join3);}
.title {position: absolute;margin: auto;left:0;right:0;bottom:4%; z-index: 10;pointer-events: none;filter: drop-shadow(0px 10px 7px #232f35);}
.teacher_box_flex {position: relative;}
.teacher_cont{ /*width: calc(100%/11);*/width: calc(100%/10);position: relative;display: flex;justify-content: center;z-index: 1;}
.teacher_cont p {text-decoration: underline;color: #041621;font-weight: bold;text-align: center;}
.teacher_cont a {display: block;padding: .1rem 0;}
.teacher_cont a:hover {z-index: 10;pointer-events: all;margin-bottom: -1rem;transition: none;}
.teacher_cont a span {display: none;text-align: center;}
/*實力頂尖*/
#event_master h1:before, header h2:before,.experience h3:before {content: "";position: absolute;bottom: -20px;background: url(../../images/0901057_shoaw.png)no-repeat;opacity: .5;width:1200px;height: 19px;left: 0;right: 0;margin: auto;background-size: 100%;}
header >span {font-size: 2.5em;font-weight: bold;}
#event_master dt span {margin-right: 2%;display: block;font-weight: bold;font-size: 1.3em;}
#event_master {padding: 15% 0 2rem;}
.strength_flex {margin: 15px 0 0;}
.strength_flex dl {padding: 25px 2% 29px;background:var(--white);margin: .6rem auto 0;border-radius: 1rem;border-top: solid 1px #f3bb20;box-shadow: 0px 8px 4px -3px #0000003f;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;width: 100%;}
.strength_flex dt {font-size: 2em;color:var(--join2);font-weight: bold;font-family: Verdana,"Microsoft JhengHei";line-height: 2.8rem;padding: .3rem 0 .5rem;margin: 0 0 10px;text-align: center;width: 100%;}
.strength_flex dd {font-size: 1.7em;line-height: 43px;margin: auto 1rem;display: inline-block;}
.strength_flex dd > font {color:var(--item);font-weight: bold;font-family: "Microsoft YaHei", Times, serif;}
.billboard-more {width: 100%;margin-top: 1rem;text-align: center;}
.billboard-more a {font-size: 1.4rem;background-color:var(--item);color:var(--white);padding: .5rem 1.5rem .5rem .7rem;border-left: 6px solid #f3d13c;clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);position: relative;text-align: center;text-decoration: none;display: inline-block;}
.billboard-more:hover {transform: translateX(6px);}
.billboard-more a:hover {background-color: var(--dark_item);border-left: 6px solid #dbb961;}
.advantage-tb {width: calc(100% - 1.5rem);margin: 1rem auto;border-collapse: collapse;}
.advantage-tb th, .advantage-tb td {border: dotted 1px var(--gold);background-color:var(--white);padding: .25rem;text-align: center;}
.advantage-tb th {font-size: 1.25rem;}
.advantage-tb tr:last-of-type td {border-radius: 0 0 15px 15px;border: 0;}
.advantage-tb .subject_title {display: table-cell;border: 0;border-radius: 15px 15px 0 0;background-color:var(--dark_item);font-size: 1.8em;}
.advantage-box .subject_cont {width: calc(100%/2 - 1%);margin: auto;}
#event_sec table tr a i{border-bottom: 1px dotted  var(--join1);font-size: 1.3rem;}
#event_sec table tr a i:hover{border-bottom: 0px dotted  var(--join1);}
#event_sec table {width: 99%;margin:1rem auto;overflow-x: auto;white-space: nowrap;border-collapse: collapse;box-shadow: 0px 2px 4px -3px var(--dark_item);border-radius: 1rem;}
#event_sec table tbody {width: 100%;white-space: nowrap;}
/*報考優勢*/
.subject_box_flex {margin: 1rem auto;}
.subject_title {display: block;font-size: 1.75rem;font-weight: bold;font-family: Verdana,"Microsoft JhengHei";margin: auto;text-align: center;background-color: var(--dark_item);color: white;line-height: 1.5em;padding: 0 3rem;}
.subject_title a {color: inherit;padding: 0 .6rem;}
.subject_cont p {text-align: center;padding: 1rem;line-height: 29px;font-size: 1.25rem;}
.subject_cont p strong {color: var(--item);font-family: Verdana,"Microsoft JhengHei"}
.subject_cont {text-align: left;margin:0 0 0 .5rem;border-radius: 15px;overflow: hidden;background-color:var(--white);box-shadow: 0px 2px 4px -3px var(--dark_item);}
.guide_btn {text-align: center;}
.guide_btn a {display: inline-block;text-decoration: blink;padding: .5rem 1.5rem;margin: 1rem;text-decoration: blink;text-align: center;position: relative;overflow: hidden;border-radius: 30px;color: #fffefe;font-size: 1.6em;font-weight: bold;background-color: var(--join2);}
.audition_btn{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.audition_btn .want{font-size: 1.6em;color: var(--join2);}
.audition_btn .guide_btn a {font-size: 1.2em;margin: auto 0.25rem;}
.guide_btn a:before {content: '';z-index: 2;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(110deg ,#00776f,#2ea58d,#2ea58d,#00776f);transform-origin: 100% 50%;transform: scale3d(1, 2, 1);transition: transform 0.3s, opacity 0.3s;transition-timing-function: linear;}
.guide_btn a:hover:before {-webkit-transform: scale3d(9, 9, 1);transform: scale3d(18, 9, 1);color:var(--white);}
.guide_btn a span {position: relative;z-index: 2;font-family: "Microsoft YaHei", Times, serif;}
.subject_mark {font-weight: bolder;font-size: 2.5em;background: linear-gradient(90deg,transparent,#d2a944,#fff08b,#fdfac5,#d3ab45,transparent);color:var(--dark_item);margin: 33px 0 0;border-bottom: solid 4px #d7b35a57;text-align: center;}
/*從基礎到進階*/
.stage_title {background:var(--bgcolor_liner_red1);color:var(--white);font-size: 2rem;padding:1rem 4.55rem 1rem 4.3rem;margin: auto .05rem auto 0;text-align: center;line-height: 2.3rem;}
.subject_box_third .subject_title {padding: 0 .5rem;}
.subject_box_third .stage_title {padding: 1rem 2.8rem 1rem 2.6rem;}
/*見賢思齊*/
.experience_list {border-bottom: dotted 2px var(--gold);padding: 1rem;margin: .5rem auto;text-align: justify;}
.experience_list p a {color: var(--join2);font-weight: bold;}
.experience_take {font-size: 2em;color: var(--item);font-weight: bold; font-family: "Microsoft YaHei", Times, serif;padding: .5rem 0 .2rem;}
.experience .experience_list:last-child {border:none;}
.experience_name {font-size: 1.8em;}
.experience_name small {font-size:1.2rem; padding: 0 .1rem;}
.experience_name span {color:var(--white);text-shadow: 0 0 6px #25252583;font-weight: bold;padding: .1rem 2rem 0.1rem 1.5rem;background: linear-gradient(110deg ,#7e5699bd,#ac7cca,#bf89e0,#9d68bebd);background:var(--dark_gold);background: linear-gradient(90deg ,#ba8500,#ba8500,#ba8500,#ba8500,#ba850000);background:var(--bgcolor_liner_red1);}
/*背景*/
.people li {position: absolute;top: 34%;}
.people li:nth-child(1) {left:0;}
.people li:nth-child(2) {right:0;top: 40%;}
.people li:nth-child(3) {left:0;top:60%;}
.people li:nth-child(4) {right:0;top: 68%;}
.event-banner {margin: auto;text-align: center;padding: 1rem;}
.event-banner a img {width: 100%;box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;}
.event-banner img:hover {transform: scale(1.05);}
.event-banner a {width: calc(100%/2 - 5rem);margin: 2rem 2.5rem 1rem;}
/*榜單連年表現亮眼*/
.name_list{padding: 1rem 2.5rem;margin: auto;}
.name_list li {font-size: 1.75rem;width: calc(100%/2);border-left: 6px solid #d7b14f;margin: .35rem 0;padding: 0 0 0 .6rem;}
.name_list li span{color: var(--dark_item);padding: 0 0.5rem 0 0;}
@media screen and (min-width: 1700px) {
	.teacher_box {width: calc(100% - 24%);}	
	.main-title ul {width: calc(100% - 10%);}	
}
@media screen and (max-width: 1535px) {
	.main-title ul li{top: 20%;}
}
@media screen and (min-width: 1201px) and (max-width: 1700px) {
	.main-title ul {width: 100%;}
	.teacher_box {width: calc(100% - 15%);}	
}
@media screen and (min-width: 1201px) {  
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {padding: 2.5rem 1rem 3.3rem;width:1200px;margin: auto;}
	.strength_flex {width:1200px;margin: auto;}
	.teacher_box {margin: auto;padding: 1rem;}	
	.main-title {margin: auto;}		
	.main-title ul {min-height: 433px;}	
	.teacher_cont a:hover p {display: none;}
	.teacher_cont a:hover span {display: block;font-size: 1.2em;color: var(--join3);font-weight: bolder;}
	.teacher_cont .teacher_img img {position: relative;}
	.teacher_cont:nth-child(1) {top: 80px;}
	.teacher_cont:nth-child(2) {top: 70px;}
	.teacher_cont:nth-child(3) {top: 60px;}
	.teacher_cont:nth-child(4) {top: 50px;left: 15px;}
	.teacher_cont:nth-child(5) {top: 40px;}
	.teacher_cont:nth-child(6) {top: 20px;}
	.teacher_cont:nth-child(7) {top: 28px;}
	.teacher_cont:nth-child(8) {top: 50px;}
	.teacher_cont:nth-child(9) {top: 60px;}
	.teacher_cont:nth-child(10) {top: 70px;}
	.teacher_cont:nth-child(11) {top: 80px;}  
	.teacher_cont .teacher_img img {width: auto;max-width: initial;}
	.md\:block{display: block;}
}
@media screen and (max-width:1200px) {	
	.bgcolor0 {background-size: 100.5% 100%;}
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:2% auto;display:inline-block;width:98%;padding:1%;}
	#event_sec h2::after, #event_third h2::after, #event_fourth h2::after {content: '';}
	#event_master h1:before, header h2:before, .experience h3:before {width: 100%;}
	#event_master {width:98%;padding:1%;margin:0 auto;}
	#event_master header h1, #event_sec header h1 {font-size: 1.4rem;padding: .5rem 0;}
	#event_sec table {display: block;}	
	.strength_flex dt {font-size: 2em;}	
	h1, h2, h3 {font-size: 2.5em;width: 98%;margin: auto;padding: 0 2rem;text-align: center;}
	.main-title {position: initial;}		
	.main-title ul img {width: 100%;}
	#event_master header, #event_sec header {width: 98%;margin: auto;}
	#event_fourth h2::before {content: '';position: absolute;left: 10px;}
	#event_fourth h2::after {content: '';position: absolute;top: -10px;right: 5px;}
	.teacher_cont {position: initial;top: initial;background-color:var(--white);width: calc(100%/5);overflow: hidden;margin: auto;text-align: center;}		
	.teacher_cont a span, .teacher_cont a {color: #3560af;}	
	.teacher_cont img {width:100%}
	.teacher_box {height:auto;}
	.teacher_cont a span {display: block;font-size: 1.2em;padding: .5rem;text-align: center;left: 0;}
	.teacher_cont p {text-align: center;background-color: var(--item);color: var(--white);font-size: 1.5rem;padding: .1rem; left: 0;}
	.guide_btn a {margin: 10px 10px 0;}
	.order1 {order: 1;z-index: 1;}
	.order2 {order: 2;}
	.order3 {order: 3;}
	.stage_title {margin: auto;}
	.subject_box_flex {justify-content: center;}
	.subject_cont {margin: .5rem auto;}
	.name_list li {width: 80%;margin: 0.35rem auto;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
	.stage_title {width: 100%;margin: auto auto .5rem;}
	.teacher_cont {height:260px;}
	.teacher_cont:nth-of-type(n+1):nth-of-type(-n+6) {/*width: calc(100%/6)*/width: calc(100%/5)}
	.title_text {width: 100%;}
	.main-title ul {background: url(../../images/1301099_ipad.png) no-repeat center;background-size: contain;filter: drop-shadow(0px 3px 4px var(--light_brown));min-height: 313px;}
	.main-title ul li {width: calc(100%/3 - 6%);top: 18%;}
}
@media screen and (max-width:767px) {
	.strength_flex dd {width: 100%;font-size: 1.45rem;}
	.br_mobile {display: block;}
	.opacity_none {display: none;}
	h1, h2, h3 {font-size:1.7rem;margin: 0;word-break: keep-all;overflow-wrap: break-word;}
	#event_master h1:before, #event_sec h2:before, .experience h3:before {content:none;}
	.subject_cont, .advantage-box .subject_cont {width: 90%;margin: .5rem auto;}
	.experience_take {font-size: 1.5em;}
	.experience_list {padding: 1rem;}
	.teacher_cont {height:265px;width: calc(100%/2);}
	.main-title ul {background: url(../../images/1301099_mobile.png) no-repeat center;background-size: contain;filter: drop-shadow(0px 3px 4px var(--light_brown));min-height: 413px;display: initial;width: 100%;z-index: 1;}
	.main-title ul li {width: 50%;font-size: 1.25rem;margin: .5rem auto;height: fit-content;top: 34%;}	
	.main-title li small {font-size: 1rem;}
	.strength_flex dl {width: 100%;}
	.billboard-more a {font-size: 1.2rem;}
	.event-banner a {width: 100%;margin: 1rem 1rem 0;}
	.subject_mark {font-size: 2em;}
	.strength_flex {margin: auto auto 1rem;}
	.strength_flex dd {font-size: 1.25rem;margin: auto;line-height: 35px;}
	.subject_title, .advantage-tb .subject_title {font-size: 1.4em;}
	.advantage-tb th {font-size: 1.125rem;}
	.strength_flex dt {font-size: 1.4em;line-height: 2.2rem;}
	.teacher_cont p {font-size: 1.4rem;padding: .2rem 0;}	
	.teacher_cont a span {font-size: 1.1em;padding: .5rem;}
	small {font-size: .7em;}
	#event_sec h2::before, #event_third h2::before, #event_fourth h2::before {content: '';top: -8px;}
	#event_sec h2::after, #event_third h2::after, #event_fourth h2::after {content: '';width: 52px;height: 95px;background: var(--laurelWreath_right); position: absolute;top: -5px;right: -10px;z-index: 1;}
	#event_master dt span {font-size: 1.25em;}
	.rank_cont {width: 80%;}
	.rank_title {font-size: 1.5rem;word-break: keep-all;overflow-wrap: break-word;}
	.rank_title span{font-size: 2rem;}
	.stage_title {font-size: 1.65rem;margin: auto;background: var(--bgcolor_liner_red);width:90%;padding:0;}
	.subject_cont p {font-size: 1.05rem;}
    .experience_name {font-size: 1.3em;}
	.experience_take {font-size: 1.15em;}
	section p, div p {font-size: 1em;line-height: 1.8em;}
	.guide_btn a {margin: .3rem;font-size: 1.25em;padding: .3rem 1.3rem;background: linear-gradient(110deg ,#00776f,#2ea58d,#2ea58d,#00776f)}
	.audition_btn .guide_btn a {background:var(--join2)}
	.name_list {padding: 1rem 0rem 1rem 1rem;}
	.name_list li {width: 100%;font-size: 1.25rem;}	
	.sm\:block{display: block;}
	.rank_cont .top{letter-spacing: 4px;margin: auto -4px auto auto;}
	.rank_cont .ten{letter-spacing: -1px;}
}