/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */
body *{font-family: "微軟正黑體", Arial,'Noto Sans TC', sans-serif;}
/*div section標籤段落*/
a{text-decoration: underline;}
a:hover{text-decoration: none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
h1{font-size:3rem;}
h2{font-size:2.5rem;text-align: center;}
h3{font-size:1.6rem;}
small{font-size: smaller;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background: url(../../images/1007043_basemap_point.png)repeat-y left / 30%,url(../../images/1007043_basemap_point.png)repeat-y right / 25% ,url(../../images/1204068_bg.png) no-repeat center / 100% 100% fixed,linear-gradient(284deg, #206bbd 60%, #71d7f0 75%);}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
#event_master *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
/*DIY--設計可增加用樣式*/
[class*="flex"]{display: flex;flex-wrap: wrap;}
.bgcolor1 p{line-height:22px;text-align: justify;margin: .5rem auto;}
.bgcolor1 a{color: #b67400;}
.cell-grid-6,.cell-grid-4,.cell-grid-3{padding: 0 1.3% ;}
.cell-grid-6{width:calc(100%/2)}
.cell-grid-4{width:calc(100%/3)}
.cell-grid-3{width:calc(100%/4)}

:root {
    --brown:#4a2b00;
    --gold: #d6a34a;
    --gold2:#e0aa04;
    --darkgold: #ab6f14;
    --lightRed:#f64e62;
    --acct-red: #ba0000;
    --beige:#fffcf3;
    --white:#fff;
	--blue:#2f6aba;
}
.name{color: var(--blue);}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

.banner{padding: 2.1% 0 0;width:100%;float:left}
.student{text-align: center;}
.student h3{font-size: 2.8rem;color: var(--brown);border-bottom: 1px solid var(--brown);font-family: "Microsoft YaHei";margin: 10px auto 6px;padding: 4px 0;}
.course_flex h4 span,.course_flex h4 a{color: var(--white);}	
.student h3 span{color: var(--brown);display:inline-block;}
.student h3 span i,.teacher_group aside h4 i {color: var(--gold);font-size: larger;}
.student>header p{font-size: 1.6rem;font-weight: bold;margin: 5px 0;text-align: center;color:var(--darkgold);}
.student>header+ul{display: inline-block;}
.student>header+ul li{text-align: left;line-height: 30px;font-size: 1.25rem;color: var(--brown);}
.student_group figure{margin: .5rem auto 0;}
.student_group figure span {width: 210px;height: 210px;margin: 1rem auto .25rem;display: block;position: relative;overflow: hidden;}
.student_group figure span img {border-radius: 1rem;border: 6px solid var(--gold2);}
.student_group figure figcaption{border-top: 1px dotted var(--blue);border-bottom: 1px dotted var(--blue);padding: .5rem 0;margin: 0 auto .55rem;text-align: center;font-size: 1.45rem;letter-spacing: -1.5px;font-weight: bold;line-height: 30px;color: var(--blue);}
.student_group div:nth-child(1) figure figcaption , .student_group div:nth-child(2) figure figcaption , .student_group div:nth-child(3) figure figcaption{margin: 1.35rem auto 0;}
.moreContent a{color: #000000;background: var(--beige);padding: .25rem 1.5rem .26rem 1rem;border: 1px solid var(--gold);}	
.student>header+ul li b{color: var(--acct-red);}	
.item_title{text-align: center;color: var(--darkgold);font-family: "Microsoft YaHei";font-size: 3.15rem;padding:1.2rem 0 1rem;position: relative;z-index: 1;filter: drop-shadow(1px 1px 3px #0000003f);}
.item_title .strokeText::after {content: attr(data-storke);width: 100%;position: absolute;left: 50%;transform: translateX(-50%);-webkit-text-stroke: 5px var(--white);text-stroke: 5px var(--white);z-index: -1;}
.champion{color: var(--acct-red);}
.teacher_group {padding: .4rem;}
.teacher_group figure {margin:0 auto;}
.teacher_group figure span {width: 210px;height: 210px;margin: auto;display: block;position: relative;overflow: hidden;}
.teacher_group figure span img {position: absolute;left:0;right:0;top:0;margin:auto;}
.teacher_group figure figcaption{text-align: center;padding:.5rem 0 .25rem;font-size: 1.45rem;letter-spacing: -1.5px;font-weight: bold;line-height: 30px; color: var(--blue);}
.copyright{background: var(--gold);margin: auto;padding: 0 0.3rem 0 0.5rem;}
.copyright dt{text-align: center;color: var(--white);font-weight: bold;font-size: 1.3rem;border-bottom: 1px dotted #fffae870;margin: 5px 0;}
.copyright dd{word-break:keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
.copyright a{color: var(--white);font-size: 1.05rem;letter-spacing: .5px;}
.teacher_group aside,.moreshow{background: var(--beige);padding: 13px 20px 18px;border: 1px solid var(--gold);}
.teacher_group aside h4{color: var(--darkgold);font-size: 1.3rem;}
.moreshow{padding: 12px 18px 15px 38px;}
aside mark{color: var(--acct-red);background: var(--beige);padding: 0.2rem 0;}
.moreshow li{text-align: justify;margin: 0 0 4px;list-style:none;position: relative;}
.moreshow li:nth-child(even):before{content:initial;}
.moreshow li:nth-child(even){display: inline-block; color: var(--acct-red);margin: 0 0 10px;}
.moreshow li:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent var(--brown);border-width: 6px 0px 6px 6px;left: -14px;top: 8px;}
.course_flex,.tabVuecontent_flex{text-align: center;padding:0 0 3%}
.course_group{padding: 2rem 2rem 2rem;margin: 0 auto 4rem;background: #ffffffee;}
.course_flex ul{padding: .5rem 1.5rem;}
.hit_student .course_flex ul{padding: .5rem 0;}
.course_flex ul+p{margin: 4px 0 7px 0;background: #ffefb6;padding: 7px 14px 12px;border-radius: 8px;font-size: 1.125rem;}
.course_flex ul li{font-weight: bold;text-align:justify;line-height: 30px;font-size: 1.15rem;list-style: none;}
.hit_student .course_flex ul li:nth-child(1){text-align:center;}
.course_name span{font-size: 1.5rem;color: var(--brown); line-height: 2.8rem;}
.test_pass{display: flex;align-items: center;justify-content: center;}
.course_flex ul li mark{font-size: smaller;border-radius: 3rem;color: var(--white);background-color: var(--acct-red);padding: .3rem;margin: .25rem .35rem .25rem 0;}
.course_flex h4{font-size: 1.8rem;text-shadow: 1px 1px 3px #0000003f;background: var(--acct-red) ;color: var(--white);box-shadow: 1px 1px 3px #0000002f;padding:6px ;margin: 2px 0 5px;	border-radius: 10px;}

.grade_group_flex li,.grade_group1_flex li{width: calc(100%/2 - 0%);display: inline-block;line-height: 30px;text-align: justify;font-size: 1.55rem;background-color: var(--white);border: 1px #e8c676 dotted;padding: 0.5rem 1rem 0.5rem 2rem;}
.grade_group_flex li span,.grade_group1_flex li span{color: var(--darkgold);font-weight: bold;}
.grade_group_flex .grade_hit{width: calc(100%/1);text-align: center;font-size: 2.25rem;font-weight: bolder;color: var(--white);text-shadow: 1px 1px 3px #0000005f;margin: 2rem auto 0;text-align: center;font-family: "Microsoft YaHei";padding: 1rem 0;background: linear-gradient(to right,#ecbf71 20%,var(--gold) 80%);}
.teacher_group .cell-grid-4 , .student_group .cell-grid-4{background: var(--white);border-bottom: 5px solid var(--gold);margin: 0 .5rem 1rem;width: calc(100% / 4 - 1rem);padding: .25rem 1rem 1rem;}
.guide_title{font-size: 2.3rem;margin: 0 0 0 11px;color:var(--blue);font-weight: bold;}
.guide_box .course_flex{margin: 10px 0 0;padding: 0 0 2.5%;}
.guide_box.course_group{padding: 2rem 2rem .5rem;margin: 0 auto 3rem;background: #ffffffee;}
.course_group ul li:before{background: #5cbcd1;}
.app .cell-grid-6:nth-child(1) h4{background:#f3a20b;}
.app .cell-grid-6:nth-child(2) h4{background:#f9173c;}
.app .cell-grid-6:nth-child(3) h4{background: #7c41aa;}
.app .cell-grid-6:nth-child(4) h4{background: #ff4a3a;}
.app .cell-grid-12:nth-child(5) h4{background:#2fb0ae;}
.app .cell-grid-12:nth-child(5){margin: 1rem;}
.app h4 a{color:var(--white);font-weight: bolder;font-size: 1.8rem;text-shadow: 1px 1px 3px #0000003f;}
.app ul li:before{content:none;}

#ytplay{width: 100%;}
.VueCarousel-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 1rem;}
.text-white{color:var(--white);}
.VueCarousel-slide a{position: relative;}
.VueCarousel-slide a::before{font-family:"Font Awesome 6 free";content:"\f144 ";color:var(--acct-red);background:var(--white);position:absolute;border-radius:9999rem;top:48%;left:45%;font-weight:900;font-size:3rem;transition:transform .3s}
.VueCarousel-slide a:hover::before{transform:scale(1.5)}

.subject_content{padding: .5rem;}
.hit_list{width: 100%;text-align: left;padding: .25rem .125rem 1rem .5rem;margin: .5rem auto 1rem;background:var(--white);filter: drop-shadow(1px 1px 2px #0000003f);border-radius: .5rem;border-bottom: 2px #2f6aba dotted;}
.hit_list:hover{border: 1px solid var(--gold);}
.hit_list dt{font-size: 2rem;font-weight: 900;color: var(--blue); padding: .25rem;}
.hit_list dd{width: 91%;font-size: 1.35rem;position: relative;left: 5.5rem;}
.hit_list b{position: absolute;top: 0;left:-4.5rem;border-radius: 50rem;color: var(--white);background-color: var(--acct-red);padding: 1.2rem .5rem;transform: rotate(-8deg);animation: scaleDraw 8s ease-in-out alternate-reverse infinite ;-webkit-animation: scaleDraw 8s ease-in-out alternate-reverse infinite ;}
.hit_list dd hr{width: 70%;margin: .5rem 0;opacity: 50%;}

/* 命中! 位置微調整 */
/* 向下移動 */.subject_content:nth-child(2) .hit_list:nth-child(2) b ,.subject_content:nth-child(2) .hit_list:nth-child(3) b , .subject_content:nth-child(2) .hit_list:nth-child(4) b , .subject_content:nth-child(5) b{top: 1rem;}
/* 向上移動 */.subject_content:nth-child(3) .hit_list:nth-child(4) b {top: -1.15rem;}

@keyframes scaleDraw {
	0%  {transform: scale(.6);}
    25% {transform: scale(.8) rotate(-8deg);}
    50% {transform: scale(.6);}
    75% {transform: scale(.8) rotate(-8deg);}
	100%{transform: scale(.6);}
}

.examtime{padding: 1rem 0;}

/*考試時程舊稿複製*/
.schedule-time{padding: 2rem;margin: auto;background: linear-gradient(180deg, #ffffffee 80%, transparent 100%);}
.schedule-time ul{width: 100%;margin: auto;}
.schedule-time li{font-size: 1.5rem;font-weight: bold;display: inline-block;border: solid 3px var(--acct-red);width: 104px;height: 104px;border-radius: 50%;text-align: center;margin: 0 5px;position: relative;    padding: 1.25rem 0 0;background:var(--white);line-height: 1.8rem;}
.schedule-time .double{height: 71px;padding-top: 18px;font-size: 1.2em;}
.schedule-time .double time{font-size:0.85em;}
.schedule-time li:before,.schedule-time li:after{content: "";position: absolute;}
.schedule-time li:before{width: 90%;border: 0;border-top: 3px solid var(--acct-red);transform: rotate(270deg);right: 0px;left: 0px;margin: auto;top: 141px;}
.schedule-time li:after{width: 11px;height: 11px;background-color: #eeece1;bottom: -90px;right: 0;left: 0;margin: auto;border: solid 3px var(--acct-red);border-radius: 50%;}
.schedule-time time{display: block;font-size: smaller;}
.schedule-time{width: 100%;}
.schedule-day{background-color: var(--acct-red);font-size: 1.8rem;font-weight: bold;padding: .25rem 0;margin-top: 90px;margin-bottom: 20px;color: var(--white);text-align: center;}

button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 95%;}

.page_note {font-weight: bold;color: #fff59c;}

.AD_list {padding: 0.5rem;background-color: #2964b0;top: 3rem;right:0rem;z-index: 5;font-size: 1.3rem;}
.AD_list li a {color: var(--white);font-size: 1.1rem;}
.AD_list li:last-child a i{margin: 0 10px;font-size: 1.65rem;color: #0dd05c;}
.AD_list li:last-child a + a i{color: #6295ff;}
.subject_nav-fixed {position: fixed;top: 0;animation: fade-in;animation-duration: 0.8s;-webkit-animation: fade-in 0.8s;z-index: 999;}
.ytgroup iframe{width:32rem;height: 18rem;}

.student dt,.rcm-title,.grade_group dt{font-size:1.4rem;}
.student dd:nth-child(2){font-size:1.2rem;}
.teacher_group_style , .hit_list_style{background: linear-gradient(180deg, #ffffffee 80%, transparent 100%);border-top: 2px solid var(--acct-red);padding: 2rem 2rem 1rem;margin: auto;}
.teacher_group dt,.course_group dt,.service_group dt,.grade_group dt,.grade_title{font-weight: 900;}
.teacher_group dd{font-size: 1.05rem;line-height: 1.8rem;margin: 0 15px;color:var(--white);}
.multiple{width: calc(100%/2);}
.single{width: calc(100%/1);}
.course_title,.service_title,.hit_student_title,.grade_title{font-size:1.5rem;}
.hit_more{width: fit-content;text-align: center;padding: .25rem 1.5rem .25rem 1rem;margin: 0.25rem auto 2rem;background: var(--beige);border: 1px solid var(--gold);font-size: 1rem;}
.hit_more a{color: #000;}
.grade_title{text-align: center;}
.subject_tabs a{width: calc(100%/6);}
.subject_content a{color: var(--acct-red);}
.Vuetabs a{width: calc(100%/4);}
.Vuetabs a,.subject_tabs a {text-decoration: underline;text-align: center;color: var(--darkgold);font-size: 1.6rem;background:var(--white);border-left: 1px solid #f4e3c3;box-shadow: 1px 1px 1px 1px #0000001f;padding: 0.2rem 1rem;font-weight: 500;cursor: pointer;}
.Vuetabs a:hover,.Vuetabs a.active,.subject_tabs a:hover,.subject_tabs a.active {background-color: #ffefb6;color: var(--darkgold);font-weight: bold;text-decoration: blink;box-shadow: 1px 1px 1px 1px #0000003f;}
.Vuetabs a.active,.subject_tabs a.active{background-color: var(--acct-red);color:var(--white);text-align: center;}
/*vue transition標籤淡入用*/
.fade-enter {opacity: 0;}
.fade-enter-active,
.fade-leave-active {transition: all 0.5s;}
.fade-leave-to {opacity: 0;}
/*Back to top button
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/* rounded corners */border-radius:50%;/* background color transition */transition: 1s;}
#back-top a:hover span {background-color: #777;}
/*Back to top button-end */