@charset "utf-8";



/* CSS Document */

.block {
    display: none
}

@media (max-width:1200px) {
    #header .top {
        padding: 1.5em 1.2em 0.8em 1.2em;
    }
    .display_no {
        display: none;
    }
    .footer_img,
    .footer_word {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding: 5px 10px;
    }

    #ff_btn {
        display: none;
    }

    #FontSizeArea {
        background: none;
    }
    #footer {
        background: #fee9a7;
    }


    .menu2 .nav_search {
        display: block;
        padding: 1em;
    }
    .menu2 .nav_search .text {
        width: calc(100% - 60px);
        height: 30px;
        padding: 0 5px 0 31px;
        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: #fa5200;
        color: #fff;
        cursor: pointer;
        vertical-align: top;
        position: static;
        float: left;
    }

    .qrcode {
        padding: 10px 0;
    }
}

@media (max-width:990px) {
    iframe {
        max-width: 100%;
        height: 432px;
    }

    body {
        background: #fffbec;
    }

    #header {
        height: auto;
    }
    #header .top {
        background: #fff;
        padding: 0.8em 1.2em 0.8em 1.2em;
    }

    .article {
        margin-top: 5px;
        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;
    }
    .b {
        right: 18px;
    }
    .con {
        margin: 0;
    }

    #main_menu {
        background: #fcc929;
    }
    #main_type {
        padding: 0 0 5px 0;
    }



    #main_type input#kd {
        width: calc(140px - 32px);
    }


    .list {
        margin-top: 5px;
    }

    .footer_img,
    .footer_word {
        display: block;
        text-align: center;
    }
    .footer_word {
        white-space: normal;
    }

    #footer a {
        display: block;
        color: #000;
    }

    #footer .footer_bth a {
        display: inline-block;
    }
    #logo {
        width: calc(100% - 40px);
        float: none;
        display: inline-block;
    }
    #logo img {
        max-height: 50px;
    }

    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left;
    }

    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 0px 10px;
    }
    .menu2 li>a {
    padding: 8px 5px 8px 22px;
}

    .place {
        margin: 5px 16px;
    }
    #ff_btn,
    .calendar,
    .display_no,
    .main_bn,
    .menu_nav,
    .menu_navigation,
    .left_menu,
    .top_menu,
    .calendar_type {
        display: none
    }
    #header {
        background: none
    }
    .calendar2,
    .block,
    .type_word,
    .share_mob,
    #menu_bth,
    .block,
    .b_main {
        display: block
    }
    .tabulation_word .example {
        display: block;
        margin-top: 5px;
    }
    .share {
        width: 100%;
        height: auto;
        font-size: 1em;
        font-weight: bold;
        position: static;
        display: table;
        padding: 0;
    }
    .share li {
        width: auto;
        display: table-cell;
        height: 45px;
        margin: 0;
    }

    #footer .Gotop a {
        color: #fff;
        padding: 0.2em 0.5em;
        text-align: center;
        display: block;
    }

    .Gotop a:before {
        content: "\f0d8";
        font-family: FontAwesome;
        font-size: 1.5em;
        transition: all 0.3s;
        display: block;
        line-height: 10px;
    }


    .home_img {
        margin-top: 10px;
    }
    .news_list .list_pic{
    display: flex;
    flex-direction: column-reverse;
}
    .news_list .list_pic>span{display: block;width: 100%}
    .news_list .list_pic .list_date{text-align: center;}
    .news_list .list_date img {
    max-height: 128px;
}
    .landmark {
        flex-wrap: wrap;
    }
    .landmark li {
        width: calc(100%/2 - 10px);
        margin-bottom: 10px;
    }
    .landmark li strong {
        font-size: 1.25em;
    }
    .photo_main,.news_list{margin-bottom: 40px;}



    .m_20,
    .m_30,
    .m_40,
    .m_50,
    .m_60,
    .m_70,
    .m_90 {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .col-xs-6:nth-child(2n+1) {
        clear: both;
    }
    iframe {
        max-width: 100%;
        height: 225px;
    }
    .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
    }


    .menu2 .sub_sub a:before {

        left: 21px;
    }


    .mail3_date {
        font-size: 78%;
        letter-spacing: -1px;
    }

    .search_title {}

    #search_btn li {
        width: 100%;
        margin-bottom: 10px;
    }

    #search_btn {
        margin-bottom: 0px;
    }

    .calendar2_date {
        width: 20%;
    }

    .calendar2_date2 {
        width: 20%;
    }

    .w80 {
        width: 70%;
    }
    .w20 {
        width: 30%;
    }
    /*----------------------------tour2---------------------*/
    .tour2 li.tour2_2item .item,
    .tour2 li.tour2_3item .item {
        width: 100%;
        float: none;
    }
}

@media (min-width: 991px) {
    #main_menu .menu2 {
        display: none !important
    }

    .left_menu .menu2 {
        display: block !important
    }
}