@charset "utf-8";

/* CSS Document */

.block {
    display: none
}

@media (max-width:1420px){
    .news .owl-nav{
        display: none;
    }
}


@media (max-width:1200px){
    .top_menu li{
        padding: 0px 15px;
    }
}



@media (max-width:990px) {

    #logo{
        padding: 20px 15px 20px 15px;
    }

    #header .top{
        padding: 0;
    }
    .mask{
        display: none;
    }
    #header .top{
        display: block;
    }

    .home_img .owl-dots{
        bottom: 10px;
        right: 10px;
    }

    
    .match,.map {
        text-align: center;
    }
    .match a,.map_link{
        display: inline-block;
    }

    .pos_right{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .farmer .item{
        flex-wrap: wrap;
        padding: 0px 15px 60px 15px;
    }
    .farmer_pic{
        margin: 0 auto;
    }
    .farmer_box,.farmer_word{
        width: 100%;
    }
    .bg_center02{
        background: url(../in_images/bg_center02.png) no-repeat bottom -240px center #edfef3;
    }
    .video{
        margin: 0px 15px;
        padding: 20px 20px 40px 20px;
    }
    .links{
        justify-content: center;
    }
    .links li{
        width: 50%;
        margin-bottom: 20px;
        text-align: center;
    }
    
    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% - 70px);
        float: none;
        display: inline-block;
    }
    #main_type input#kd {
       
    }
    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left
    }

    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 15px 10px;
    }
    .menu2 li {
        margin-bottom: 0.2em;
    }
    #ff_btn,
    .calendar,
    .display_no,
    .main_bn,
    .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;
        width: calc(100%/3);
    }
    .Gotop {
        display: none;
        width: auto !important;
        height: auto;
        background: #0058a3;
        position: fixed !important;
        bottom: 12%;
        right: 2%;
        opacity: 0.8;
        z-index: 999;
        height: auto  !important;
        border-radius: 10px;
    }
    .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;
    }
    .home_img {
        margin-bottom: 20px;
    }


    .m_20,
    .m_30,
    .m_40,
    .m_50,
    .m_60,
    .m_70,
    .m_90 {
        margin-bottom: 20px
    }
    h2{
        text-align: left;}
    
        hr{
            max-width: none;
            margin: 60px 15px;
        }
}

@media (max-width: 767px) {

    .flowchart,.title01{
        display: none;
    }

    .col-xs-6:nth-child(2n+1) {
    clear: both;
}
    iframe {
        max-width: 100%;
        height: 225px;
    }
    .inputXS,
    .inputS,
    .inputM,
    .inputL,
    .inputXL {
        width: 100%
    }
    .farmer{
        background: rgba(255 ,255 ,255,0.9);
    border-radius: 10px;
    padding: 50px 15px 0px 15px;
    }
    .search_table2 {
        width: calc(100% - 60px);
    }
    .bg_center{
        padding: 120px 0px 122px 0px;
    }

    .farmer_word .about {
        flex-wrap: wrap;    }

    .video embed{
        height: 350px;
    }
    .mb_120{
        margin-bottom: 20px;
    }
    .farmer_word p{
        padding: 20px 0;
    }
    .bg_center02{
        padding: 20px 0;
    }


    .mt_50,.mt_120,.title03{
        margin-top: 20px;
    }

    .mt_30 {
        margin:0px;
    }


    hr{
        display: none;
    }
    .news .owl-dots{
        margin-top: 20px;
    }
    .pos_right{
        bottom: -50px;
    }
    .news a {
        display: block;
        border-radius: 10px;
        overflow: hidden;
    }
    .responsive{
        margin: 30px 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;
    }

    .bg_center{
        padding: 80px 0px 80px 0px;
    }
    .area{
        width: 100%;
        text-align: right;
    }
    .links{
        justify-content: space-around;
    }

    .links li{
        width:calc(100%/2 - 32px);
        margin: 5px 8px 15px 8px;
    }
   



}


@media (max-width: 400px){
    .video{
        padding: 20px 15px;
    }
    .video embed{
        height: 230px;
    }

}

@media (max-width: 320px){
    .farmer_pic{
        width: 230px;
        height: 230px;
    }
}


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

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