/*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;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/*css reset 歸0 end*/
body{font-family: Georgia, "微軟正黑體", Times, serif;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;}

.bg_padding{padding:1%;}
.bgcolor0{background-color: ;}
.bgcolor1{background: linear-gradient(to right, #d64660 10%, #9e1c3b 95%) /*linear-gradient(to right,#904c95 10%,#57125e 95%)*/;}
.bgcolor2{background: linear-gradient(to right, #df5167 10%, #b62047 95%) /*linear-gradient(to right,#b75b98 10%,#7c1060 95%)*/;}
.bgcolor3{background-color: #E4E4E4;}
.bgcolor4{background-color: ;}
.bgcolor5{background-color: #E4E4E4;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

/*banner*/
.masterbanner{width:100%;margin:0 auto;position:relative}
.banner img{width:100%;display:block;padding: 0 0 1rem;background: #c33255;}
.gradelink{width:200px;height:155px;bottom:2%;right:10%;position:absolute;padding:45px 0 0;z-index:1;background-image:url(../images/0809076/0710024_icon_winner.png);background-repeat:no-repeat;font-size:1.4rem;line-height:1.5em;text-align:center;font-weight:700;color:#000;animation-name:fly;animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}
.gradelink a{color:#000}
.gradelink .stu{font-size:2.1rem;line-height:1.2em;color:#FC0000;display:block}
.gradelink .txt{width:100%;margin:0 auto;display:inline-block}
.gradelink .txt p{width:100%;float:left;margin:0 auto;text-align:center}
.gradelink .txt img{width:20px}
@keyframes fly {
0%{bottom:2%}
100%{bottom:5%}
}

.happy_title,.sale_title,.review_title,.apply_title,.meet_title{font-size: 3.0rem;text-align: center;font-family: 華康新特明體;background: linear-gradient(to right,#c99a5c 0%,#ffffff 47%,#ffffff 60%,#c99a5c 100%);color:#8c0e2f;padding: 0.1em 0 0;filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6));}
.happy_title img,.sale_title img,.review_title img,.apply_title img,.meet_title img{position: absolute;left: 5%;}
.happy_des,.sale_des,.review_des,.apply_des{font-size: 1.2rem;padding: 2% 5% 4%;color: #fdfbf8;}
.meet_des{font-size: 1.2rem;padding: 2% 5% 1%;color: #fdfbf8;}
.happy_des a,.sale_des a,.review_des a,.apply_des a{color: #ffe7c4;margin: 0 0.1em;}
.happy_txt{font-size: 1.4rem;}
.happy_des ul{margin: 1% 5%;padding: 1%;border: dashed 1px;border-radius: 1.5em;color: white;font-size: 1.15em;background-color:#c99a5cee /*rgba(255,255,255,0.15)*/;background: linear-gradient(45deg, #c99a5caa, #c99a5cee, #c99a5caa);}
.experience {border-bottom: #e4546b solid 5px;padding: 0.5rem 1rem;border-radius: 0px;margin: 0.8rem 0;background-color: #cc3a58;border-top: 3px solid #e4546b;width: 45%;}
.experience2 {border-bottom: #e9677c solid 5px;padding: 0.5rem 1rem;border-radius: 0px;margin: 0.8rem 0;background-color: #d5455f;border-top: 3px solid #e9677c;width: 45%;}
.apply_des .category {font-size: 1.5em;font-weight: bold;color: #ffe7c4;width: 15%;text-align: center;}
.apply_des dl{width: 70%;border-left:#ffe7c4 dotted 1px;margin-left: 1rem;padding-left: 1rem;}
.apply_des dd{margin: 0.4rem 0;}
/* .apply_des dt {border-bottom: dotted 1px;margin-bottom: 0.2em;padding-bottom: 0.2em;font-size: 1.5em;font-weight: bold;color: #ffe7c4;} */
.happy_des li,.meet_des li{margin-left: 2.5rem;}
.happy_des li::before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f14a";margin-right: 0.6rem;}
.happy_des small{font-size:1.2rem;}
/* .meet_des{display: flex;align-items: center;flex-wrap: wrap;}
.meet_des ul{width: 70%;} */
.meet_des li{list-style-type: disc;font-size: 1.4rem;}
.sign_up{display: inline-block;border-radius:15px;background: linear-gradient(-63deg, #c99a5c 0%, #ffffff 57%, #ffffff 60%, #c99a5c 100%);color:#8c0e2f;filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6));font-size: 1.5rem;font-weight: 900;padding: 0.2rem 1rem;text-decoration: none;}
.sign_up p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;line-height: 2.5rem;color: #861d6a;}
.sign_up a{color: #000;}
.meet_img{display: flex;flex-wrap:wrap;justify-content: space-around;padding: 1.5rem 2.5rem 2.5rem;}
.meet_img img{width: 40%;}

.VueCarousel{width: 90%;margin: 1rem auto 0;padding-bottom: 1rem;}
.VueCarousel img{width: 98%;border: 2px solid #e0bc8f;border-radius: 1rem;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:-1%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:-1%;}

.experience_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.student {font-size: 1.6rem;border-bottom: solid 0px;margin-bottom: 0em;color: #ffd192;}
.student small{font-size:1.2rem;}
.exam{font-weight: bold;background: #ca925c;padding: .5rem 1rem;border-radius: 0 0 .5rem .5rem;}
.teacher {font-size: 1.5rem;background-color: #ffedd5;padding: .2em;color: #8c0e2f;text-align: center;border-radius: .5rem .5rem 0 0;}
.opinion{padding: .5rem;}
.more {text-align: center;margin-bottom: 1rem;}
.more a {background: linear-gradient(to right,#fff1d4 10%,#ffffff 95%);padding: 0.2em 0.8em;border-radius: 1em;color: #52073a;margin: 0.5em;display: inline-block;text-decoration: none;}
.experience .exam{}
.sale_table table,.sale_table th,.sale_table td{border: #d1bad3 solid 1px;border-collapse:collapse;padding: 0.5rem 0.2rem;text-align: center;}
.sale_table {background-color: rgba(255,255,255,0.15);}
.sale_table th{background-color:#90062a;}
.review_des .discount{color: #fff0dd;font-weight: 700;}
.apply_box{margin: 0.8rem 0;color: #ffffff;background-color: rgba(255,255,255,0.15);padding: 1% 3%;border-radius: 1em;box-shadow: 0px 4px 5px rgb(0 0 0 / 30%);display: flex;flex-wrap: wrap;align-items: center;}
/* .apply_des dl{margin: 0.8rem 0;color: #ffffff;background-color: rgba(255,255,255,0.15);padding: 1% 3%;border-radius: 1em;box-shadow: 0px 4px 5px rgb(0 0 0 / 30%);} */
.apply_des .focus{color: #ffd192;font-weight: bold;}
.ps{font-size: 1rem;text-align: right;color: #e9c8e0;line-height: 1.7em;}
.carry ,.place ,.time {padding: 0.2em 0;}
.carry strong,.place strong,.time strong{border-left: solid 5px #dbbc93;padding: 0.1em 0.5em;color: #dbbc93;background:#93092e;margin: 0.2em 0.4em 0.2em 0;font-size: 1.1em;}

#bottomlink{width:100%;position:fixed;bottom:0;background:rgb(158 28 59 / 90%);padding:.5% 0}
#bottomlink a{color:#FFF;display: inline-block;}
#bottomlink ul{width:100%;text-align:center}
#bottomlink ul li{margin:0 1.5%;display:inline;font-size:1.4rem;font-weight:bold}

/*我要報喜*/
.happy_Btn{position:fixed;bottom:0;background:#a90000cc;width:100%;text-align:center;font-size:1.55rem;padding:8px 0}
.happy_Btn a{color:#FFF}
/*報喜表單*/
.ask_happy *{font-family:"Microsoft JhengHei";font-size:1rem}
.ask_happy{background:#cea36b;padding:3% 0 2%}
.ask_happy .asktitle{text-align:center;font-size:2.2rem;color:#FFF}
.ask_happy p{margin:2.5% 0;font-size:1.05rem}
#ask_formlist{width:86%;margin:3.5% auto 1%;color:#FFF}
#ask_formlist SELECT,#ask_formlist input,#ask_formlist textarea{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%}
#ask_formlist SELECT{width:20%;margin-right:1%}
#ask_formlist input{color:#555555;margin:auto 1% auto auto}
#ask_formlist input[type="text"]{width:35%}
#ask_formlist input[name="sRandomCode"]{width:15%}
#ask_formlist textarea{width:100%;height:180px;vertical-align:top;font-size:1.2rem;line-height:1.5;}
#ask_formlist textarea~small{font-size:1rem}
#ask_formlist input[type="submit"],#ask_formlist input[type="reset"]{color:#FFF;background:#7e5e33;padding:.5em}
.happy_note>p{margin:1.5% auto}
.happy_note>ol{margin:0 auto 2%}
.happy_note>ol>li{list-style:decimal;margin:0 auto 0 35px;font-size:1.05rem}
/*#EventFooter_rwd{padding-bottom:60px}*/
@media(min-width:1201px){
#Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:block;padding:0px;}
.happy_Btn{width:1200px}
#bottomlink{width:1200px}
}

@media all and (min-width:768px) and (max-width: 991px) {
#bottomlink{padding:1.5% 0}
.gradelink{bottom:10%;right:5%;top:auto}
#ask_formlist{width:90%}
#ask_formlist input[type="text"]{width:34%}
#ask_formlist SELECT{width:18%}
/* .meet_des{justify-content: space-between;} */
.meet_img img{width: 40%;}
}
@media all and (min-width: 1px) and (max-width: 1200px) {
#BodyContentNavigator,#EventHeaderin,#MenuFixed,#BodyContentAd{display:none}
.happy_title, .sale_title, .review_title, .apply_title, .meet_title{font-size: 2.2rem;}
.happy_title img, .sale_title img, .review_title img, .apply_title img, .meet_title img {left: 0%;}
}

@media(max-width:767px) {
.happy_title img,.sale_title img,.review_title img,.apply_title img,.meet_title img{left: 3%;/*float: left;position: unset;*/}
.happy_title, .sale_title, .review_title, .apply_title,.meet_title {font-size: 1.8rem;margin: 0 0 .5rem;text-align: left;line-height: 2.25rem;padding: .5rem .5rem .5rem 4.5rem;}
.happy_des ul {margin: 2% 0%;font-size: 1.1em;}
.happy_txt {font-size: 1.3rem;}
.happy_des li {margin: .25rem 1rem .25rem 2.8rem;text-indent: -1.8rem;}
.sale_table{width: 100%;display: block;overflow-x: auto;white-space: nowrap;}
#bottomlink{padding:2.5% 0}
#bottomlink ul li{margin:0 2%;font-size:1.05rem;font-weight:normal}
.bgpadding{padding:4% 3%}
.gradelink{width:130px;height:110px;top:auto;bottom:2%;right:2%;padding:20px 0 0;font-size:1rem;line-height:1.35em;background-size:100%}
.gradelink .stu{font-size:1.3rem;line-height:1.4em}
.gradelink .txt img{width:15px}
.happy_Btn{font-size:1.3rem}
.ask_happy{padding:7% 0}
.ask_happy .asktitle{font-size:1.5rem}
#ask_formlist{width:90%;margin:7% auto 0}
.ask_happy p,.happy_note>ol>li{font-size:.95rem}
.ask_happy p:nth-child(n+4):nth-child(-n+7),.happy_note{margin:0 auto 7%}
#ask_formlist input[type="text"],#ask_formlist SELECT{width:98%}
#ask_formlist SELECT,#ask_formlist input{margin:auto 1% 7% auto;padding:2% 1%}
#ask_formlist textarea{margin:auto;padding:2% 1%;font-size:.9rem;height:200px;width:98%}
#ask_formlist textarea~small{font-size:.9rem}
.happy_note>p:nth-of-type(1){margin:1% auto 4%}
#ask_formlist input[name="sRandomCode"]{margin:auto;width:25%}
#ask_formlist input[type="submit"],#ask_formlist input[type="reset"]{margin:auto}
.apply_des .category,.apply_des dl{width: 100%;}
.apply_des dl{border-top: #ffe7c4 dotted 1px;border-left: none;margin: 0.5rem;padding: 0.5rem;}
.meet_des{padding: 2% 1%;}
/* .meet_des ul{width: 100%;} */
.meet_des li{font-size: 1.25rem;margin-left: 0;margin: .25rem 1rem .25rem 2.8rem;}
.meet_img img{width: 85%;margin-top: .5rem;}
.sign_up {font-size: 1.35rem;padding: 0 1rem 0;}
.experience,.experience2{width: 90%;}
.VueCarousel {width: 86%;}
/* .sign_up{width:90%;height:auto;border-radius:25px;font-size:1.4rem;}
.sign_up br{display: none;} */
}