@charset "utf-8";
/* CSS Document */

.block_rwd {
    display: none;
}



@media (max-width:1300px) {
    .owl-nav,.media-carousel.owl-nav {
        display: none;
    }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
        display: none;
    }

    /* .theme_type .link ul li {
        width: auto;
        padding-right: 72px;

    } */
    

}


@media (max-width:1210px) {

    #FontSizeArea {
      background: none;
      background: #f2f2f0 ;
    }
   
    

    
    #admini {
        width: 100%;
        height: auto;
        background: #292b2a;
    }
    #picshow_img ul li h3 {
        display: none;
    }
    #picshow {
        display: block;
    }

    #picshow_word{
        display: block;
    }
    #select_btn, #select_btn ul li {
        max-width: 100%;
        display: block;
        margin: 0;
    }
    
    #select_btn, #picshow_word, #picshow_word ul, #picshow_word ul li {
        width: 100%;
    }
    #select_btn {}
    #picshow, #picshow_img ul li {
        width: 100%;
        height: auto;
        float: none;
        text-align: center;
        margin-bottom: 14px;
    }
    #scroller-controls-happening {
        position: absolute;
        width: 100%;
        max-width: none;
        bottom: -14px;
        transform: translate(0%, -50%);
    }

    #scroller-controls-happening ul li {
        float: right;
        height: 100%;
        width: 48%;
    }

}



@media (max-width:1200px) {
   .theme_link{
       background: none;    
        height: auto;
    }

   .theme_w {
    margin-left: 0;
}    
    .theme_type{
        
    }
    .video_title{
        margin: 30px 0;
    }
     
.theme_type .icon-1{
   

}
.theme_type .link {

    padding: 42px 70px 10px 140px;
}
.theme_type .link{
    width: auto;
}
.theme_type .icon-1,.theme_type .icon-2,.theme_type .icon-3,.theme_type .icon-4{
    left: 25px;
}
#logo{
    width: 40%;
}

}








@media (max-width:1000px) {


    .theme_type .link strong {
        min-width: 300px;
    }
    #sitemap table td {
        width: 100%;
        display: block;
    }
    .sitemap_table {
        width: 100%;
    }

 
}

@media (max-width:990px) {
    #select_btn {
        min-height:auto;
    }
    
    .theme_type .link ul li {
        width: 48%

    }
    
   
    .block_rwd{
        display: block;
    }
    .footer_bth{
        display: inline-block;
    }
    .s_banner{
        margin-top: 50px;
    }

    .bg_bottom{
        background: url(../in_images/bg_bottom.jpg) repeat 10px 10px;
        padding-top: 50px;
    }
    .theme_type .link {
        padding:  42px 0px 10px 160px;
 
    }
    /* .theme_type .link ul li {

        padding-right: 20%;
        

    } */
    .bg_d{
        background-color: #d4d4cf;
    }

    .bg_btm{background-color: #e2e2dd;
    }


    .month_btn{
        text-align: center;
        display: block;
    }
    #picshow_img img{
        width: 100%;
        height: auto;
    }
    .faq_icon {
        top: 3px;
        left: 8px;
    }
    .block {
        display: block;
    }
    .width_100 {
        width: 100%;
    }
    .active td {
        padding: 5px 10px;
        text-indent: 0px;
        padding-left: 0px;
    }
    iframe {
        max-width: 100%;
        height: 432px;
    }
    #header {
        height: auto;
    }
    .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: 5px;
    }
    .footer_img, .footer_word {
        display: block;
        text-align: center;
    }
    .footer_word {
        white-space: normal;
        padding: 10px;
    }
    #logo {
        width: calc(100% - 40px);
        float: none;
        display: inline-block;
    }
    #logo img {
        max-height: 50px;
    }
    #main_type input#kd {}
    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left
    }
    h2 {
        background: none;
        background-color: #292b2a;
        padding: 14px 10px 5px 19px;
        min-height: 50px;
    }
    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 15px 10px;
    }
    .menu2 li {
        margin-bottom: 0.2em;
    }
    #ff_btn, .display_no, .main_bn, .main_bn2, .menu_nav, .menu_navigation, .left_menu, .top_menu, .calendar_type, .goback .Gotop2 {
        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;
    }
    .share_mob li a {
        font-size: 0em;
    }
    .Gotop {
        width: auto;
        height: auto;
        background: #292b2a;
        position: fixed;
        bottom: 22%;
        right: 2%;
        opacity: 0.7;
        z-index: 999;
    }
    .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: 20px;
    }
    .search_title, .tabulation .tabulation_tt {
        background: none;
        font-weight: bold;
    }
    .tabulation .tabulation_word {}
    .search_txt, .search_title, .tabulation .tabulation_tt, .tabulation .tabulation_word {
        display: block;
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .search_txt, .search_title, .tabulation_tt, .tabulation_word {
        width: 100%;
        text-align: left;
    }
    .tabulation_blank {
        display: none
    }
    .tabulation2 .tabulation_tt, .tabulation2 .tabulation_word {
        padding: 0 0 5px 0;
    }
    .login, .registration1 {
        width: 100%;
    }
    /*----------------------------gallery---------------------*/
    .gallery_list .title {
        display: block;
    }
    .gallery_list .title strong {
        width: 100%;
        display: block;
        max-width: inherit;
        overflow: inherit;
        white-space: inherit;
    }
    .gallery_list .title p {
        width: auto;
        display: block;
        text-align: left;
    }
    /*----------------------------calendar---------------------*/
    .calendar ul li dl span, .calendar ul .date .plan dd {
        display: none
    }
    .calendar ul .date span {
        padding: 0;
    }
    .calendar ul .date span a {}
    .calendar_month, .calendar_type, .calendar2_week {
        float: none;
        position: static;
        margin-bottom: 10px;
    }
    .calendar2_week {
        width: 100%;
    }
    .calendar2_week a {
        width: calc(100%/6 - 2px);
        margin-right: calc(2px * 6 / 5);
        padding: 0;
    }
    .calendar2_week a:last-of-type {
        margin-right: 0;
    }
    .calendar_title {
        padding: 0;
    }
    .calendar_type a {
        padding: 0 10px;
    }
    /*----------------------------rwd-table---------------------*/
    .rwd-table {
        overflow: hidden;
    }
    .rwd-table {
        min-width: 100%;
    }
    .rwd-table .list_head {
        display: none;
    }
    .rwd-table dd {
        display: block;
    }
    .rwd-table td:before {
        content: attr(data-th) "：";
        color: #000;
        font-weight: bold;
    }
    .rwd-table td {
        text-align: left;
        text-indent: 0 !important;
        display: block;
        width: 100%;
    }
    .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;
    }
    .spel li {
        border-bottom: none
    }
    .spel .spel_date {
        margin-bottom: 2px;
        border-bottom: 1px #ccc dotted;
    }
    .spel .list_date span {
        padding: 2px;
    }
    /*----------------------------links---------------------*/

    .search_btn li {
        float: none;
        margin: 0 0 5px 0;
    }
    .search_btn li a {
        border-radius: 0;
    }
    .m_20, .m_30, .m_40, .m_50, .m_60, .m_70, .m_90 {
        margin-bottom: 20px
    }
    .video_txt li, .video_txt strong, .video_txt p {
        display: block;
        width: 100%;
    }
   


    #scroller-controls-happening ul li.btn-next{
        margin-right: 0px;
    }
    /* #scroller-controls-happening{
        left:-7px;
    } */

    #scroller-controls-happening ul li{
        padding: 0 2px;
    }



}

@media (max-width: 767px) {
    .news_list .list_word {
        display: block;
        width: 100%;
        white-space: normal;
        max-width: 100%;
        padding-top: 0px;
        padding-left: 6px;
    }
    .news_list .list_date {
        width: 100%;
        display: block !important;
        text-align: left;
        padding: 10px 0px 2px 5px;
    }
    .list .list_word {
        width: 100%;
        display: block;
    }
    .list .list_date {
        width: 100%;
        display: block;
        text-align: left;
    }
    .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 {
        width: 100%;
        height: 188px;
        display: table;
        table-layout: fixed;
    }
    .pic dl {
        width: 100%;
        max-width: none;
    }
    .page {
        max-width: 265px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 10px auto;
    }
    .page li {
        width: calc(100%/3);
        margin: 0 0 10px 0;
    }
    .active_color {
        width: 100%;
    }
    .modal-dialog{
        width: 100% !important;
        }
        
        .ekko-lightbox{
        display: flex;
        align-items: center;  
        justify-content: center;
        }


      #fancybox-wrap,#fancybox-content{
          width: 100% !important;
      }
      #fancybox-wrap{
          left: 0  !important;
      }







}

@media (max-width: 500px) {
    .theme_type .link strong {
        min-width: auto;

    }

    .s_banner{
        text-align: center;
    }

    .theme_type .icon-1,.theme_type .icon-2,.theme_type .icon-3,.theme_type .icon-4{
        display: none;

    }
    .theme_type{
        height: auto;
    }
    .theme_type .link {
        width: 100%;
        padding: 18px 15px 30px 15px;
    }
 


    .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_title {}
    #search_btn li {
        width: 100%;
        margin-bottom: 10px;
    }
    #search_btn {
        margin-bottom: 0px;
    }
    .calendar2_date {
        width: 20%;
    }
    .calendar2_date2 {
        width: 20%;
    }
    

    .owl-carousel.center .owl-item{
        padding: 0px 50px;
    }


    .responsive_list2 a{
        width:100%;
    }

    .art_txt .showtime,.art_txt .space{
        display: block;
        padding: 0 10px 10px 10px;
        text-align: center;
        float: none;
    }
}

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