@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;  */                /* prevent copy paste, to allow, change 'none' to 'text' */
}

a:hover{text-decoration:none; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a{padding-left: 28px;}
#mainNav li:last-child a{padding-right: 0 !important}
#header .header-nav-top .nav > li > a.nav-link.pd0{padding: 0px !important;}
.slider-news-box{position: relative;}
.slider-news{
    position: absolute;
    top: 100px;
    right: -10%;
    background-color: #fff;
    height: 430px;
    width: 400px;
    max-width: 100%;
    padding: 40px 25px;
    z-index:99;
}
.slider-news hr{margin: 15px 0;}
.slider-news h4 a,ul.simple-post-list .post-info a,article.post >h4>a{color: #4d4d4d;font-size: 16px;}
/*.slider-container{max-height: 400px !important;}*/
article.post >h4>a{font-size: 1.5rem;margin-bottom: 20px;}
.slider-news h4 a:hover,ul.simple-post-list .post-info a:hover,article.post >h4>a:hover{color: #5da9dd;}
#footer .footer-copyright.custom-bg-color-2{/*background: #434c4f !important;*/background-color: #192d36 !important}
.page-header-gradient{background-image: linear-gradient(-60deg, #a1c4fd 0%, #abd7ec 100%);}
.page-header-gradient.page-header .breadcrumb > li a{color: #3570c5}
.page-header-gradient.page-header .breadcrumb > li.active{color: #003d95;opacity: .5}
.post-data > p{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.8;
}
.post-data > ol li{font-size: 16px;}
.post-data img{
    max-width: 100%;
    margin-bottom: 20px;
}
.table-hover.text-center tr td{vertical-align: middle;}
.table-hover.text-center tr th:first-child,.table-hover.text-center tr td:first-child{text-align:left }
.table thead th,.table.table-bordered th{border-bottom: 2px solid #c5deea;background-color: #eaf3f7;}
.table.table-bordered th{border:1px solid #c5deea;}
.table-hover tbody tr:hover{background-color: rgba(234, 243, 247, .4);}
.member_cover{background-position: center;background-size: cover;padding-bottom: 100%;}
.language-test .flip-card .flip-front,
.language-test .flip-card .flip-back{
    min-height:530px;
}
#goto_lang{padding-top: 100px;margin-top: -100px;}
.teacher .card{min-height: 185px;}
.teacher .card .card-body{z-index: 2}
.teacher .card:hover{
    transform: translate3d(0,-10px,0);
}
html .teacher .box-shadow-1-primary:before{
    -webkit-box-shadow: 4px 7px 30px #5da9dd !important;
    box-shadow: 4px 7px 30px #5da9dd!important;
}
.history .tabs-navigation.custom-tabs-navigation-1 .nav-tabs > li .nav-link{font-size: 1.4rem}
.history .tab-pane-navigation a:hover i{    
    -webkit-animation: navItemArrow 600ms ease;
    animation: navItemArrow 600ms ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.member_list .testimonial.testimonial-style-5 .testimonial-author{border-top: none;border-bottom: 2px solid #ccdfec;padding: 6px 0 12px;margin: 30px 0 12px;}
.member_list .testimonial.testimonial-style-5 {text-align: left;}
/*.member_list .list-icons{min-height: 90px;}*/
.member_list .member_area{min-height: 280px;} 

.language-post h4{margin-top: 30px !important;}
/*.language-post a{    
    font-size: 0.95rem  !important;
    background-color: #598dcd  !important;
    border-color: #598dcd #598dcd #3a6eae  !important;
    color: #FFF  !important;
    border-radius: 35px  !important;
    padding: 0.533rem 0.933rem  !important;
    cursor: pointer !important;
    letter-spacing: 1.5px !important;
}*/
.language-post a.btn-primary{
    background-color: #5da9dd !important;
    border-color: #5da9dd #5da9dd #0084e7 !important;
}
.post-large span[style="font-size:22px"]:before{content: ''; width:100%;display:block;margin-top: 3rem;}
.post-large span[style="font-size:22px"]:after{content: ''; width:100%;display:block;margin-bottom: -1rem;}
.post-large strong~ol{margin-top: 1.8em}
h4.card-title {font-family: 'Karla',-apple-system,'Noto Sans TC', "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft JhengHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif}
.floor td,.floor th{vertical-align: middle;}
.floor th{text-align: center;}
.floor td ul{margin-bottom: 0}



















::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 8px;
}

::-webkit-scrollbar:horizontal {
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {}


@media (max-width: 1025px) {
    .slider-news{right: 0%;}
    #header .header-nav-main nav > ul li a{line-height: 40px;}
}


@media (max-width: 769px) {
}


 /*iphone plus*/ 
@media (max-width: 415px) {
    h1,h2{font-size: 1.6em;line-height: 1.5;}
    .index .scale-2{-webkit-transform: scale(1) !important;transform: scale(1) !important;}
    .page-header.page-header-modern.page-header-background.page-header-background-sm{padding:30px; }
    .page-header h1{text-shadow: 0 0 6px rgba(0,0,0,0.35)}
    section.section{padding: 30px 0;}
    html.mobile-menu-opened #header .header-body[class*="border-color-"]{box-shadow: 0px 5px 14px rgba(68, 68, 68, 0.15);}
    #header .header-nav-main nav > ul li{line-height: 50px;}
    #header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down{width: 50px;}
    .slider-news{max-width: 90%;right:5%;top:7vw;}
    .index .featured-boxes-full .featured-box-full{padding: 15px;}
    .index .featured-boxes-full .featured-box-full h4{font-size: 1.15em !important;}
    .language-test .flip-card .flip-front, .language-test .flip-card .flip-back,.teacher .card{min-height: auto;}
    .table.download{min-width: 600px;}
    .table.table-bordered th{width: 30% !important}
    .tabs.tabs-simple .nav-tabs > li .nav-link,.tabs.tabs-simple .nav-tabs > li.active .nav-link{padding: 15px;}
    .tabs-vertical .nav-tabs > li{display: table;width: 49%;float: left;}
    .history-p .tabs-vertical .nav-tabs > li{width: 100%;}
    .tabs-vertical .nav-tabs > li .nav-link{border-right:1px solid #EEE;padding:8px 4px !important;text-align: center;line-height: 20px;height: 60px;vertical-align: middle; display: table-cell;}
    .tabs-navigation .nav-tabs > li .nav-link:before{content: ""}
    .tabs-right .nav-tabs > li.active .nav-link{border-right:1px solid #EEE;background: #5da9dd !important;color: #fff !important;border-left: 1px solid #eee !important;}
    .tabs-navigation-simple .nav-tabs .nav-link, .tabs-navigation-simple .nav-tabs .nav-link:hover{padding-left: 4px !important;}
    .tabs-navigation-simple .nav-tabs li:last-child .nav-link{border-bottom: 1px solid #eee !important;}
    .tabs-navigation-simple .nav-tabs li:first-child .nav-link,.tabs-navigation-simple .nav-tabs li:nth-child(2) .nav-link{border-top:1px solid #eee !important;}
    .link h2 strong.gradient-text-color{color: #5da9dd !important;background:none;-webkit-background-clip: text !important;-webkit-text-fill-color: #609ade !important; }
    .link .featured-boxes-modern-style-2 .featured-box .box-content .icon-featured{font-size: 1.7rem;}
    .link .btn.link-to{display: none;}
    .link h2.text-5{font-size: 18px !important;}
    .featured-boxes-modern-style-2 .featured-boxes{overflow:visible;}
    html .scroll-to-top{padding: 8px 8px 30px;min-width: 40px;}
    #footer span.custom-fontsize-5 a{font-size: inherit;}  
    .primaryNav > ul > li:before {border:none;}
    .member_list .member_area{min-height: auto;} 
    #header .header-nav-main nav > ul li{width: 100%;}
}


/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    .tabs.tabs-simple .nav-tabs > li .nav-link,.tabs.tabs-simple .nav-tabs > li.active .nav-link{padding: 10px;}
    #header .header-btn-collapse-nav{margin:0 0 0 .5rem }
    .index .featured-boxes-full .featured-box-full h4{font-size: .9em !important;}
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}