/*-----index_news.html+index_testinfo.html-----*/
.info_ZONE > div { width: 100%; padding: 8px 13px; background: #d5f3f1;}
.info_ZONE .info_title{ width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow :hidden;/*溢出文字*/}
.info_ZONE.news > div { background: #ffeaea;}
.info_ZONE > div:nth-child(even) { background: #fff;}
.info_ZONE > div a{ text-decoration: none; color: #2A2A2A;}
.info_ZONE > div:hover > a{ font-weight: bold;}
.info_ZONE > div span{ display: inline-block; vertical-align: middle; }
.info_ZONE > div span.info_date{ font-size: 0.9em; font-weight: lighter; color: #8b8b8b;}
.info_ZONE span.badge{ background-color: #05A59A;}
.info_ZONE.news span.badge{ background-color: #d23333;}
.choosePage{ font-size: .9em;}
.choosePage select.form-select{ max-width: 90px; padding-left: 0; text-align: center; font-size: 1em;}

/*-----index_news_content.html-----*/
main.newsZONE{ font-size: 20px;}
.newsZONE a.link{ color: #035eb3; text-decoration: none;}
.newsZONE a.link:hover{ color: #0fb2a7; }
.newsZONE a.back{ color: #05A59A; }
.newsZONE a.back:hover{ color: #0fb2a7; font-weight: bold;}
.newsZONE h2{ color: #967750;}
.newsZONE h3{ font-weight: bold;}
.newsZONE .text-title{ color: #05A59A;} 
.newsZONE .text-brown{ color: #ac722b;} 
.newsZONE .figure{ display: block;}
.newsZONE img{ max-width: 600px;}
.newsZONE img.chart1{ width: 100%; max-width: 1200px;}
.newsZONE img.chart2{ width: 100%; max-width: 800px;}
.newsZONE ul, .newsZONE ol{ padding-left: 1.5rem;}
.grid-container{ display: grid; grid-template-columns: 1fr 2fr 2fr; gap: 2px; padding: 2px; background: #69a6db;}
.grid-container div{ padding: 10px 15px; background: #fff; text-align: center;} 
.grid-container div.color{ background: #d5ecff; }

/*-------video.html影音專區-------*/
main.videoZONE{ font-size: 20px;}
.videoZONE .card{ border: none; position: relative;}
.video-open { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; cursor: pointer;}
.video-open::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1;}
.video-open iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .6rem ;}    
.main_col .container .modal-dialog { max-width: 1000px;}
.main_col .container .modal-body{ padding: 0; }




/*-----------------------------------------------------------------------*/
@media (max-width:1400px) {


    
}  

/*-----------------------------------------------------------------------*/

@media (max-width: 1200px) {


}

 

/*--------grid-breakpoints-LG---------------------------------------------*/
    @media (max-width: 992px) {

        /*-----index_news.html-----*/
        .info_ZONE > div { padding: 8px 10px;}




    }


/*--------ipad------------------------------------------------------------*/

    @media (max-width: 768px) {

        /*-----index_news.html-----*/
        .info_ZONE { font-size: 16px;}
        .info_ZONE > div { padding: 5px 9px;}

        /*-----news_content.html-----*/
        main.newsZONE{ font-size: 18px;}
        .grid-container{ gap: 1px; padding: 1px; }
        .grid-container div{ padding: 6px;}




    }



/*--------grid-breakpoints-SM---------------------------------------------------*/

    @media (max-width: 576px) {


        /*-----index_news_content.html-----*/
        main.newsZONE{ font-size: 16px;}
        .newsZONE ul, .newsZONE ol{ padding-left: 1.3rem;}




    }


/*--------iPhone XR------------------------------------------------------------*/

    @media (max-width: 414px) {



    }