/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{background: url(../images/1311012_01.png) top fixed ,#e0e4e5;}
.bgcolor2{background-color: #e0e4e5;}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
h3{font-size: 1.5rem;}
small{font-size: 0.9rem;}
ul a{text-decoration: underline;}

/* Tab */
.Vuecontainer {}
.Vuetabs {margin-bottom: -2px; }
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}
.Vuetabs a{cursor: pointer;padding: 0.8rem 3rem;transition: background-color 0.2s;border: 0px solid #e0e4e5; border-right: 1px solid #e0e4e5;width: calc(100%/3);text-align: center;font-size: 1.6rem;border-radius: 1.0rem 1.0rem 0 0;letter-spacing: 0.5rem;color: white;/*background: linear-gradient(90deg, #bcc2c4 60%, #ffffffcc 100%);*/background-color: #c4c9ca;}
.Vuetabs a.active:nth-child(1){background: linear-gradient(90deg, #29adde 60%, #29adde1a 100%);}
.Vuetabs a.active:nth-child(2){background: linear-gradient(90deg, #f39800 60%, #f3980026 100%);}
.Vuetabs a.active:nth-child(3){background: linear-gradient(90deg, #f2bb39 60%, #f2bb3926 100%);}

.Vuetabs a:last-child {border-right: 0px solid #ccc;}
.Vuetabs a:hover {background-color: #FFF; color: #000;border-bottom: 4px solid #000;}
.Vuetabs a.active {color: #000; border-bottom: 5px solid #000;cursor: default;padding: 0.5rem 3rem;font-size: 2.0rem;}
.tabVuecontent { padding: 2rem 5rem; border: 0px solid #ccc;/*border-radius: 10px; */ box-shadow: 3px 3px 6px #bdbdbd;background-color: white;}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

.subtitle{font-size: smaller ;border-bottom: solid 1px;margin-bottom: 2rem;display: block;text-align: right;}
.subtitle strong{font-family: "Microsoft YaHei";color: #f34f00;}
.teacher_item{font-size: 2.6rem;}
.teacher_name{font-size: 3.2rem;font-family: "Microsoft YaHei";font-weight: bold;border-top: solid 10px;display: block;}
.teacher_name.fc1{color: #29adde;}
.teacher_name.fc2{color: #f39800;}
.teacher_name.fc3{color: #f2bb39;}
.teacher_group>div{margin: 1% auto 2%;}
.teacher_group .info ul{list-style: none;padding: 2rem 4rem 0 0;clear: both;margin: 0 0 0 1.0rem;}
.teacher_group .info ul li{font-size: 1.2rem;color: #b7861f;line-height: 2.2rem;}
.teacher_group .info ul li::before {content: '\f0da';color: #dfbd75;padding: 0 0.5rem 0 0;font-family: "Font Awesome 6 Free";font-weight: bold;}
.teacher_group ul{list-style: disc;margin: 4rem 5rem 0;}
.teacher_group ul >li{font-size: 1.2rem;line-height: 2.5rem;}
.info {width: calc(100% / 2 - 1rem);}
.info figure {position: relative;}
.info img{;}
.info figcaption{font-size: 1.7rem;line-height: 2.5rem;text-align: center;padding: 6% 10%;height: max-content;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;
    border-radius: 50%;color: white;position: absolute;left: 53%;top: 7%;}
.info figcaption.cir1{background-color: #29adde;}
.info figcaption.cir2{background-color: #f39800;}
.info figcaption.cir3{background-color: #f2bb39;}
.course {width: calc(100% / 2 - 0rem);}
.course ul{margin: 1% auto 4.5%;}
.course li{border-bottom: dotted 1px #c2c7c8;margin: 0.5% 3.5% 0.5% 7.5%;}
.course ul{background-color: #f7fbfb;}
.ps{padding: 2%;color: #697173;}
.teacher_group p{width: max-content;font-size: 1.4rem;font-weight: 700;background-color: black;color: white;padding: 0.2rem 2rem;margin-bottom: 1rem;}
.discount .mark{color: #f39800;font-weight: 700;font-family: "Microsoft YaHei";font-size: 2.0rem;}
.discount{background-color: #085564;color: white;font-size: 1.7rem;padding: 0.3rem;}
.sale{font-size: 1.5rem;line-height: 2.5rem;padding: 0 5% 2%;}
.goline{color: #1fee1f;margin: 0.2rem;padding: 0 0.5rem;border-bottom: solid 3px;}
.student dl{font-size: 1.15rem;margin: 1.2% 0% 1.5% 0%;}
.student dt{font-size: 1.4rem;font-weight: 700;border-bottom: solid 2px;margin-bottom: 0.3rem;padding-bottom: 0.2rem;}
.student{background-color:#fff9f1 ;padding-bottom: 1%;padding: 1% 4%;}
.take{padding: 3% 0 5%;}
.take a{font-size: 2.4rem;font-weight: 700;border-bottom: solid 6px;font-family: "Microsoft YaHei";animation: myflash 3s ease-in-out infinite;line-height: 3.8rem;}
@keyframes myflash {
    0%, 12.5% {
      opacity: 1; /* flash 亮 */
    }
    6.25%, 18.75% {
      opacity: 0; /* flash 暗 */
    }
    25%, 100% {
      opacity: 1; /* 保持亮3秒 */
    }
}
/*社群*/
.qrout{display:flex;flex-wrap: wrap;}
.qrcode_box>hgroup h4{font-size: 1.8rem;font-weight: 900;margin: 0 auto;text-align: center;}
.qrcode_box{text-align: center;margin: 0% 0 0;background: no-repeat top left #efefef;padding: 1rem 0 0 0;clear: both;}
.qrcode{width:calc(100%/4);padding: .5rem 0;;color: white;}
.qrcode+.qrcode{}
.qrcode_box>hgroup h4{color: #b98f30;margin: 0 0 10px;}
.qrcode_box>hgroup h4+p{font-size: 1.0rem;margin: 0 0 9px;}
.qrcode_box>hgroup h4+p,.qrcode_box p > a{color: #7e6325;}
.qrcode a{color: #fff21c;font-weight: 500;display: inline-block;}
.fb-bg{background-color: #324b9e;}
.ig-bg{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
.line-bg{background-color: #35c335;}
.yt-bg{background-color: #c60404;}
.qrcode figure img{max-width:100%;max-height: 143px;}
@media all and (min-width: 1px) and (max-width: 767px){
	.discount {font-size: 1.1rem;}
	.Vuetabs a {padding: 0.2rem 0.2rem;border-right: 1px solid #e0e4e5;font-size: 1.0rem;border-radius: 1.0rem 1.0rem 0 0;letter-spacing: 0rem;}
	.Vuetabs a.active {color: #000;border-bottom: 3px solid #000;padding: 0.2rem 0.2rem;font-size: 1.2rem;}
	.teacher_group .flex{display: block;}
	.info {width: calc(100% / 1 - 0rem);}
	.course {width: calc(100% / 1 - 0rem);}
	.info figcaption {font-size: 1.3rem;line-height: 2.0rem;text-align: center;padding: 7% 5%;height: max-content;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;border-radius: 50%;color: white;position: absolute;right: 0;left: auto;top: 7%;width: 6rem;}
	.teacher_group .info ul li {font-size: 1.1rem;line-height: 1.6rem;}
	.teacher_group .info ul {padding: 1rem 1rem 0 0;}
	.teacher_item {font-size: 1.3rem;}
	.teacher_name {font-size: 2.2rem;border-top: solid 8px;}
	.tabVuecontent {padding: 1rem 1rem;}
	.teacher_item strong {font-size: 1.5rem;}
	.subtitle {padding-left: 1.3rem;margin-bottom: 1rem;}
	.teacher_group ul {margin: 0rem 0rem 0 2rem;}
	.teacher_group ul >li {font-size: 1.1rem;line-height: 1.5rem;}
	.course ul {margin: 4% auto 4%;}
	.course li {margin: 1.8% 4.5% 1.5% 9%;}
	.sale {font-size: 1.3rem;line-height: 2.3rem;padding: 0 4% 2%;}
	.discount .mark {font-size: 1.3rem;}
    .qrcode{width:calc(100%/2);}
    .qrcode figure img{max-width:80%;margin:0 auto;border-radius:.5rem}
	.take a {font-size: 1.4rem;border-bottom: solid 5px;}


/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}