@media only screen and (max-width:1200px){header .logo-container{left:71px;}}
@media only screen and (max-width:1024px){.button{padding:20px 45px;}
.button.light{padding:18px 40px;}
.waistband-left .overlay{padding-left:100px;}
.waistband-right .overlay{padding-right:100px;}
.button-container{margin-top:15px;}
}
@media only screen and (max-width:1024px){header .logo-container{left:55px;}
.process-interactive{margin-bottom:90px;}
.responsive-menu select{display:block;}
ul.simple-drop-down-menu{display:none;}
.responsive-menu{text-align:center;}
.responsive-menu select{float:right;display:block;width:100%;margin:20px 0px;-webkit-appearance:button;-webkit-padding-end:30px;-webkit-padding-start:40px;-webkit-user-select:none;border:none;background-color:#004ea2;color:#fff;font-size:15px;font-family:"微軟正黑體", "華康中黑體", Arial, "新細明體", serif;overflow:hidden;padding:5px 20px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-transform:capitalize;outline:none;}
}
@media only screen and (min-width:768px) and (max-width:1024px){#online88{display:none;}
.button{padding:20px 24px;}
.button.light{padding:18px 24px;}
.full-width-wrapper{display:block;width:100%;height:auto;}
.fixed-width-wrapper{display:block;width:100%;margin:0;}
.full-width-wrapper, .fixed-width-wrapper, #banner, #slider-wrapper{display:block;}
.slider{display:none;}
.slider-small{display:block;width:100%;height:auto;}
#slider-bg{background:#cfcfcf;height:auto;margin-top:20px;}
.rslides img{display:block;width:100%;height:auto;float:none;max-height:597px;}
}
@media only screen and (max-width:767px){#online88{display:none;}
.waistband .waistband-left{background-position:center center;}
.waistband .waistband-right{background-position:center center;}
.full-width-wrapper{display:block;width:100%;height:auto;}
.fixed-width-wrapper{display:block;width:100%;margin:0;}
.full-width-wrapper, .fixed-width-wrapper, #banner, #slider-wrapper{display:block;}
.slider{display:none;}
.slider-small{display:block;width:100%;height:auto;}
a.rslides_nav{display:none;}
a.rslides_nav.next, a.rslides_nav.prev{top: 30%;opacity: .5}
a.rslides_nav.next:hover, a.rslides_nav.prev:hover{opacity: 1}
#slider-bg{background:#cfcfcf;height:auto;margin-top:20px;}
.rslides img{display:block;width:100%;height:auto;float:none;max-height:350px;}
#banner{height:auto;}
#banner .logo{margin-top:0px;float:none;}
header .logo-container{left:35px;}
.call-button .button{float:none !important;margin-bottom:10px;}
.button-container{text-align:center;}
.teacher .description{padding:40px 10px;}
}
@media only screen and (min-width:480px) and (max-width:767px){.carousel-caption{top:50%;}
.carousel-caption h1{font-size:42px;}
}
@media only screen and (max-width:479px){h1,h2{text-align:center;}
.line{margin-left:auto;margin-right:auto;}
header .logo-container{left:5%;top:15px;}
.carousel-indicators li{width:30px;}
.carousel-caption{top:40%;}
.carousel-caption h1{font-size:36px;}
.button-container{margin-top:25px;}
.footer li{margin:0 5px 10px 0;}
}
footer #mobile_footer{display:block;width:100%;height:50px;background:#d6d6d6;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(97%, #ededed));background:-moz-linear-gradient(top, #d6d6d6, #ededed);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d6d6d6', endColorstr='#ededed');position:fixed;bottom:0;box-shadow:0px -1px 1px #CCC;z-index:9998;font-size:15px;}
footer #mobile_footer ul{list-style:none;width:100%;height:50px;overflow:hidden;-webkit-padding-start:0px;}
footer #mobile_footer li{float:left;width:20%;height:55px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #CCC;-webkit-box-sizing:border-box;}
footer i{font-size:20px;}
footer #mobile_footer p{font-size: 12px;margin:2px 0; }
footer #mobile_footer li:first-child{border-left:none;}
footer #mobile_footer li:last-child{border-right:none;}
footer #mobile_footer li a{padding:7px 0 5px;-webkit-box-sizing:content-box;display:block;width:100%;color:#666;text-align:center;text-decoration:none;letter-spacing:1px;}
.modal{z-index:9999;background:rgba(0, 0, 0, 0.5);}
.fa-phone-alt{color:#f9690e;}
.fa-facebook-messenger{color:#22a7f0;}
.fa-line{color:#27ae60;}
.fa-envelope-open-text{color:#3a539b;}
.fa-map-marker-alt{color:#f64747;}
#school .modal-dialog,
#area .modal-dialog{text-align:center;max-width:300px;margin:40% auto;}
#school .modal-body,
#area .modal-body{padding:0;}
#school ul, #area ul{-webkit-padding-start:0px;}
#school li, #area li{list-style:none;border-bottom:1px solid #ddd;padding:10px 0;text-align:center;}
#school a, #area a{font-size:18px;color:#444;}
#school a:hover, #area a:hover{font-weight:700;}

@media screen and (max-width: 991px){
.back-to-top{bottom: 60px;}
.copyright{padding-bottom: 35px;}
}