@charset "utf-8";

/* CSS Document */

.block {
    display: none
}




@media (min-width:990px){
    .menu2 ul{
        background: none;
        background: #fff;
    }
  
}


@media (max-width:1500px){
    .aboutus>div{
        margin: 1em;
    }
}

@media (max-width:1300px){
    .top_nav{
        width: auto;
        
    }
    #header .top{
        flex-wrap: wrap;
        background: #fff;
        padding: 20px;
    }
    .top h1{
        display: block;
    }
    .top_nav{
        width: 100%;
        margin-top: 2em;
    }
    .article {
        width: 75%;
    }

    .top_bg{
        background: none;
    }
    .banner{
        margin: 0;
    }
    .bg_bottom{
        background: url(../in_images/bg_sea.png)repeat;
    }

}
@media (max-width:1200px){
    .service ul{
        flex-wrap: wrap;
        justify-content: center;
    }
    .service ul li{
        width: calc(100%/3 - 30px);
        margin: 10px 15px;
    }
    

}


@media (max-width:990px) {


    .menu2 li>a{
        border-bottom: 1px solid #a5e2e9;
    }
    .menu_icon{
        display: block;
    }
    .col-md-9.col-sm-12.article{
        width: 100% !important;
    }
    .tabulation_word .w50,.tabulation_word .w30,.tabulation_word .w20,.tabulation_word .w80{
        width: 100%;
    }
    #caseNum,#email,#paxwd,#cname,#tel,#title,#log_cname,#log_Unit_Title,#log_pid,#cc001,#cc002{
        width: 100%;
    }
    .tabulation_word .example{
        margin-left: 0;
    }
    .links.rwd-table{
        border:none
    }
    .links.rwd-table .list_word{
        padding: 5px 10px 5px 2px !important;
    }
    .table li{
        border:none !important
    }
    .con{
        margin-top: 10px;
        margin-bottom: 11px;
        }
    #header .top{
        padding: 0;
    }
    #main_menu{
        margin-top: 0;
    }
    .download_li{
        margin-right: 0;
        width: calc(100%);  
        margin-bottom: 10px;
    }

    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;
        padding: 15px;
        display: inline-block;
    }
    #logo  img {
        max-height: 84px;
    }
    .top_nav{
        margin: 0;
    }
    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left
    }
    h2 {
        padding: 10px 15px 10px 50px;
        min-height: auto;
    }
    .title_box {
   
        background: url(../images/title_icon.png) no-repeat 0 center;
        padding-left: 5px;
    }
    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 15px 10px;
        background: #caf9ff;
    }
    .menu2 li {
        margin-bottom: 0.2em;
    }
    .menu2 .sub_menu->a, .menu2>li>a:hover {
        color: #fff;
        background-color: #2e7da5;
        border-radius: 6px;
    }
    #ff_btn,
    .calendar,
    .display_no,
    .main_bn,.main_bn2,
    .menu_nav,
    .menu_navigation,
    .left_menu,
    .top_menu,
    .calendar_type,
    .goback .Gotop2 {
        display: 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;
    }
    .Gotop {
        width: auto;
        height: auto;
        background: #2e7da5;
        position: fixed;
        bottom: 12%;
        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.center {
        margin-top: 8px;
      
    }
    .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 {
        background: #fff;
        overflow: hidden;
    }
    .rwd-table {
        min-width: 100%;

    }
    .rwd-table .list_head {
        display: none;
    }
    .question3.rwd-table .list_head {
        display: block;
    }
    .question3.rwd-table .list_date span {
        padding: 0 5px;
    }
    .rwd-table dd {
        display: block;
    }
    .rwd-table span:before {
        content: attr(data-th) "  ";
        color: #2e7da5;
        font-weight: bold;
    }
    .rwd-table span.list_word:after{
display: none;
    }
    .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 span br{
        display: none;
    }
    .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---------------------*/
    .links li:nth-child(odd) {
        background: none;
    }
    .links .list_word {
        text-align: left;
        padding: 10px 10px 10px 11px !important;
    }
    .links li {
        margin: 0;
        padding: 0;
        border: 0
    }
    .links li span:nth-child(even) {
    }
    /*----------------------------tour2---------------------*/
    .tour2 li .item a .cover,
    .tour2 li .item a .cover span {
        position: static;
    }
    .tour2 li .item a .cover {
        background: none;
        color: #000;
        line-height: 25px;
        padding: 0.5em 0;
    }
    .tour2 li .item a:hover .cover {
        background: none;
    }
    .tour2 li.tour2_2item .item img,
    .tour2 li.tour2_3item .item img {
        width: 100%;
        height: auto;
    }


    .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
    }

           /*fieldset  */
    
           .tabulation_word input, .tabulation_list input{
            display: inline-block;
        }
        .list_group legend{
            border: 0;
            float: none;
        }
        .gallery_list .imgbox {
            margin-bottom: 1em;
        }
        .footer_main {
            flex-wrap: wrap;
            background: #ecf7f9;
        }
        
        .footer_main div{
            width: 100%;
            text-align: center;
        }
        .news_title{
            flex-wrap: wrap;
        }
        #footer:before{
            display: none;
        }
        .main_block{
            padding-bottom: 5em;
        }
        .main_block:after {
            background: url(../images/bg.png) no-repeat center;
        }



        .bg_top,.bg_bottom{
            background: url(../in_images/bg_sea.png)repeat;
        }
}

@media (max-width: 767px) {

    .news_list .list_word {
        width: 100%;
        display: block;
        white-space: initial;
        max-width: initial;
        padding: 10px 0;}
        .news_list .list_date {
            width: 100%;
            display: block !important;
            text-align: left;
        padding: 10px 0;}

        
     .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: 177px;
    }

    .content_txt .imgbox,
    .faq .imgbox,
    .gallery_list .imgbox,
    .gallery_list .imgbox2 {
        float: none;
        padding: 0;
    }

    .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;
}

.title_block .col-md-12{
    flex-wrap: wrap;
    padding-top: 15px;
    margin-bottom: 0;
}

.article_title{
    width: 100%;
    margin-bottom: 1em;
    
}

.place{
    margin: 1em 0;
}


.content_date{
    display: block;
    width: 100%;
    margin-top: 0.5em;
}
.service{
    padding: 2em 0;
}

.service ul li{
    width: calc(100%/2 - 2em);
    margin: 10px 1em;
}

.aboutus>div{
    width: 100%;
    padding: 28px 15px 25px 15px;
    margin: 1em 0;
}

.fb{
    background: #fff;
    border: 5px solid #65ced9;
border-radius: 10px;}


.photo_block{
    background: #fff;
    border: 5px solid #6bbbdb;
    border-radius: 10px;

}


.aboutus>div::before{
    top: -6px;
    left: 50%;
}
h2{
    margin: 0;
    padding: 10px;
}


.photo_btn{
    margin: 2em 0 0 0;
}

.bg_bottom{
    padding: 3.5em 0 1em 0;
}
.photo_owl .owl-item img{
    max-height: 230px;
}

.fb-page{
   box-shadow: initial;
   margin: 0px 15px;
   padding: 0;
}




.bg_top{
    padding-bottom: 4em;
}

.service{
    margin: 0;
}


.aboutus div.fb{
    padding: 28px 0px 25px 0;
}

.responsive{
    padding: 0;
}

}

@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_title {}

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

    #search_btn {
        margin-bottom: 0px;
    }

    .calendar2_date {
        width: 20%;
    }

    .calendar2_date2 {
        width: 20%;
    }
    /*----------------------------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;
        background: #fff;
        padding: 12px 15px;
        
        
        
        text-align: left;
    }
}