@import url("../../../../icon_new/css/all.min.css");
@import url("../../../../File/css/ani.css");
/*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;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", Microsoft JhengHei, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
[class*="flex"]{display: flex;}
.bgcolor{}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*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;}
/*event*/
article{background: url(../../images/0910041_school1.svg)no-repeat left -70px,url(../../images/0910041_school2.svg)no-repeat right -70px,url(../../images/0910041_school3.svg)no-repeat left 40%,url(../../images/0910041_school4.svg)no-repeat right 40%,url(../../images/0910041_school5.svg)no-repeat left 80%,url(../../images/0910041_school6.svg)no-repeat right 80%,#29afce;}
.banner{padding:0.5% 0 0;display: inline-block;    text-align: center;}
.studentflex{justify-content: center;align-items: center;}
.student_list img{max-width:100%;    display: inline-block;}
.order1{order:1;}
.order2{order:2;}
.order3{order:3;}
.object_box{text-align: center;}
.object_box h1,.object_box h2{background-color: #fff927;margin: 0 0 2%;    font-weight: 400;position: relative;}
.object_box h1 strong{color:#ca1834;    font-weight: 400;}
.object_box h1:before,.object_box h1:after{content:"";position: absolute;width: 0;height: 0;border-style:solid;left:0;right:0;margin: auto;}
.object_box h1:before{border-width: 0px 580px 15px 580px;border-color: transparent transparent #fff927 transparent;top: -15px;}
.object_box h1:after{border-width: 15px 580px 0px 580px;border-color: #fff927 transparent transparent transparent;bottom: -15px;}
.object_box h2{background-color: #2484c3;position: relative;z-index: 1;}
.object_box ul{display: inline-block;margin: 0 0 0 30px;}
.object_box ul li{font-size: 1.6em;text-align: justify;line-height:2em;position: relative;color: white;font-family: Microsoft JhengHei;}
.object_box ul li:before{content:"";position: absolute;left: -28px;top: 13px;background-color: #2386c5;width: 23px;height: 23px;background:url(../../images/0909037-hook.svg)no-repeat;}
.object_box ul li u{color: #fff927;}
.rwd-table {min-width: 100%;}
.rwd-table+small{margin: 12px 0 0;display: block;color: white;}
.rwd-table tr:nth-of-type(even) {background: #fff;}
.rwd-table td {text-align: center;vertical-align: sub;font-size: 1.1em;padding: 2%;}
.rwd-table th {background-color: #ca1834;color: #FFFFFF;padding: 2%;}
.rwd-table small{display: block;margin-top: 2%;}
.rwd-table tr:nth-child(odd) {background-color: #fff927;}
.rwd-table th, .rwd-table td {border-bottom: solid 1px #eaeaea;border-right: solid 1px #eaeaea;}    
.rwd-table th:last-child, .rwd-table td:last-child{border-right: none;}
.rwd-table tr:last-child td{border-bottom: none;}
.button-wrap a{display: inline-block;background-color: #393471;color: #fff;padding: 10px 20px;margin: 2%;text-decoration: none;font-size: 1.2em;}
.button-wrap a:hover{-webkit-animation-name: a-pulse;animation-name: a-pulse;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background-color: #ca1834;}
.a-pulse {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
@-webkit-keyframes a-pulse {
25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
75% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@keyframes a-pulse {
25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
75% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
.experience-box{margin:0.3% auto;background-color: white;padding: 1.9% 20px 0.4%;border-radius: 8px;text-align: justify;}
.experience-box dl dt,.experience-box dl dd{margin: 0;display: inline-block;font-size: 1.5em;    color: #0088cc;}
.experience-box p{font-size: 1.2em;    line-height: 32px;}
.experience-box a{color: #ff4345;}
.experience-box p strong{color: #2484c3;}
.buy_note{background: #393471;color: white;margin: 1rem auto;font-size: 1.7rem;padding: 0.5rem 0;}
@media (max-width:767px) {
article {background: url(../../images/0910041_school1.svg)no-repeat left 175px/45%,url(../../images/0910041_school2.svg)no-repeat right 175px/45%,#29afce;}
.object_box h1, .object_box h2 {font-size: 1.65em;}
.object_box ul li {font-size: 1.125em;}
}
@media screen and (min-width:768px) and (max-width:1199px){
article {background: url(../../images/0910041_school1.svg)no-repeat left 12%/45%,url(../../images/0910041_school2.svg)no-repeat right 12%/45%,#29afce;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
article {background: url(../../images/0910041_school1.svg)no-repeat left 1%/32%,url(../../images/0910041_school2.svg)no-repeat right 1%/32%,#29afce;}
}
@media (max-width:1199px){
[class*="flex"] {flex-wrap: wrap;}
.banner {margin: 14% 0 0;}
.order1{order:2;}
.order2{order:1;}
.order3{order:3;}
.student_list:nth-child(2){width:100%;padding: 8px 12px 0;}
.student_list:nth-child(1),.student_list:nth-child(3){width:50%;padding: 0px 7%;}
.object_box h1:before, .object_box h1:after{content:none;}  
}
@media (min-width: 1201px){
#BodyContent{width:100%;padding:0;margin:0;}
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd,#topli{display:none;}
/*滿百100%區域*/
.row100{width:100%;}
/*資料集中1200px寬外框*/
#Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:1% auto;display:inline-block;width:1180px;padding:10px;}    
/*標題大小*/
h1{ font-size: 3em; }
h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }
#event_sixth nav a{ font-size: 1.3em; }
/*bodyHeader*/
#BodyHeader_event,#header-share{width:100%;float:left}
#BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
#BodyHeader_event #header-share img{margin-bottom:5px}
#BodyHeader_event a{color:#333;font-size:17px}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
/*event*/
/*Footer*/
#BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
#BodyFooter_rwd{width:100%;margin-top:2%;}
#footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
#footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
#footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
#footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
#footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
/*ask*/
#askarea_out *{font-family:"微軟正黑體";font-size:1em}
#askarea_out{background-color:#0088cc;width:100%;display:inline-block;text-align:left}
#askarea{width:1200px;margin:0 auto}
#askarea img{width:8%;height:auto}
#askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
#askarea .asktitle,#askarea .asktitle p{text-align:center}
#askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
#askarea #formlist{width:80%;margin:2% auto;color:#FFF}
#askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
#askarea SELECT{width:19.7%}
#askarea input{color:#A1A1A1}
#askarea input[name="sContent"]{width:50%}
#askarea input[type="text"]{width:40%;/*height:20px*/}
#askarea input[type="radio"]{margin-left:3%}
#askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#ca1834;padding:.5em}
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
#noie a{color: #FC0;}
.hottxt{ color: #ffd942; font-size: 13px;}
}
@media (max-width: 1200px){
/*隱藏的區塊*/
#BodyHeader_event,.hottxt,#noie{display:none;}
/*會撐開的版面控制*/
#BodyContent {width: 100%;padding:0;}
#BodyContainer_event{width: 100%;}
/*header*/
#BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
/*選單*/
#mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
#mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
/*body*/
#Master_title{display:inline-block;width:98%;padding:1%;}/*主圖位置ID*/
@media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
@media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
/*滿百100%區域*/
.row100{width:100%;}
/*資料集中寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto 0;text-align: center;width:98%;padding:1%;}
/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
nav p{line-height:1.8rem;}
/*標題大小*/
h1{font-size: 2.2em;}
h2{font-size: 2.0em;}
h3{font-size: 1.6em;}
#event_sixth nav a{ font-size: 1.2em;}
/*footer*/
#BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
#BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
#BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
#BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
#BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
#BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
/*ask*/
#askarea{background-color:#2896D0;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
#askarea .asktitle,#askarea .asktitle p{text-align: center;}
#askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
#askarea p {margin:0% auto auto 5%;	width: 90%;}
#formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
input[name="sContent"]{width:50%;}
input[type="text"]{	width:99%;}
SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
SELECT{width:100%;border: #FFF;	padding: 0.5%;}
input{border: #FFF;padding: 1%;color: #C6C6C6;}
input[type="submit"],input[type="reset"]{color:#FFF;background-color:#eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
/*TOP按鈕*/
#topli,#topli a{color: #fff;text-decoration: none;}
#topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
@media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
@media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {   
}
@media (max-width: 767px) {   
.rwd-table-price th {display: none;}
.rwd-table-price td {display: block;background-color: white;border-left: solid 1px #eaeaea;}    
.rwd-table-price td:before {content: attr(data-th) "：";font-weight: bold;display: inline-block;}
.rwd-table-price td:last-child{border-right: solid 1px #eaeaea;}
.rwd-table-price tr:last-child td{border-bottom: solid 1px #eaeaea;}
.rwd-table-price .system-title {background-color: #C04839;color: white;font-weight: bold;font-size: 1.3em;text-align: center;}
.sm\:block {display: block;}
}
@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 {
}