@charset "utf-8";


/* CSS Document */

.block {
    display: none
}

@media (max-width:1200px) {
    #div_content {
        background:none;
    }
    .photo2 span {
        background: rgba(170,228,250,0.9);
    }

    .hot {
        text-align: center;
    }
    .bg2_1 {
        padding-top: 30px;
    }
    .s_banner {
        background: #ffffff;
        margin-top: 0px;
        padding-top: 50px;
    }
    .links {

margin-bottom: 4.5em;

}
    .photo, .m_10,.m_20, .m_30, .m_40, .m_50, .m_60, .m_70, .m_90 {
        margin-bottom: 30px;
    }

    .photo2 {
        height: auto;
    }
    .photo2 span {
        height: auto;
        padding: 10px;
    }
    .owl-theme .owl-dots{position: static;}
    .news_tt {
        display: flex;
        flex-wrap: wrap;
    }
    .news_tt li {
        width: 50%;
    }
    .news_list li {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding-top: 10px;
    }

    #div_content .news_list li span {
        width: 100%;
        text-align: left;
        max-width: inherit;
        padding: 0 0 10px 0;
        background: none;
        display:  inline-block;
    }


    #div_content .news_list .bth span{width:auto}
    .service {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 30px;
    }
    .service li {
        width: auto;
        margin-right: 0;
        float: none;
    }
    .service li a {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
    .home_img {}
    .photo.owl-carousel .owl-item {
        vertical-align: top;
    }
    .photo.owl-carousel .owl-item>a {
        text-align: center;
    }
.owl-carousel.photo img{
    width: auto;
    height: auto;
    }
    .photo .photo_bg {
        position: static;
        width: 100%;
        height: auto;
        font-size: 1em;
    }
    .photo .photo_bg span {
        position: static;
        width: 100%;
        height: auto;
        padding: 1em;
        display: block;
    }
    #header {
        height: auto;
    }
    #header .top {
        padding: 10px;
        background: #a1e1f9;
        top: 0;
        position: static;
    }
    #main_menu {
        position: absolute;
        bottom: 0;
        top: 75px;
        right: 0;
        z-index: 9;
    }
    h2 {
        background: url(../images/title_icon.png) no-repeat bottom left;
        padding: 20px 10px 5px 50px;
    }
    #main_type input#keyword {
        width: calc(140px - 32px);
    }
    .article {
        min-height: inherit;
    }
    .article .owl-carousel img {
        width: auto;
        max-height: 150px !important
    }
    .article .box .owl-next {
        right: 10px;
    }
    .article .box .owl-prev {
        left: 10px;
    }
    #main_type {
        padding: 0 0 5px 0;
    }
    .list {

        margin-top: 1em;
    }
    .footer_img {
        margin-bottom: 15px
    }
    .footer_img,
    .footer_word {
        display: block;
        width: 100%
    }
    .footer_word {
        white-space: normal;
        padding: 0;
    }
    #logo {
        float: none;
        display: inline-block
    }
    #logo img {
        max-height: 55px
    }
    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left
    }
    .type_word {
        display: block
    }
    .menu2 {
        background-color: #ffffff;
        width: 100%;
        height: 100vh;
        max-height: calc(100vh - 59px);
        padding: 15px 10px 100px;
        position: absolute;
        z-index: 9999;
        overflow-y: scroll;
    }
    .menu2 li {
        margin-bottom: 0.2em;
    }


    .menu2 .nav_search {
        padding: 1em;
    }
    .menu2 .nav_search .text {
        width: calc(100% - 60px);
        height: 30px;
        padding-left: 15px;
        background-color: #fff;
        border-radius: 0;
        vertical-align: top;
        float: left;
    }
    .menu2 .nav_search .text2 {
        width: 60px;
        line-height: 30px;
        height: 30px;
        border-radius: 0 15px 15px 0;
        background: #2475b2;
        color: #fff;
        cursor: pointer;
        vertical-align: top;
        position: static;
        float: left;
    }


#div_content .news_list li span.bth_share, .service:before, .service:after, .list .list_head, #fat_footer, .display_no, #ff_btn, #footer:before, .menu_nav, .menu_navigation, .home_img:before, .top_menu, .share .Gotop, .calendar_type {
        display: none ;
    }


    #menu_bth,
    .block,
    .b_main {
        display: block
    }

    .bg2 {
        background: url(../in_images/bg2-.png) top center;
    }
    .bg2 .m_90{
        margin-bottom: 60px;
    }
    .bg2 .m_60{
        margin-bottom: 20px;
    }
    #FontSizeArea {
        background: #ffffff;
    }
    #header {
        background: none;
        /* position: fixed; */
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }


    #header.active {
        height: 100vh;
    }
    .con {
        margin-top: 0;
        padding-top: 1em;
    }

    .goback {
        position: static;
        margin: 1em 0;
    }
    .responsive_more_main{text-align: center;}
    #footer_info {
        text-align: center;
    }
    .tabulation_word .example {
        display: block;
        margin-top: 5px;
    }
    .share {
        width: auto;
        height: auto;
        font-size: 1em;
        font-weight: bold;
        position: static;
        display: flex;
        flex-direction: row;
    }

    .share li {
        border-radius: 0;
        width: calc(100% / 3);
        margin: 0;
    }
    .share .type1,
    .share2 .type1 {

        background-color: #2c5194;
    }

    .share .type2,
    .share2 .type2 {

        background-color: #fe0000;
    }

    .share .type3,
    .share2 .type3 {

        background-color: #10bc10;
    }

    .share .type4,
    .share2 .type4 {

        background-color: #dc483c;
    }


    .share .Gotop {
        width: auto;
        height: auto;
        background: #2475b2;
        position: fixed;
        bottom: 8%;
        right: 2%;
        opacity: 0.8;
        z-index: 999;
    }
    .share .Gotop a {
        color: #fff;
        padding: 0.5em;
        text-align: center;
    }
    .share .Gotop a:before {
        content: "\f0d8";
        font-family: FontAwesome;
        font-size: 1.5em;
        transition: all 0.3s;
        display: block;
        line-height: 20px;
    }


    /*----------------------------rwd-table---------------------*/
    .rwd-table {
        overflow: hidden;
    }
    .rwd-table {
        min-width: 100%;
    }
    .rwd-table .list_head {
        display: none;
    }
    .rwd-table dd {
        display: block;
    }
    .rwd-table span:before {
        content: attr(data-th) "  ";
        font-weight: bold;
        width: 6.5em;
    }
    .rwd-table li,
    .rwd-table dd {
        text-align: left;
    }
    .rwd-table li,
    .rwd-table dd:before {
        font-weight: bold;
    }
    .rwd-table .list li {
        border-bottom: 1px solid #ccc;
    }
    .list_date {}
    .rwd-table li {

        padding-bottom: 5px;
    }
    .rwd-table li:last-of-type {}
    .rwd-table .list {}
    .rwd-table .list_date span {
        display: block;
        width: 100%;
        padding: 5px
    }
    .rwd-table .list_date a {
        display: inline
    }
    .rwd-table .list_date i {
        font-size: 1em;
    }
    .rwd-table .list_word {
        background: none;
        padding: 5px;
    }
    .photo2 a{
       
        height: auto;
    }
    .photo2 img{
        max-height: 500px;
    }
    .photo2 a div{
        height: auto;
    }
    .service{
        flex-wrap: wrap;
    }
    .service li{
        width: calc(100%/3 - 10px);
    }
}

@media (max-width: 767px) {
    .inputXS,
    .inputS,
    .inputM,
    .inputL,
    .inputXL {
        width: 100%
    }
    .search_table2 {
        width: calc(100% - 60px);
    }

    .content_txt .imgbox,
    .faq .imgbox,
    .gallery_list .imgbox,
    .gallery_list .imgbox2 {
        float: none;
        padding: 0;
    }
    .pic dl {
        width: 100%;
        max-width: none;
    }

}

@media (max-width: 500px) {
    .pic dl {
        width: 100%;
    }
    .registration_date3 {
        padding: 0
    }
    .registration_enroll {
        padding: 0
    }
    .registration_sign {
        padding: 0
    }
    .mail3_date {
        font-size: 78%;
        letter-spacing: -1px;
    }

    #search_btn li {
        width: 100%;
        margin-bottom: 10px;
    }
    #search_btn {
        margin-bottom: 0px;
    }
    .calendar2_date {
        width: 20%;
    }
    .calendar2_date2 {
        width: 20%;
    }
    #fat_footer {
        display: none !important
    }
    .service li{
        width: calc(100%/2 - 10px);
    }
}
@media(max-width:600px){
    
    .photo span {
        position: initial;
        padding: 5px 15px;
    }
    .photo2 div,.photo2 a{
        min-height: auto;
    }
}
@media (max-width: 425px) {
    #logo img {
        max-height: 40px;
    }
    .con {
        margin-top: 80px;
    }
  
    .photo2 img{
        max-height: 250px;
    }
}
@media (min-width: 1201px) {
    #main_menu .menu2 {
        display: none !important
    }
    .left_menu .menu2 {
        display: block !important
    }
}