/* 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-color: #f6f4ed;}
.bgcolor2{background-color: #f6ede5;}
.bgcolor3{background-color: #f6e0dc;}
.bgcolor4{background: url(../images/1402072_bg.png) no-repeat right #F6F6F6;background-size: contain;}
.bgcolor5{background-color: #EBEBEB;}
.bgcolor6{background-color: #f6f4ed;}
h1{font-size: 3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 3rem;padding: 1.0rem 0 0.8rem;color: #795739;position: relative;margin-bottom: 1.5rem;line-height: 4rem;}
h3::after {content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: linear-gradient(to right, #795739 70%, #ffffff00 100%);}
h4{font-size: 3.0rem;background: linear-gradient(to right, #ffffff00 0%, #f05f57 20%, #f05f57 80%, #ffffff00 100%);color: #ffedcc;padding: 0.5rem;font-weight: bold;}
h5 {font-size: 3rem;
background-color: #f05f57;
color: #ffffff;
margin: 1.3rem;
padding: 0.2rem 3.3rem;
clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 4% 50%, 0% 0%);}
h5 a{text-decoration: underline;color: #fff;}
nav{background: #805f42;
width: max-content;
padding: 0.25rem 2.5rem;
border-radius: 2.9rem;
margin: 1rem auto;
font-size: 1.7rem;}
nav a{color: #ffffff;}
nav a i{margin-right: 0.3rem;}
small{font-size: 0.9rem;}
.red{color: #d83509;}
/*主圖*/
.main_group{text-align: center;}
.main_group dl{border: 1px solid #000000;margin: 2%;padding: 0 2%;}
.main_group dt{font-size: larger;font-weight: 700;}
/*特色*/
details > summary {list-style-type: none; cursor :pointer; display: block;width: 100%;}
details > summary > span::after {content: "▼";; cursor :pointer;margin-left: 0.3rem;color: #ffffff; }
details[open] > summary > span::after {content: "▼";; cursor :pointer;margin-left: 0.3rem;color: #ffffff7a; }
details > div {transition: .3s ease-out;}
.feature_group .feature, .feature_group span{width: calc(100%/3);}
.feature_group:nth-of-type(2) .feature, .feature_group:nth-of-type(2) span{width: calc(100%/2)}
.feature_group span{cursor: pointer;background-color: #1d9cd0;font-size: 1.4rem;color: #ffffff;width: inherit;border-bottom: solid 5px #286ca8;margin-bottom: 0.3rem;padding: 0.5rem 0.3rem;margin-right: 1px;}
.feature{padding: 0.8rem 1.0rem;background-color: white;font-size: 1.2rem;color: #744215;display:flex;flex-wrap: wrap; }
.feature dt{font-size: 1.3rem;}
.feature dd{text-align: left;margin-bottom: 0.5rem;border-bottom: dotted 1px; width: 100%;padding-left: 2.0rem;}
.feature dd a{font-weight: bold;text-decoration: underline;}
.feature dd::before {content: "☑";; cursor :pointer;margin-right: 0.3rem;color: #f05f57;font-size: 1.6rem;margin-left: -1.7rem; }
details {
interpolate-size: allow-keywords;
&::details-content {
block-size: 0;
overflow: hidden;
transition: content-visibility 500ms allow-discrete, opacity 500ms, block-size 500ms;
}
&[open]::details-content {
block-size: auto;
}
}
/*方案*/
#event_sec{text-align: center;}
.purchaseTB,.purchaseTB th,.purchaseTB td{border: 1px solid #dac7c0;border-collapse: collapse;padding: 0.3rem;font-size: 1.2rem;}
.purchaseTB td a{text-decoration: underline;}
.purchaseTB td i{color: #e64f47;font-size: 1.5rem;}
.purchaseTB th{background: rgb(222 202 196);border-bottom: 4px solid #b99992;font-size: 1.3rem;color: #e64f47;}
.purchaseTB {background: linear-gradient(to right, #f2dcd5 10%, #ffffff78 100%);}
.purchaseTB .bg {background: linear-gradient(to right, #fff2ee 10%, #ffffff78 100%);border-bottom: solid #e64f47 3px;}
.purchaseTB td:nth-child(1){text-align: center;font-weight: 700;}
.purchaseTB td:nth-child(2){width: 30%;}
.purchaseTB td:nth-child(3){width: 30%;}
.purchaseTB td:nth-child(4){width: 30%;}
.purchaseTB span{color: red;}
/*QA*/
.qa_group{border: 5px solid #b99992;padding: 1%;margin-top: 1%;border-radius: 20px;background-color: #ffffffcc;}
.qa_title{font-size: 1.3rem;border-bottom: dotted 1px;color: #795739;text-align: center;}
.qa_group dl{margin: 1% auto;font-size: 1.1rem;}
.qa_group dl dt{margin: 1% auto 0.2rem;background-color: #f7eae6;padding: 0.3rem;}
.qa_group dl dd{padding: 0.3rem;}
/*課程師資*/
#event_sec{text-align: center;}
.date_list,.date_list th,.date_list td{border: 1px solid #dac7c0;border-collapse: collapse;padding: 0.3rem;font-size: 1.2rem;}
.date_list th{background: rgb(222 202 196);border-bottom: 4px solid #b99992;font-size: 1.3rem;color: #e64f47;}
.date_list {background: linear-gradient(to right, #f2dcd5 10%, #ffffff78 100%);}
.date_list td:nth-child(-n+2){width: 15%;}
.date_list td:nth-child(3){width: 25%;}
.date_list td:nth-child(4){width: 30%;}
.date_list td:nth-child(5){width: 15%;}
.date_list td a::before {cursor :pointer;margin-right: 0.3rem;color: #f05f57;font-size: 1.5rem;font-family: "Font Awesome 5 Free";left: 2rem;font-weight: bold;content: '\f025'; }
.date_list_title{cursor: pointer;
background-color: #dac7c0;
font-size: 1.5rem;
color: #413a36;
width: inherit;
border-bottom: solid 5px #816058;
margin-bottom: 0.3rem;
padding: 0.5rem 0.3rem;
margin-right: 1px;}
details[open] > summary.date_list_title {display: none; }
#event_sec dl{text-align: left;}
/*優惠*/
.discount_title{font-size: 1.5rem;font-weight: 700;background: linear-gradient(to right, #f05f57 70%, #ffffff00 100%);color: white;padding: 0.5rem 1.5rem;text-align: center;}
.discount_info{background: linear-gradient(to right, #ffffffe3 70%, #ffffff00 100%);}
.discount_info dt{font-weight: 700;font-size: 1.6rem;padding: 0.8rem;color: #744215;text-align: center;}
.discount_info dt b{font-weight: 700;font-size: 1.8rem;padding: 0.8rem;color: #f05f57;}
.discount_info dt mark{font-weight: 700;font-size: 1.2rem;padding: 0.0rem 0.5rem 0.0rem;color: #FFF;background-color: #c5a07f;margin: 0 0.5rem;transform: skewX(0deg);display: inline-block;}
.discount_info dd{font-size: 1.3rem;padding: 0.0rem;color: #744215;text-align: center;}
.discount_info dd b{font-size: 2.0rem;padding: 0.2rem 0.3rem 0.8rem;color: #d83509;display: block;border-top: dotted 1px;width: 80%;margin: 1.0rem auto 0;}
.discount_mark{border-top: 1px dotted #c79086;margin: 0rem 0 1.0rem;background-color: #ebccc980;padding: 0.5rem 1.5rem;color: #893f36;}
.discount_mark dd a{display: inline-block;margin: 0.2rem 0.3rem;background-color: #e8bdb5;padding: 0.0rem 0.5rem;color: #55160f;}
/*經驗談*/
.first {color: #d83509;display: block;}
.owl-carousel .stu{ width:96%;margin: auto; }
.owl-theme .owl-nav [class*=owl-]{font-size:0px !important;}
.owl-prev,.owl-next{width:0;height:0;border-style:solid;position: absolute;top: 50%;}
.owl-prev{display: none}
.owl-next{display: none}
/*.owl-prev{border-width:15px 15px 15px 0px;border-color:transparent var(--orange2) transparent transparent;left:-25px;}
.owl-next{border-width:15px 0px 15px 15px;border-color:transparent transparent transparent var(--orange2);right:-25px;}*/
.owl-dots{}
.student_group {}
.stu_name { font-size:1.8rem;font-weight: bold;color: #1d9cd0;}
.stu_stu_goto{ font-weight: bold;background-color: #dac7c0;color: #816058;padding: 0.2rem 0.5rem;margin-bottom: 0.5rem;font-size: 1.2rem;}
.stu a{border-bottom: 1px dashed #333333;color: #a66a53;font-weight: bold;}
.more{background: #805f42;width: max-content;padding: 0.25rem 2.5rem;border-radius: 2.9rem;margin: 1rem auto;font-size: 1.2rem;}
.more a{color: #ffffff;}
/*榜單*/
.billboard {margin-bottom: 1.0rem;}
.billboard li{width: calc(100%/3);font-size: 1.2rem;padding: 0.2rem;}
.board_title{font-size: 1.5rem;background-color: #ffffff;text-align: center;border-bottom: solid 4px;color: #47bfb2;padding: 0.3rem;margin-bottom: 0.8rem;}
.billboard span{color: #f05f57;font-weight: bold;}
/*跨域*/
.cpa_box{margin: 1% 1% 4%;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;width: calc(100% / 2);}
.cpa_box a{text-decoration: underline;}
.cpa,.real{line-height: 2.5rem;vertical-align: middle;display: flex;color: #ffffff;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);width: 168px;height: 160px;align-items: center;justify-content: center;font-size: 2.5rem;margin-right: 1.0rem;padding: 0rem 1.0rem;}
.cpa{background-color: #44b0dc;}
.real{background-color: #47bfb2;}
.filed{margin: 1%;}
.filed dd>div{border: 1px dotted #816058;}
.master dd{font-weight: 700;font-size: 1.4rem;padding: 0.2rem;color: #744215;margin-bottom: 0.5rem;border-bottom: dotted 1px;}
.master_box{font-weight: normal;font-size: 1.1rem;padding: 0.5rem 1.0rem;color: #744215;background: linear-gradient(to right, #ffffffe3 70%, #ffffff00 100%);margin-bottom: 0.5rem;}
.master dd strong{font-weight: bold;font-size: 1.4rem;color: #f05f57;margin-left: 0.5rem;}
.pass{font-weight: 700;font-size: 1.2rem;padding: 0.0rem 0.5rem 0.1rem;color: #FFF;background-color: #f05f57;margin: 0 0.5rem;transform: skewX(-17deg);display: inline-block;}
/*社群*/
.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-color: #f05f57;padding: 1rem 0 0 0;clear: both;}
.qrcode{width:calc(100%/4);padding: .5rem 0;color: #FFFFFF;}
.qrcode+.qrcode{}
.qrcode_box>hgroup h4 { margin-bottom: 0.5rem;}
.qrcode_box>hgroup h4+p{font-size: 1.0rem;margin: 0 2rem .5rem;}
.qrcode_box>hgroup h4+p,.qrcode_box p > a{color: #FFFFFF;}
.qrcode a{display: inline-block;}
.fb-bg{background-color: #324b9e;}
.ig-bg{background:#ff7d57;}
.line-bg{background-color: #35c335;}
.yt-bg{background-color: #c60404;}
.qrcode figure img {max-width: 120px !important;max-height: 120px !important;}
/* event_menu */
.event_menu{
width: 56%;text-align: center;position: fixed;
font-size: 1.3rem;margin: auto;top: 2%;
left: 0;right: 0;z-index: 999;padding: 1% 0;
border-radius: 0 0 10px 16px;
background: orange;color: #ffffff;
display: none;opacity: 0;
}
.event_menu_nav-fixed{ opacity: 1; top: 0;width: 100%;padding:.6% 0;border-radius: inherit;transition: 1.5s ease-in;display: block;}
.menuflex{width: 90%;justify-content: space-around;margin: auto;}
.menuflex a{padding: 0 1.5rem;color: #ffffff;border-left: solid 2px rgb(255, 255, 255);transition: 0.25s ease-in;}
.menuflex a:hover { top: 0;left: 0;letter-spacing: 0.05rem; color: #fdf497;border-left: solid 2px #fdf497;padding-left: 1rem;}
.menuflex .fab{font-size: 1.8rem;}
@media all and (min-width: 1px) and (max-width: 767px) {
nav {font-size: 1.3rem;margin: 0.3rem auto;}
h3 {font-size: 2rem;line-height: 2.5rem;}
h4,h5 {font-size: 1.7rem;}
.date_list td {font-size: 1.1rem;}
.discount_info dt b {font-size: 1.6rem;}
.billboard li {font-size: 1.0rem;}
.cpa_box {display: block;font-size: 1.5rem;width: 100%;}
.master dd,.master dd strong {font-size: 1.2rem;}
.bgcolor4 {background: url(../images/1402072_bg.png) no-repeat center #F6F6F6;background-size: cover;}
.date_list td:nth-child(-n+2) {width: fit-content;}
.qrcode{width:calc(100%/2);padding: 0.8rem 0.3rem;}
.qrcode figure img{max-width:80%;margin:0 auto;border-radius:.5rem;}
}
/*各大相容檢視*/
@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 {
}