:root{
    
}
.key_math_bg{background-image: linear-gradient(to right, #16a6e4 50%, #0b8bd7 55%, #0a66ba 72%, #0a3593 92%);}
.key_math{padding:1rem;font-size:1.4rem;}
.key_math p,.key_math .p{padding:1rem 1.5rem 1.0rem 3rem;color:#ffffff;border-bottom:solid 0px #ffffffbd;text-shadow: 2px 1px 4px #0a3977eb;background-color: #007bba59;border-radius: 1.0rem;margin: 0.2rem 0;text-indent: -1.5rem;}
.key_math p strong,.key_math .p strong{color:#36ffc8;}
.key_math strong.highlight{color: #FFFF00;}
.decimal > li {text-indent: initial;}
.btn{text-align:center;padding:1rem 0;}
.btn a{letter-spacing:0.3rem;background-color:#1743ba;border-right:solid 7px #ffffff;color:#fff;display:inline-block;padding:0.2rem 1.5rem;text-decoration:none;transform:skewX(-22deg);font-size:1.6rem;}
.banner{position:absolute;top:0;left:0;right:0;width:fit-content;margin:auto;font-weight:bold;color:transparent;text-align:center;}
.banner .title{font-size:4.5rem;line-height:7rem;}
.banner .titledes{font-size:3rem;line-height:2rem;}
/*全國首創「邏輯圖形記憶法」*/
.unitcont_bg{background-image: linear-gradient(140deg, #ffffff 10%, #ededed 15%, #ffffff 30%, #ffffff 80%, #d0d0d0 95%);}
.circle{background: linear-gradient(to right, #1ebeed 5%, #0b8dd7 52%, #1a5cd4 92%);font-size:2.0rem;color:white;font-weight:bold;width:120px;height:120px;border-radius:50%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;margin:auto 1rem auto 0;line-height: 2.0rem;}
.circle small{font-size:1.2rem;}
.chart_memory{background-image:linear-gradient(to right, #00ffb9, #0090e2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3.5rem;font-weight:bold;padding:0 0 0 .25rem;}
.realname{font-size:1.25rem;padding:0 0 0 0.25rem;}
.embed-container iframe{border-radius:3rem;}
.teacher_intro figure{width:350px;order:2;}
.teacher_intro figure img{margin:auto;}
.teacher_intro dl:first-of-type{order:1;padding:0 2rem 0 0;}
.teacher_intro dl:last-of-type{order:3;padding:0 0 0 2rem;}
.teacher_intro dl{width:calc((100% - 350px)/2);margin:0 auto;}
.teacher_intro dl dt{font-size:2.5rem;color:#f86bc8;text-align:center;padding:1rem 0 0;font-weight:bold;border-bottom:solid 6px #1743ba;}
.teacher_intro dl dt div{font-size:3.5rem;color: #00ffb9;text-shadow: 0px 2px 5px #0b3ec9;padding:0rem 0;font-weight:bold;}
.teacher_intro dl dd{font-size:1.25rem;padding:0.5rem 1rem;word-break:keep-all;border-bottom: dotted 1px #47c9ef;overflow-wrap: anywhere;}
.teacher_intro dl dd b{font-size: 1.5rem;color: white;font-weight: bold;width: 50px;height: 50px;border-radius: 50%;display: inline-flex;justify-content: center;margin: auto 1rem auto 0;line-height: 1.5rem;align-items: center;background-color: #1743ba;text-indent:0rem;}
.teacher_intro dl:first-of-type dd:not(:first-of-type){text-indent:-4rem;padding:0.5rem 0 0.5rem 4rem;}
.teacher_intro dl dd:first-of-type{text-align:center;border:dotted 0px;padding:0.2rem;background: linear-gradient(to right, #47c9ef 5%, #36ffc8 52%, #beffed 92%);word-break:keep-all;color:#1743ba;margin-bottom:0.5rem;}
.star{font-size:1rem;padding:0 .75rem;position:relative;top:-8px;}
/*勝試6大特色*/
.feature_bg{background-color:#cbfdf7;}
.feature{font-size:3.25rem;color:#1743ba;display:flex;flex-wrap:wrap;align-items:flex-end;font-weight:bold;}
.feature span{text-align:right;font-size:1.5rem;width:calc(100% - 300px);position:relative;margin:auto auto 15px 10px;}
.feature span::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(to right, #1743ba 0%, rgb(79 237 255) 100%);}
.exclusive dl{background:linear-gradient(140deg, #ffffff 70%, #efeded 90%);border-radius:3rem;padding:1rem 2rem;margin:0.5rem;}
.object:not(:last-of-type) i{padding:0 0.25rem 0 0;font-size:1.5rem;color:#1ac6d6;margin:0.2rem 0.5rem;}
.exclusive .object dt{background-color:#1ac6d6;}
.exclusive dt{border-radius:1.5rem;font-size:1.4rem;color:#ffffff;background-color:#3563dc;text-align:center;padding:0.2rem;margin:auto auto 0.5rem;}
.exclusive dd strong{color:#3563dc;}
.object figure{margin:0.5rem;}
.object figure img{margin:auto;}
.object:last-of-type{padding:1rem 2rem 0;}
.object:last-of-type dt{background-color:#f86bc8;}
.exclusive .w-full{width:calc(100% - 1rem);}
.exclusive .w-1\/2{width:calc(100%/2 - 1rem);}
.exclusive .w-1\/3{width:calc(100%/3 - 1rem);}
.exclusive .w-1\/4{width:calc(100%/4 - 1rem);}
.youtube_cont{margin:auto 0.5rem;}
/*上榜學員好評推薦*/
.victory{margin:auto;}
.victory img{width:auto}
.victory_title{text-align:center;font-size:2rem;width:100%;background: linear-gradient(to right, rgb(51 129 255 / 0%) 2%, #1743ba 25%, #f86bc8 70%, rgb(51 129 255 / 0%) 98%);padding: 0.3rem;color: white;}
.victory_box{background: linear-gradient(to right, #f86bc8 5%, #d0098c 92%);font-size: 1.6rem;color: white;font-weight: bold;margin: auto 0rem auto 0;line-height: 1.9rem;clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);padding: 1.0rem 0.5rem 1.0rem 2.0rem;text-align: center;}
.victory_box a{text-decoration: none;}
.victory_box div{font-size: 1.4rem;color: #d0fff9;}
.comment{text-align:center;font-size:3.25rem;color:#1743ba;padding:1rem 1rem 0.5rem;justify-content:center;}
.evaluate{padding:1rem 0;}
.evaluate figure{width:30%;margin:0 auto auto;}
.evaluate figure img{background:linear-gradient(to bottom,#ffffff 0%,#c9e09e 95%);}
.evaluate .st_pic img{background:linear-gradient(to bottom,#ffffff 0%,#e79330 95%);}
.evaluate dl{width:calc(70% - 2rem);padding:0 2rem;margin:0 10px auto;}
.evaluate dl dt{font-size:1.6rem;padding:0.5rem 0;color:#1743ba;border-bottom:3px solid #1ac6d6;margin-bottom:0.5rem;}
.evaluate dl dt .name{color:#0cb1c0;font-size:1.25rem;}
.evaluate .more{margin-top:0.5rem;color:white;text-decoration:none;border-bottom:1px solid;padding:0 0.5rem .3rem;background-color:#1743ba;display:inline-block;border-radius:0 0 0.5rem 0.5rem;}
/*全修課程高點完勝同業！*/
.compare{margin:auto auto 1rem;font-size:1.25rem;}
.compare th{/*background-color:#d7edbac9;*/background-color:#1ac6d6ad;padding:0.2rem;color:#b9ffea;font-weight:initial;}
.compare tr:not(:last-of-type) th{border-bottom:solid 1px;}
.compare tr:not(:last-of-type) td{border-bottom:1px solid #8fdbc6;}
.compare td{padding:1rem 2rem;/*color:#385c30;*/background-color:#1eb5a240;color:white;}
.compare tr td b{color:#f86bc8;font-size:2.0rem;}
.compare tr td:nth-of-type(2){position:relative;padding:0.5rem 8rem 0.5rem 2rem;}
.compare tr td:nth-of-type(2)::after{content:'\f164';font-family:"Font Awesome 6 Free";}
.fcolor-orange{color:#f86bc8;}
.compare td a{color:#b9ffea;}
.compare .title{background: linear-gradient(to right, #47c9ef 5%, #36ffc8 52%, #beffed 92%);width:fit-content;color:#1743ba;font-weight:bold;padding:0.2rem 1rem;border-radius:1rem;margin:auto auto 0.25rem 0;}
.compare .title a{color:inherit;}
.price_list li:first-of-type{margin:auto 10% auto 0;}
.opendate .best_choice dt{padding:2rem 5% 0.5rem;}
.opendate .best_choice dd{font-size:2rem;}
.best_choice i{font-weight:bold;font-size:3rem;color: #fff;text-shadow: 0px 2px 5px #0b3ec9;line-height:0;padding:0 1rem 0 0;}
/*各分班開課日*/
.opendate{background:linear-gradient(135deg, #138ce8, #1743ba);width:95%;border-radius:0 0 5rem 0;padding:1rem 1rem 1rem 5%;}
.opendate dl dt{text-align:center;font-size:2.5rem;color:#36ffc8;padding:2rem 5%;}
.opendate dl dt a{margin-left:0.5rem;}
.opendate dl dd{font-size:1.25rem;padding:0.5rem 1rem;margin:auto auto 1.0rem;border-bottom:dotted 0px;color:#fff;}
.daylist{margin:auto;}
.daylist li{font-size:1.25rem;width:calc(100%/2 - 0.5rem);border-bottom:1px solid white;padding:0.25rem 2rem 0.5rem;margin:0.25rem;color:white;}
.daylist li a::before{content:'\f025';font-family:"Font Awesome 6 Free";font-weight:bold;padding:0 0.25rem 0 0;text-decoration:none;display:inline-flex;}
.daylist li a{margin:auto 1rem auto auto;font-weight:bold;color:#36ffc8;}
.daylist li:nth-last-of-type(2) a{text-decoration:none;}
.daylist li:nth-last-of-type(2) a::before{content:none;}
.opendate .name{margin:auto 0 auto auto;padding:1rem 1rem 0 0;color:#ebebeb;}
/*現在報名即享優惠*/
.unitcont .sectitle{font-size:2.6rem;}
.sectitle b{color:#1743ba;}
.course_type{padding:1rem 0 2rem;}
.course_type dl{width:calc(100%/2);}
.course_type dl dt{color:var(--indigo-blue);font-size:1.8rem;font-weight:bold;padding:0 0 0.5rem 0;}
.course_type dl dt::before{content:'\f00c';font-family:"Font Awesome 6 Free";font-weight:bold;color:#f86bc8;background-color:white;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin:auto .5rem auto 0}
.course_type dl dd{font-size:1.25rem;}
.course_type dl dd b{color:#f86bc8;}
.course_type .disc dd::before{content:'';width:5px;height:5px;background-color:black;border-radius:100%;display:inline-flex;left:-0.5rem;bottom:0.25rem;position:relative;}
.course_type .group{margin:0.25rem auto 0.5rem 0;background-color:white;padding:0 1rem 0.125rem 1rem;border-bottom:4px solid #36ffc8;border-right:3px solid #36ffc8;width:fit-content;color:#3563dc;}
.call{padding:0 0.125rem 0 0;}
/*凡線上填單詢問課程*/
.fillout{position:fixed;bottom:0;left:0;width:100%;margin:0;z-index:1;}
.fillout dl{font-size:1.25rem;}
.fillout dl dt{color:#f86bc8;font-weight:bold;}
.fillout dl:last-of-type{background-color:#0f3089;color:white;padding:1rem;}
.fillout dl:last-of-type dd{list-style-type:decimal;display:list-item;margin:auto 0 auto 2.5rem;}
.fillout dl dd b{color:#f86bc8;}
@media (min-width:1681px){ 
    .banner{padding:1% 0 0;} 
}
@media (min-width:1536px){   
    /* 預約表單 */
    form[name='form1'] input[type='text']{width:auto;margin:auto 1rem auto 0;}
}
@media (min-width:1281px){
    .compare{width:70%;}
    .daylist{width:70%;}   
}
@media (min-width:1181px){      
    .victory_box{position:fixed;right:0;top:calc(96px + 25vh);z-index:2;}
    .evaluate{width:calc(100%/2);}
    .pd\:block{display:block;}     
}
@media (min-width:1181px) and (max-width:1535px){
    div.tutor{max-width:95%;}  
    .compare{width:90%;}    
    .daylist{width:90%;}
}
@media (min-width:768px){  
    .evaluate:nth-of-type(odd) figure{order:2;} 
}
@media (max-width:1535px){ 
    .fillout dl dt{width:100%;text-align:center;}
    .askarea_out label{width:100%;}    
}
@media (max-width:1280px){
    .exclusive dt{font-size:1.2rem;}
    .exclusive dd{font-size:1rem;}   
}
@media (max-width:1180px){    
    .victory_box a{text-decoration:underline;}
    .fillout dl:last-of-type{padding:0.5rem 0.25rem 1.5rem;}   
    .fillout dl:last-of-type dd{font-size:1.125rem;}
    .banner .title{font-size:3rem;line-height:4rem}
    .banner .titledes{font-size:2rem;line-height:2rem}
    .teacher_intro figure{order:1;width:250px;margin:auto;}
    .teacher_intro dl{width:calc(100% - 250px);margin:auto 0 auto auto;}
    .teacher_intro dl:first-of-type,.teacher_intro dl:last-of-type{padding:0 1rem;} 
    .exclusive .sm\:w-full{width:100%;}
    .exclusive .sm\:w-1\/2{width:calc(100% / 2 - 1rem);}   
    .exclusive .youtube_cont{width:100%;margin:0.5rem;}
    .evaluate figure{width:200px;}
    .evaluate dl{width:calc(100% - 220px);}
    .compare{width:100%;}   
    .compare td{padding:0.5rem;}   
    .victory_box div{display:inline-flex;text-decoration:underline;}
}
@media (max-width:1023px){  
    .btn{padding:1rem 0 0;}
    .teacher_intro{width:100%;padding:0 0 1rem 0;}   
    .youtube_cont{width:100%;}   
    .opendate{width:100%;}    
    .fillout dl:last-of-type dd{margin:auto auto auto 1.5rem;}
    .chart_memory{display:block;line-height:4.2rem;word-break: keep-all;overflow-wrap: anywhere;}
    .course_type dl{width:100%;padding:0 0 1rem 1rem;}
}
@media (max-width:767px){   
    .advantage .w-1\/3{width:100%;}  
	.decimal > li {margin-left: 0.5rem;}
	.feature,.comment{font-size:2.15rem;}
    .teacher_intro dl{width:100%;padding:0 1rem;}
    .exclusive .object figure{margin:0.5rem auto;width:calc(100%/2 - 0.25rem);}
    .object:last-of-type{padding:1rem 0.5rem;}
    .banner .title{font-size:2rem;line-height:2.5rem}
    .banner .titledes{font-size:1.5rem;}
    .fillout dl:last-of-type{padding:0.25rem;}
}
@media (max-width:767px) and (orientation:portrait){   
    .evaluate dl{width:100%;border-top:0;}
    .circle{margin:auto;}
    .teacher_intro dl dt{margin:auto;}
    .teacher_intro dl dd{font-size:1.125rem;width:100%;}
    .exclusive dt{font-size:1.4rem;}
    .exclusive dd{font-size:1.125rem;}
    .evaluate figure{width:150px;}    
    .evaluate:last-of-type figure{order:1;}
    .evaluate:last-of-type dl{order:2;}
    .feature span{font-size:1.25rem;width:fit-content;margin:auto 0 15px auto;}
    .exclusive dl.w-1\/2{width:100%;}
    .compare tr td:nth-of-type(2){padding:0.5rem 0.5rem 4rem;}
    .compare tr td:nth-of-type(2)::after{top:auto;bottom:2rem;font-size:3rem;}
	.opendate dl dt{text-align:center;font-size:1.75rem;padding:0;}
	.opendate dl dd{padding:0.5rem;text-align:center;}
    .opendate .best_choice dd{font-size:1.5rem;}
    .daylist li{width:100%;padding:0.25rem 1rem 0.5rem;}    
    .opendate .name{font-size:0.95rem;margin:auto 0 auto 0;}
    .opendate .name span{display:block;margin:auto;}
    .unitcont .sectitle{font-size:2rem;}
    .sectitle b{display:block;}
    .fillout dl dt{font-size:1rem;}
    .fillout dl:last-of-type dd{font-size:0.8rem;}
    .chart_memory{font-size: 2.5rem;line-height: 3.5rem;}
    .price_list > li:first-of-type{margin:auto auto 1rem auto;}
    .victory img{width:100%;}
}