@import url('https://www.language-world.com.tw/css/font/SweiGothic.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
body {font-family: '獅尾圓體','SweiGothic','Microsoft JhengHei', sans-serif;font-size: 18px;line-height: 1.8;font-weight: 500;background:#de5c5a;background-image: url(../images/bg.jpg) ;background-repeat: repeat;background-attachment: fixed;}
/*div.bg-deco{background-image: url(../images/bg-deco.png);display: block;width: 100vw;height: 100vh;background-repeat:no-repeat;background-size: cover;position:fixed;z-index: -1;}*/
h1,h2,h3,h4,h5,h6 {font-family:'獅尾圓體','SweiGothic','Microsoft JhengHei', sans-serif;font-weight:900}
h3{margin-bottom: 1em;}
h2.display-4{margin-bottom:1em;font-weight: 900;color:#bc1a29;}
a {color: #b0242f}
a:focus,a:hover {color: #e5525e;text-decoration: none}
.rounded-1{border-radius: 1em;}
.card-white{padding: 4em 2em;margin: 2em auto;border-radius: 25px;text-align: center;/*-webkit-box-shadow:  4px 4px 25px 0 rgba(0, 0, 0, .3);box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, .3);*/background-color: #f7f7f7;}
.bg-gray {background: #eee}
.navbar-dark .navbar-brand {color: #333}
.navbar-brand img {max-height: 35px}
.navbar-custom {background-color: #fff}
.navbar-dark .navbar-nav .nav-link {color: rgba(0, 0, 0, .5)}
.navbar-custom .navbar-nav .nav-item .nav-link {font-size: 1rem}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {color: rgba(0, 0, 0, .75)}
header.masthead {padding-top: 7rem;padding-bottom: 3rem}
img.deco-border{position: fixed;z-index: -1;display: block;z-index: -1;max-width: 20%;}
img#border1{left:0;top:62px}
img#border2{right:0;top:62px;transform: rotateY(180deg);}
img#border3{left:0;bottom:0}
img#border4{right:0;bottom:0;transform: rotateY(180deg);}
.img-responsive {display: block;max-width: 100%;height: auto}
.btn-warning {background: #ead58d;border: none;color:#333!important;font-weight: bold;border-radius: 100px;margin-top: 1em;padding: 10px 25px}
.btn-warning:active,.btn-warning:focus,.btn-warning:hover {background-color:#cfb970 !important;}
.btn-warning.focus, .btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {box-shadow: none;}
.btn-xl {font-size: 16px}
.navbar-dark .navbar-toggler-icon {background-image: url(../images/icon-hamburger.svg)}
.footer-bg {background: #da1236 !important}
.stu-slider-single-video {margin: 10px 0 20px}
.stu-text {margin-top: 20px;text-align:left}
.head_img {max-width: 800px;height: auto;margin: 0 auto;padding-top: 3rem}
section{margin: 4em 0;}
.stu-block-1,.stu-block-2 {margin-bottom: 50px}
/**/
.card-box{text-align:center;margin-bottom: 2em;padding: 2em 0;border-radius: 25px;/*-webkit-box-shadow: -4px -4px 10px 0 #fff, -4px -4px 16px 0 #fff, 4px 4px 25px 0 rgba(0, 0, 0, .3);box-shadow: -4px -4px 10px 0 #fff, -4px -4px 16px 0 #fff, 4px 4px 25px 0 rgba(0, 0, 0, .3);*/background-color: #fff;}
.card-box h3{font-size:2em;font-weight: 600;margin-top:3em;}
.card-box h4{font-size: 1.6em;font-weight: 900;margin:0 auto;}
.card-white hr{border-top: 2px dashed #ddd;margin: 60px 0;}
p.linethrough{font-size:12px;color: #999;margin: auto;padding: 0 10px;width: fit-content;text-decoration: none;
background-image:-webkit-linear-gradient(transparent 45%,#d0d0d0 50%,#d0d0d0 55%,transparent 56%);
background-image:-moz-linear-gradient(transparent 45%,#d0d0d0 50%,#d0d0d0 55%,transparent 56%);
background-image:-ms-linear-gradient(transparent 45%,#d0d0d0 50%,#d0d0d0 55%,transparent 56%);
background-image:-o-linear-gradient(transparent 45%,#d0d0d0 50%,#d0d0d0 55%,transparent 56%);
background-image:linear-gradient(transparent 45%,#d0d0d0 50%,#d0d0d0 55%,transparent 56%)
}
p.upgrade {font-size:1.2em;font-weight:900;color:#175695;display:inline-block;margin: 0;}
p.upgrade span {line-height: 0;width: 1.6em;height: 1.6em;font-weight: 300;border-radius: 100px;padding-top: .85em;margin-left: -7px;display: inline-block;color: #fff;background:#df3742;}
p.upgrade span:last-child{margin-right: .3em;}
input{background: #f7f7f7;}


.add_block {margin-top: 20px}
.highlight {width: 100%;font-size: 20px;padding: 10px;text-align: center;color: #fff;background:#175695;margin-bottom: 1em;}
footer {margin: 0;background: #b74948;}
footer.footer-desktop {margin: 3rem 0 0;padding: 80px 0;color: #fff;position: relative;z-index: 99}
footer.footer-desktop .footer-icon-links {float: right;margin-top: 17px;padding: 0 15px;background:#b74948}
footer.footer-desktop .footer-icon-links a {font-weight: 400;font-size: 24px;margin-left: 5px;color:#fff}
footer a,footer.footer-desktop .footer-icon-links a:hover{color:#ead58d}
footer a:hover{color:#c9b46d}
#logo_icon_hr {border-top: 2px solid #ccc;position: relative;top: 35px;margin: 0}
.logo_icon {margin-left: -40px;margin-bottom: 40px}
.logo_icon .logo2 {background-image: url(../img/bg/bg-gray.png);background-color:#b74948;width: 300px}
.school {text-align: left;margin-top: 30px}
.school-name {font-size: 30px;font-weight: 900;margin-bottom: 10px;letter-spacing: 5px;}
.school-tel {margin-bottom: 5px}
.mobile-footer {width: 100%;text-align: center;font-size: 12px;color: #9e9e9e;background-color: #f3f3f3;z-index: 998;position: fixed;bottom: 0;border-top: 1px solid #e4e4e4;box-shadow: 0 -1px 5px rgba(0, 0, 0, .5)}
.mobile-footer a,.mobile-footer a:focus,.mobile-footer a:hover {color: #9e9e9e;text-decoration: none}
.mobile-footer div {display: inline-block;width: 18%;line-height: 16px;padding: 5px}
.mobile-footer div:last-child {border: none}
.m_footer_block {cursor: pointer}
.m_footer_block i {display: block;font-size: 28px;padding-bottom: 5px}
.modal {text-align: center;padding: 0 !important}
#m_school-address .modal-content,#m_school-tel .modal-content,.teacher_modal .modal-content {width: inherit;height: inherit;margin: 20vh auto 0;padding: 0;text-align: center;max-width: 90%;min-width: 270px}
#m_school-address .modal-content a,#m_school-tel .modal-content a {color: #333;text-decoration: none}
.modal-body {padding: 5px}
.modal .close {width: 100%;position: absolute;top: -40px;color: #fff !important;opacity: 1;font-size: 40px;text-align: right;right: 0}
.modal-content ul {list-style: none;padding-left: 0;-webkit-padding-start: 0;margin: 0 auto;min-width: 260px;text-align: center}
.modal-content ul li {border-bottom: 1px solid #ddd;margin: 0 auto;padding: 15px 20px;line-height: 20px}
.modal-content ul li:last-child {border-bottom: 0}
.modal-content ul li::before {display: none}
#m_school-address button.close:hover,#m_school-tel button.close:hover,.teacher_modal button {background: 0 0}
.m_footer_block .fa-facebook-messenger,.m_footer_block .fa-home,.m_footer_block .fa-line,.m_footer_block .fa-map-marker-alt {height: 15px !important;margin-top: 5px;margin-bottom: 5px}
.m_footer_block .fa-phone {height: 20px !important;color: #fe8a01}
.m_footer_block .fa-facebook-messenger {color: #00a1ff}
.m_footer_block .fa-line {color: #00b900}
.m_footer_block .fa-home {color: #004ea1}
.m_footer_block .fa-map-marker-alt {color: #d6463a}
@-webkit-keyframes drop {0% {top: 15px;opacity: 0}
30% {top: 5px;opacity: 1}
100% {top: 0;opacity: 0}}
@keyframes drop {0% {top: 15px;opacity: 0}
30% {top: 5px;opacity: 1}
100% {top: 0;opacity: 0}}
.scrollup {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-image-outset: 0;border-image-repeat: stretch stretch;border-image-slice: 100% 100% 100% 100%;border-image-source: none;border-image-width: 1 1 1 1;height: 50px;text-align: center;width: 50px;border-radius: 50%;border-style: solid;border-width: 3px;position: fixed;display: none;z-index: 999;bottom: 5.5em;right: 4.8em}
.scrollup span {position: relative;-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-name: drop;animation-duration: 1s;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-play-state: running}
.scrollup,.scrollup span {color:#ead58d;border-color:#ead58d}
.scrollup:hover,.scrollup:hover span {cursor: pointer;color:#c9b46d;border-color:#c9b46d}
#rights {background:#852322;color: #fff;text-align: center;padding: 20px 0 10px;font-size: 14px;position: relative;z-index: 99}
#rights a {color: #fff}
.rights-links {font-size: 20px;margin: 10px 0 20px}
.social {position: fixed;display: block;right: -250px;top: 25%;z-index: 1040}
.social ul {padding: 0;-webkit-transform: translate(-270px, 0);-moz-transform: translate(-270px, 0);-ms-transform: translate(-270px, 0);-o-transform: translate(-270px, 0);transform: translate(0, 0)}
.social ul li {display: block;margin: 5px;background: rgba(0, 0, 0, .2);width: 300px;text-align: left;padding: 10px;-webkit-border-radius: 30px 0 0 30px;-moz-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: all 1s;-o-transition: 1s;transition: 1s}
.social ul li:hover {-webkit-transform: translate(-100px, 0);-moz-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transform: translate(-100px, 0);background: rgba(0, 0, 0, .5)}
.social ul li#social-line:hover {background: #11b71f}
.social ul li#social-fb:hover {background: #016beb}
.social ul li#social-signup:hover {background: #fe8a01}
.social ul li:hover a {color: #fff}
.social ul li:hover i {color: #fff;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: all 1s;-o-transition: 1s;transition: 1s}
.social ul li i {padding: 5px 5px 5px 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 40px;height: 40px;font-size: 30px;background: #fff;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0)}
.social ul li a {color: #fff !important;font-size: 20px;line-height: 1.5;text-decoration: none}