@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1024px){
    /***************index4******************/
    .con1 .media1  .btn_color_1{
        top: -40px;
        left: 43%;
    }
    .con1 .media1 h1{
        font-size: 18px
    }
    
    
    .header-index4  .ul-index li{
        width: 49.99%;
    }
    /******************本會公告********************/
    .con4{
        margin-top: 0px !important;
    }
    .con4 .posotion_518 h1{
        font-size: 20px;
        font-weight: bold;
    }
    .con4 .posotion_518 .imgg img{
        width: 100%;
        height: 300px;
    }
    .con4 .posotion_son{
        height: 60px;
        top: 300px;
        padding-left: 20px;
        width: 100%;
    }
    .con4 .posotion_son h2{
        font-size: 16px;
    }
    .con4 .con4_er{
        margin-top: 10px;
        
    }
    .con4 .ul_rigth{
        margin-left: 3%;
    }
    .con4 .lele-spacing{
        letter-spacing: 0px;
        font-size: 14px
    }
    .con5{
        margin-top: 10px;
    }
    .con5 .imgg2{
        width: 100%;
        height: 150px;
    }
    .con5 .media-body{
        border: 1px solid red;
    }
    .con5 .media-body h4{
        font-size: 14px;
    }
    .con5  .media-height{
        height: 190px;
    }
    /******************本會公告********************/
    
    /*****************layouts***********************/
    
    .navbar  .navbar-header{
    }
    
    #footer .img-res{
        width: 100%;
    }
    /****************layouts-end*******************/
}
@media screen and (max-width:768px){
    /***************index4******************/
    .con1 .media1  .btn_color_1{
        top: -40px;
        left: 43%;
    }
    .con1 .media1 h1{
        font-size: 18px
    }
    
    
    .header-index4  .ul-index li{
        width: 49.9% !important;
    }
    /******************本會公告********************/
    .con4{
        margin-top: 0px !important;
    }
    .con4 .posotion_518 h1{
        font-size: 20px;
        font-weight: bold;
    }
   
    .con4 .posotion_518 .imgg img{
        width: 100%;
        height: 300px;
    }
    .con4 .posotion_son{
        height: 60px;
        top: 300px;
        padding-left: 20px;
        width: 100%;
    }
    .con4 .posotion_son h2{
        font-size: 16px;
    }
    .con4 .lele-spacing{
        letter-spacing: 0px;
        font-size: 14px
    }
    /******************本會公告********************/
}
@media screen and (max-width:640px){
    /***************index4******************/
    .con1 .media1  .btn_color_1{
       top: -40px;
       left: 35%;
    }
    .con1 .media1 h1{
       font-size: 18px
    }
    /******************本會公告********************/
    .con4{
        margin-top: 0px !important;
    }
    .con4 .posotion_518 h1{
        font-size: 20px;
        font-weight: bold;
    }
    .con4 .posotion_518 .imgg img{
        width: 100%;
        height: 250px;
    }
    .con4 .posotion_son{
        height: 60px;
        top: 242px;
        padding:0px 20px;
    }
    .con4 .posotion_son h2{
        font-size: 16px;
    }
    .con5 .media-heading a{
        font-size: 13px;
        text-decoration: none;
        color:#333;
    }
    .con5{
        padding: 0px;
    }
    .posotion_518{
        padding: 0px
    }
    /******************本會公告********************/
    
    /***************jobpng************************/
    .conjob_png{
        margin: 50px 0px;
    }
    .conjob_png h3{
        font-size: 18px;
        height:auto;
    }
    .conjob_png .box-con{
        height: auto;
    }
    .conjob_png .box-area{
        padding: 10px;
    }
    /***************jobpng-end******************/
}
@media screen and (max-width:320px){
    /***************index4*********************/
    .bg img{
        height: 250px;
    }
    .con3  .font_he h2{
        font-size: 16px;
        font-weight: bold;
    }
    .con3  .font_he p{
         font-size: 15px;
    }
    .con1 .new_ul{
        width: 100%;
    }
    .con1 .new_ul li .btn{
        width: 100%;
    }
    .con1 .media1  .btn_color_1{
        top: -40px;
        left: 80px;		
    }
    .con1 .media1 h1{
        font-size: 18px
    }
    /******************本會公告********************/
    .con4{
        margin-top: 0px !important;
    }
    .con4 .posotion_518 h1{
        font-size: 20px;
        font-weight: bold;
    }
    .con4 .posotion_518 .imgg img{
        width: 100%;
        height: 200px;
    }
    .con4 .posotion_son{
        height: 60px;
        top: 192px;
    }
    .con4 .posotion_son h2{
        font-size: 16px;
    }
    .con4 .ul_rigth {
        margin-left: 0%;
    }
    .con4 .lele-spacing{
        letter-spacing: 2px;
        font-size: 14px
    }
    .con5 .media-heading a{
        font-size: 13px;
        text-decoration: none;
        color:#333;
    }
    .con5{
        padding: 0px;
    }
    .posotion_518{
        padding: 0px
    }
    .media_margin {
        padding: 0px
    }
    /******************本會公告********************/
    
    /******************視頻頁面********************/
    
    .witthei{
         width: 100%;
         height:250px;
    }
    /******************視頻頁面********************/
    
    /****************layouts**********************/
    #footer {
        padding: 20px 0px 20px 0px;
    }
    #footer .meadi-mar{
        margin-top: 20px
    }
    
    /****************layouts-end*****************/
    
    /***************jobpng**********************/
    .conjob_png h3{
        font-size: 18px;
        height:auto;
    }
    /***************jobpng-end******************/
    
}