/*----------------瀏覽器大小變化控制區域大小----------------start */
@media (min-width: 1140px) {
    .container {
        max-width: 1140px;
        /* background-color: yellow; */
    }
}

@media (min-width: 1200px) {
    .constar-header-top .container, .constar_nav_area .container, .witrfm_area .container {
        max-width: 1200px;
        /* background-color: blue; */
    }
}

/*----------------電腦端寬屏的大小----------------end */

/*----------------屏幕大小：電腦端（X<1500px）----------------start */
@media (min-width: 1500px) {
    .constar-header-top .container, .constar_nav_area .container, .brand-area .container, .otherInfor-area .container, .bigMyClass .container, .notice .container, .public-middle .container, .st_portfolio_area .container-fluid, .activity_area .container,.activity-area .container,.stem-video .container{
        max-width: 1500px;
        /* background-color: green; */
    }

}

/*寬度為100%比1500px寬*/
@media (min-width: 1500px) {
    .packet-middle .container{
        max-width: 100%;
      
    }
}

/*聊天機器人樣式*/
@media (min-width: 1500px) {
    .robot-area .container{
        max-width: 100%;
        /* background-color: green; */
    }
}
    @media (min-width: 1500px) {
        .oldStudent-area .container{
            max-width: 100%;
            /* background-color: green; */
        }
    
}

/*----------------屏幕大小：電腦端（X<1500px）----------------end */

/*----------------屏幕大小：筆記本電腦（1200<X<1500px）----------------start */
@media (min-width: 1200px) and (max-width: 1500px) {

    /* .constru{
        background-color: rgb(0, 253, 232) !important;
    }  */

    .title-underline {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #cccccc;
        padding-bottom: 10px;
        font-size: 35px;
    }  
    .title-underline a{ font-size: 35px;}

    .reader_link {
        float: right;
        line-height: 25px;
        vertical-align: bottom;
        font-size: 20px;
        margin-top: 10px;
        margin-right: 10px;
    }

    .reader_link img {
        width: 30px;
        height: auto;
    }

    /*輪播圖*/
    .indexSlider_inner h2, .indexSlider_inner h3 {
        font-size: 50px;
        color: rgba(255, 255, 255, 0.877)
    }

    /*學校活動 開始*/

    .activity-area {
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .activity-area .title h2 {
        font-size: 50px;
     
    }

    .activity-area .brpt h2 {
        font-size: 40px;
        margin-top: 9%;
    }

    .activity-inner ul li {
        font-size: 20px;
    }

    /*學校活動 結束*/
    .activityTitle h2{font-size: 20px;}
}

/*----------------屏幕大小：筆記本電腦（1200<X<1500px-）----------------end */

/*----------------屏幕大小：Ipad打橫（992<X<1199px）----------------start */
@media (min-width: 992px) and (max-width: 1199px) {

    /* menu area 菜單字體大小*/
    .talim_menu>ul>li>a {
        margin: 25px 8px 25px 0;
        font-size: 17px;

    }

    /*myclass 992px>屏幕寬度>1199px*/
    .myclass-area {
        padding-top: 103px;
        padding-bottom: 100px;
    }

    /* .constru{
        background-color: yellow !important;
    }  */
    .title-underline {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #cccccc;
        padding-bottom: 10px;
        font-size: 30px;
    }
    .title-underline a{ font-size: 30px;}
    .reader_link {
        float: right;
        line-height: 25px;
        vertical-align: bottom;
        font-size: 15px;
        margin-top: 10px;
        margin-right: 10px;
    }

    .reader_link img {
        width: 30px;
        height: auto;
    }

    /*輪播圖start*/
    .indexSlider_inner h2, .indexSlider_inner h3 {
        font-size: 50px;
        color: rgba(255, 255, 255, 0.877)
    }

    .carousel-control-prev img{width: 60px;height: auto;}
    .carousel-control-next img{width: 60px;height: auto;}
    /*輪播圖end*/
    /*header start*/
    .top-address p a, .top-address p a i {
        font-size: 16px;
    }

    /*header end*/

    /*學校活動 開始*/

    .activity-area {
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .activity-area .title h2 {
        font-size: 50px;
     
    }

    .activity-area .brpt h2 {
        font-size: 40px;
        margin-top: 6%;
    }

    .activity-inner ul li {
        font-size: 20px;
    }

    /*學校活動 結束*/
    .activityTitle h2{font-size: 20px;}
    /*羊仔機器人設置*/

    .chat-header .logo {
        display: none;
     }


}

/*----------------屏幕大小：Ipad打橫（992<X<1199px）----------------end */

/*----------------屏幕大小：iPad打直正常寬度（768<X<992px）----------------start */
@media (min-width: 768px) and (max-width: 992px) {
    .myclass-area {
        padding-top: 88px;
        padding-bottom: 85px;
    }

    /* .constru{
        background-color: red !important;
    }  */
    .constru .container .row h1 {
        /* line-height: 300px; */
        font-size: 35px;
        color: white
    }

    .title-underline {
        font-size: 20px;
    }
    .title-underline  a{
        font-size: 20px;
    }

    .reader_link {
        font-size: 15px;
    }

    .reader_link a img {
        width: 30px !important;
        height: auto;
    }

    /*設置平板左側隱藏*/
    .side-menu {
        display: none
    }

    /*輪播圖*/
    .indexSlider_inner h2, .indexSlider_inner h3 {
        font-size: 40px;
        color: rgba(255, 255, 255, 0.877)
    }

    /*學校活動 開始*/
    .activity-area {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .activity-area .brpt h2 {
        font-size: 50px;
    }

    .activity-inner ul li {
        font-size: 30px;
    }

    /*學校活動 結束*/

    .activityTitle h2{font-size: 20px;}
}

/*----------------屏幕大小：iPad打直正常寬度（768<X<992px）----------------end */

/*----------------屏幕大小：手機端 寬度（X<767px）----------------start */
@media (max-width: 767px) {
    .myclass-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }

/*設置首頁頭鏈接的字體大小和圖片大小------start*/
.top-address p a{font-size:15px }

.headImg1{width: 40px;height: auto;} 
.headImg2{width:100px;height: auto;}
.social-icons {text-align: center !important;}
/*設置首頁頭鏈接的字體大小和圖片大小------end*/
/*header裡面更多的設定*/
.dropbtn {
    background-color: #f20352;
    color: white;
    padding: 12px;
    font-size: 16px !important;
    border: none;
    cursor: pointer;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
    left: -70px;
    text-align: left;
}
/*header裡面更多的設定 end*/

    .constru .container .row h1 {
        /* line-height: 300px; */
        font-size: 25px;
        color: white
    }

    .reader_link {
        float: none;
    }

    .title-underline {
        font-size: 25px;
    }
    .title-underline a{
        font-size: 25px;
    }
    .reader_link {
        font-size: 20px;
    }

    /*設置手機左側隱藏*/
    .side-menu {
        display: none
    }

    /*設置手機端教職員簡介的行政人員*/
    .person-img img {
        height: 100px;
        width: 110px;
        border-radius: 50%;
    }

    /* .witr_ds_content_area{display: none;} */

   
    .indexSlider_inner h2, .indexSlider_inner h3 {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.877)
    }



    /*手機主頁輪播圖設置 開始*/

    .carousel-item img {
        height: 400px;
        transform: scaleX(1.8);

    }

    .witr_btn {
        font-size: 15px;
        font-weight: 400;
        border-radius: 0;
        text-align: center;
        margin-right: 20px;
        z-index: 2;
        transition: 1s;
        /* padding: 13px 30px 13px 30px; */
        color: #fff;
        display: inline-block;
        background: #f20352;
        opacity: 0.9;
        /* background: #032ff2; */

    }

    .witr_btn:hover {
        background: var(--secondary);
        color: #fff;
    }

    .carousel-control-prev img{width: 40px;height: auto;}
    .carousel-control-next img{width: 40px;height: auto;}
    /*手機主頁輪播圖設置 結束*/

   /*學校活動 開始*/

   .activity-area {
    padding-top: 10px;
    padding-bottom: 0px;
}

.activity-area .title h2 {
    font-size: 40px;
    margin-top: 2%;
}

.activity-area .brpt h2 {
    font-size: 30px;
    margin-top: 6%;
}

.activity-inner ul li {
    font-size: 20px;
}

/*學校活動 結束*/

/*可信羊仔設定*/
.chat-header .title {
    display: none;
}

/*設定活動項目界面*/
.clearfix{margin-top: 10px;}
.eportfolio_item{margin-top: 20px; }
}

/*----------------屏幕大小：手機端寬度（X<767px）----------------end */


/*-----------------brand品牌設定-----------------start*/
@media only screen and (max-width: 992px) {
    .brand-area {
        padding: 50px 0;
    }
}

/*-----------------brand品牌設定-----------------end*/

@media (min-width: 576px) {

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }

}


/*-----------------特別個案寬度特別處理-----------------start*/
/*&&&&&&&&&&&&&&&安全壁畫投票模塊&&&&&&&&&&&&&&&&start*/
@media (min-width: 1800px) {
    .bihua-area .container {
        max-width: 1800px;
        /* background-color: green; */
    }
}

@media (max-width: 1800px) {
    .bihua-area .container {
        max-width: 100%;
        /* background-color: green; */
    }
}
/*&&&&&&&&&&&&&&&安全壁畫投票模塊&&&&&&&&&&&&&&&&end*/
/*-----------------特別個案寬度特別處理-----------------end*/