@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap');
* {
    -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; }
.v-middle{vertical-align: middle !important;}
#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: 18px;}
.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);}
.table td[rowspan]{vertical-align: middle;font-weight: 600;text-align: center;}
.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: 410px;} 

.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 >*[style="font-size:22px"]:before{content: ''; width:100%;display:block;margin-top: 3rem;}
.post-large >*[style="font-size:22px"]:after{content: ''; width:100%;display:block;margin-bottom: -1rem;}
#footer .logo img{width: 100%}

/* 20231113 */
.actWrapper .actItem {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border-radius: 6px;
    background-color: #f1f8fa;
    border: 1px solid #cce4f3;
    margin-bottom: 24px;
    font-size: 1.09em;
    transition: all 280ms;
}
.actWrapper .actItem:hover {
    background-color: #e4f5fa;
}
.actWrapper .actItem .leftbox {
    flex-grow: 1;
}
.actWrapper .actItem .rightbox {
    flex-shrink: 0;
    font-size: 2em;
}
.actWrapper .actItem .title {
    font-size: 1.5em;
    margin: 12px 0;
}
.actWrapper .actItem .info-item {
    display: flex;
    line-height: 1.4;
    margin-bottom: 4px;
}
.actWrapper .actItem .info-item p {
    color: #484848;
    margin-bottom: 0;
}
.actWrapper .actItem .info-item .tag {
    margin-right: 24px;
    flex-shrink: 0;
}
.actWrapper .actItem .info-item .content {
    color: #484848;
}
.act-info {
    background-color: #fdeff4;
    padding: 24px;
    color: #751b1b;
}
.act-info ul {
    color: #484848;
    margin-bottom: 0;
    padding-left: 88px;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.signupWrapper {
    margin-top: 32px;
    background-color: #e9f5f6;
    padding: 24px;
}
.req-star {
    color: #FC6F60;
    margin-left: 4px;
}

/* 2025-06-05 intercept.php */
.my-bgimg-trope {
    background-image: linear-gradient(#ffffff 0%, #fefefe 75%, #fdfdfd 100%);
    /* background-image: linear-gradient(#ffffff 0%, #f5f5f5 25%, #e9e9e9 50%, #f5f5f5 75%, #ffffff 100%); */

    /* background-color: gray;
    position: relative;
    background-image: url(assets/img/fluent_pulmonary_light.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 1rem; */
}
.my-news-box {
    /* background: #182737; */
    padding: 2rem 0;
    border-radius: 2rem 2rem 0 0;
}
.my-news-box h3 {
    /* color: #c4e68e; */
    color: #182737;
}
.my-news-box svg {
    position: absolute;
    right: -7px;
    bottom: -17px;
}
.my-news-record {
    /* background-color: #f4f3f3; */
    background-color: #fdfdfd;
}
.my-news-record .my-news-date,
.my-news-record .my-news-title {
    border-bottom: 1px dashed #6d9d22;
}
.my-news-record .my-news-title {
    font-size: 1.2rem;
}
.my-news-pagination {
    /* background: #182737; */
    padding: 1.125rem;
    border-radius: 0 0 2rem 2rem;
}

.my-bgimg-trope table.table-bordered th {
    background-color: #fce9bc;
}
.my-file-download-red {
    color: FireBrick;
}
.my-file-download-yellow {
    color: Orange;
}
.my-file-download-blue {
    color: MidnightBlue;
}

a.my-btn-hover-red:hover {
    background-color: FireBrick;
    border: unset;
}
a.my-btn-hover-yellow:hover {
    background-color: Orange;
    border: unset;
}
a.my-btn-hover-blue:hover {
    background-color: MidnightBlue;
    border: unset;
}
/* 2025-06-05 intercept.php */










::-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: 2em}
    .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,.table.listen{min-width: 620px;}
    .table.table-bordered:not(.listen) 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;} 
    #footer .logo img{width: 80%}
    .act-info ul {
        padding-left: 24px;
    }
    .actWrapper .actItem .rightbox {
        display: none;
    }
}


/*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) { 


}