/*右側主要內容*/
.main_col h3::before{
    content: ""; display: inline-block; width: 40px; height: 29px; margin-right: 6px; vertical-align: top;
    -webkit-mask-image: url(../images/icon_listtype.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 40px 29px;
    mask-image: url(../images/icon_listtype.svg); mask-repeat: no-repeat; mask-position: center; mask-size: 40px 29px; 
    background-color: #474747;
}

/*輪播BN__自己的*/
.main_col .MYmain .swiper-slide{ /*border-bottom: 9px solid #21c9be;*/ border-radius: 0 0 .3rem .3rem;}
.main_col .MYmain .swiper-slide h2.swiper_title{ width: 100%; padding: 1% 2% 1.5%; font-size: 1.2em; color: #fff; text-align: center;}
.main_col .MYmain .swiper-slide h2.swiper_title.a{ background: #FDDA42; color: #3c3c3c;}
.main_col .MYmain .swiper-slide h2.swiper_title.b{ background: #FFBCE8; color: #ff3392;}
.main_col .MYmain .swiper-slide h2.swiper_title.c{ background: #5885F4;}
.main_col .MYmain .swiper-slide h2.swiper_title.d{ background: #2A5EC8;}
.main_col .MYmain .swiper-slide a{ text-decoration: none;}
.main_col .MYmain .swiper-button-next{ right: 0; top:45%;}
.main_col .MYmain .swiper-button-prev{ left: 0; top:45%;}
.main_col .MYmain .swiper-button-next, 
.main_col .MYmain .swiper-button-prev{ width: 50px; height: 50px; font-weight: bold; background-color: rgba(0, 0, 0,0.3); border-radius: 999em;}
.main_col .MYmain .swiper-button-next::after, 
.main_col .MYmain .swiper-button-prev::after{ font-size: 1.2em; color: rgba(255, 255, 255, 0.6); }
.main_col .MYmain .swiper-button-next:hover::after, 
.main_col .MYmain .swiper-button-prev:hover::after{ color: rgba(255, 255, 255, 1); }
.main_col .MYmain .swiper-pagination span.swiper-pagination-bullet{ margin: 0 10px;}
.main_col .MYmain .swiper-pagination-bullet{ background-color: #505050; width: 12px; height: 12px; opacity: .4;}
.main_col .MYmain .swiper-pagination-bullet:hover{ background-color: #66e2d9;}
.main_col .MYmain .swiper-pagination-bullet-active{ background-color: #21c9be; transform: scale(1.35); opacity: 1;}
/*升學情報+最新消息*/
.info_ZONE { margin: 0 auto 7%; font-size: 20px; /*border: 1px solid #CCC; border-radius: .5rem;*/}  
.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(odd) { 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;}
a.moreBN { text-decoration: none; font-size: 0.9em; color: #5f5f5f;}
a.moreBN :hover{ text-decoration: underline; color: #5f5f5f;}
a.moreBN div:after{ 
    content: ""; display: inline-block; width: 0; height: 0; margin-left: 5px; 
    border-top: 6px solid transparent; border-bottom: 6px solid transparent;
    border-left: 9px solid #21c9be;
}
.info_ZONE.news a.moreBN div:after{ border-left: 9px solid #ff6464;}

/*影音專區*/
.videoZONE { font-size: 18px;}
.videoZONE .card{ border: none; position: relative;}
.videoZONE a.moreBN{ font-size: 1em; margin-top: -15px;}
.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;}

/*升學相關網站連結*/
.linkZONE span { margin-bottom: 6px; font-size: 24px; font-weight: normal; background-color: #05A59A; opacity: .85;}
.linkZONE span a{ color: #fff; text-decoration: none;}
.linkZONE span:hover{ opacity: 1;}
.linkZONE span:nth-of-type(2){ background-color: #d54242;}
.linkZONE span:nth-of-type(3){ background-color: #0279b9;}
.linkZONE span:nth-of-type(4){ background-color: #dc3f02;}
.linkZONE span:nth-of-type(5){ background-color: #2e9154;}
.linkZONE span:nth-of-type(6){ background-color: #df2764;}
.linkZONE span a::after{ 
    content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 4px; 
    -webkit-mask-image: url(../images/icon_open.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 20px 20px;
    mask-image: url(../images/icon_open.svg); mask-repeat: no-repeat; mask-position: center; mask-size: 20px 20px;
    background-color: #fff; cursor: pointer;
}


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

    /*輪播BN__自己的*/
    .main_col .MYmain .swiper-button-next, .main_col .MYmain .swiper-button-prev{ top:45%;}
    .main_col .MYmain .swiper-wrapper{ padding-bottom: 15px;}
    .main_col .MYmain .swiper-pagination{ bottom: 0;}


    
}  

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

@media (max-width: 1200px) {




}

 

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

        /*右側主要內容*/
        /*輪播BN__自己的*/
        .main_col .MYmain .swiper-button-next, .main_col .MYmain .swiper-button-prev{ display: none;}
        .main_col .MYmain .swiper-slide h2.swiper_title{ display: none;}

        /*升學相關網站連結*/
        .linkZONE span { font-size: 21px;}


        /*升學情報+最新消息*/
        .info_ZONE > div { padding: 8px 10px;}
        .info_ZONE > div:nth-of-type(n+4){ display: none !important;}/*只顯示前3個*/


    }


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

    @media (max-width: 768px) {

        /*右側主要內容*/
        .main_col h3::before{ margin-right: 3px; width: 35px; height: 28px; -webkit-mask-size: 35px 28px; mask-size: 35px 28px; }

        /*輪播BN__自己的*/
        .main_col .MYmain .swiper-wrapper{ padding-bottom: 10px;}
        /*.main_col .MYmain .swiper-slide{ border-bottom: 7px solid #21c9be;}*/
        .main_col .MYmain .swiper-pagination-bullet{ width: 7px; height: 7px; }
        .main_col .MYmain .swiper-pagination span.swiper-pagination-bullet{ margin: 0 6px;}

        /*升學情報+最新消息*/
        .info_ZONE { font-size: 16px;}
        .info_ZONE > div { padding: 5px 9px;}

        /*影音專區*/
        .videoZONE a.moreBN{ font-size: 0.9em; }

        /*升學相關網站連結*/
        .linkZONE span { font-size: 18px;}
        .linkZONE span a::after{ width: 16px; height: 16px; -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }

    }



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

    @media (max-width: 576px) {


        /*影音專區*/
        .videoZONE { font-size: 16px;}


    }


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

    @media (max-width: 414px) {



    }