﻿:root{
	--font-size1:1.2rem;
	--font-size2:1.1rem;
	--red1:#a32d28;
	--orange: #ff9336;
	--yellow: #ffeb3b;
	--bright-yellow: #fffb00;
}
.bgmain{background:url(../images/1109050/1109050_main_bg.png) no-repeat center top / cover}
.bgsec2{background:url(../images/1109050/1109050_main_bg2.png) no-repeat center bottom / cover}
.bgsec1{background:linear-gradient(0deg,#f9eaae 60%,#deb159 89%,#fdf3c8 100%);}
/*歡慶地方特考放榜*/
.banner{display:flex;flex-wrap:wrap;justify-content:center;}
.grade a{padding:2rem 0;border:2px solid #ffffff;-webkit-filter:drop-shadow(7px 7px 7px rgba(0,0,0,0.7));filter:drop-shadow(7px 7px 7px rgba(0,0,0,0.7));background:linear-gradient(to bottom, #e6e6e6 0%,#ffffff 100%);font-weight:bold;}
/*免費成績單健檢*/
.eventwrap{padding:2rem;}
.eventwrap h1{font-size:2.6rem;text-align:center;word-break:keep-all;line-height: 1.75;}
.eventwrap h1 .h1_cube{background: linear-gradient(45deg, black 0%, #b21534 60%);color: #ffeb3c;display: inline-block;padding: 0 1rem;border-radius: 12px;margin-right: 0.7rem;}
.op_title{background:linear-gradient(181deg,#c7003e 70%,#b21534);color:#b20000;padding:1% 2%;margin:1rem auto;text-align:center;font-family:Verdana,"Microsoft JhengHei",Arial;border-radius:20px 20px 0 0;}
.op_t1{color:var(--yellow);font-weight:bold;padding:1% 0 0.5%;font-size:2.2rem;}
.op_t1 a{color:var(--yellow);}
.op_t2{color:#fff;font-weight:bold;font-size:1.75rem;line-height:1.6em;display:block;}
.op_t3{color:#fff;padding:1rem 0;margin:1% 2%;font-size:var(--font-size1);border-top:1px #f9eaae dotted;border-bottom:1px #f9eaae dotted;align-items:center;display:flex;    justify-content:center;}
.op_t3 a{color:var(--yellow);font-weight:bold;font-size:var(--font-size1);}
.op_t4{color:#3f0d08;font-weight:bold;margin:auto 1.5%;font-size:var(--font-size1);background-color:var(--yellow);width:100px;height:100px;align-items:center;border-radius:100%;justify-content:center;display:inline-flex;text-align:center;top:0;bottom:0;left:0;}
.op_t5{color:#fff;padding:1% 0 0.5%;font-size:var(--font-size1);line-height:1.5em;text-align:left;width:fit-content;margin:auto;}
.out_link{text-align:center;margin-bottom:0.5rem;}
.out_link li a{display:inline-block;transition:all .3s ease-in;text-decoration:blink;color:#fff;padding:.5rem 1rem;border-radius:25px;background-color: var(--orange);margin:.125rem;font-size:1.2rem}
.out_link li a:hover{transform:scale(1.1);}
.out_link li{display:inline;color:#384e8d;font-weight:bold;font-family:Verdana,"Microsoft JhengHei",Arial;}
/*面授/網院*/
.classtitle{background:linear-gradient(to right,transparent 5%,rgb(246,255,146),transparent 95%);font-size:3.6rem;text-align:center;padding:1rem 0;}
.senior{color:white;}
.price{color:initial;}
.senior small{font-weight:initial;font-size:1.5rem;}
.des_new{color:rgb(246,255,146);}
.other{text-align:center;font-size:1.25rem;font-weight:bold;}
.other b{font-size:1.35rem;color:var(--bright-yellow);}
.price{width:100%;margin:.5rem auto;color:black;font-size:var(--font-size2);}
.price th{background-color:#fff0ca;border:1px dotted #c9b686;font-size:1.25rem;padding:0.25rem 0;}
.price td{border:1px dotted #c9b686;text-align:center;background-color:#f5f1f0;line-height:1.6;}
.price td span{ color:var(--red1);}
.price dl{margin:0.5rem auto;}
.price .grabbing{border-left:8px solid var(--bright-yellow);border-right:8px solid var(--bright-yellow);}
.price .grabbing-t{border-top:8px solid var(--bright-yellow);}
.price .grabbing-b{border-bottom:8px solid var(--bright-yellow)}
.price .grabbing span{color:#c00;font-weight:bold;}
.next_senior{margin:1rem auto auto;}
/*選對好課，我們都高分上榜了！*/
.story{justify-content: space-between;}
.story dl{width:calc(100%/3.2);padding: 2rem 1rem;border-radius: 12px;background: linear-gradient(to bottom, #ffffff 70%, transparent 100%);margin-top: 1.2rem;position: relative;overflow: hidden;}
.story dl:before{position: absolute;content: '';background: linear-gradient(45deg, black 0%, #b21534 60%);width: 200px;height: 5rem;transform: rotate(45deg);top: 0;right: -6.5rem;}
.story dl figure{margin:auto auto 1rem;}
.story dl figure img{margin:auto;border-radius: 20px 20px 50px 50px;background:  var(--orange);}
.story dl dt{font-size: 1.2rem;color: var(--orange);}
.story dl dt strong{display:block;font-size:1.3rem;padding:0 0 0.25rem;color: var(--red1);}
.story dl dd a{font-weight:bold;font-size:1.1rem;}
.getway{color:#384e8d;padding:0 0.25rem 0 0;}
.more{display:inline-flex;transition:all .3sease-in;text-decoration:blink;color:#fff;padding:0 .5rem;border-radius:25px;background-color: var(--orange);margin:.125rem;}
/**/
div#Ask{background-color: var(--orange);}
@media (min-width:1181px){	
	.eventwrap{width:1180px;margin:auto;}
}
@media (min-width:1024px){	
	.out_link li{margin:auto 0.5rem;}
}
@media (max-width:1180px){	
	.eventwrap h1{font-size:2.75rem;}	
}
@media (max-width:767px){ 
	.eventwrap{padding:1rem;}
	.eventwrap h1{font-size:2rem;}
	.op_t4{width:65px;height:65px;line-height:1.25rem;padding:0 .5rem;margin:auto 1%;}
	.senior small{font-size:1.5rem;line-height:2rem;display:block;margin:auto;}
	.story dl{width:100%;}		
	.classtitle{font-size:2.6rem;padding:0.5rem 0;}
}