@font-face{font-family:SanFrancisco;src:url(SanFranciscoDisplay-Light.otf) format('opentype');font-display: swap;}body,form,ol,ul{margin:0;padding:0;font-size:16px;font-family:SanFrancisco}.div_form,.div_header,.main{margin:0 auto}.main{width:93%}li{list-style:none}a{text-decoration:none;color:#01688e}.header_menu{width:100%;position:fixed;z-index:9999;height:36px;padding:5px 0 3px;font-size:12px;text-align:center;background:#FFF;top:0}.div_header{display:table;text-align:right;padding-top:50px}.div_logo,.div_nongsan,.footer,.p_text{text-align:center}.div_headersearch{width:155px;display:table;float:left;padding:49px 0 0 7px}.div_hpap{display:none}.div_hpapsearch{color:#01688e;font-size:36px;float:left}.logo{width:70px;border:none; display:none;}.logo_search{width:110px;border:none; padding:5px 10px 0 0}.div_nongsan{font-size:24px;padding-top:10px;color:#01688e}.span_agri{font-size:15px;color:#000}.div_form{width:50%;clear:both;padding-top:10px}.div_form2 {width: 100%;clear: both;}.div_formsearch{width:60%;margin:0 auto;float:left;padding:52px 0 0}.footer{width:100%;bottom:10px;font-size:14px; clear:both;}.footer a{color:#000;padding:0 12px;line-height:30px}.footer a:hover{color:#01688e}.keyword{float:left;border:1px solid #01688e;height:34px;width:100%;font-size:18px;padding:0 0 0 5px;margin:0;outline:0}.btn{position:relative;#top:-2px;margin-left:-34px;width:34px;height:34px;cursor:pointer;color:#FFF;border:none;border:1px solid #01688e;background-color:#01688e}.searchtoolbar{display:none;z-index:9999;width:100%;clear:both}.searchsugestion{width:100%;padding-top:5px}.searchtotal{clear:both;width:100%;padding:3px 0}.searchtotal:hover{background:#d0f1ff}.searchdiv1{float:left;margin-right:10px}.searchdiv2{text-align:justify}.div_arrow,.icon{text-align:center;}.searchdot{border-top:1px dotted #999;height:1px;margin-top:5px;clear:left}.vienden{border:1px solid #5f9c30;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;width:150px}.vienden:hover{border:1px solid #f27533;-webkit-box-shadow:0 0 8px rgba(176,1,4,1);-moz-box-shadow:0 0 8px rgba(176,1,4,1)}.menu-home{float:left;margin:0 5px}.menu-camera{float:left}.menu-login{background-color:#01688e;border-radius:2px;width:36px;height:36px;float:right;margin-right:5px}.menu-more{float:right;margin-right:5px}.icon{padding-right:5px;width:18px}.leftmenu,.rightmenu{padding-top:41px;display:none}.menu{display:block;width:220px}.menu-right{display:block;width:220px;float:right;right:0}.sub-menu,.sub-menu2{width:220px;display:none;position:absolute}.sub-menu{left:240px;top:49px}.sub-menu2{left:230px;top:0}.menu li,.menu-right li,.sub-menu li{padding:10px 0 10px 10px;border-bottom:1px dotted #01688e;color:#01688e}.menu li a,.menu-right a,.sub-menu li a{color:#01688e;position:relative;top:0;left:0;display:block;width:100%;height:100%}.menu li:hover,.menu-right li:hover,.sub-menu li:hover{background-color:#e7f3ea}.div_arrow{float:right;position:relative;height:39px;width:39px;line-height:39px;cursor:pointer;top:-29px}
.iconns {
    width: 8vw; /*6.8vw;*/
    padding: 14px;
}
.divicon{ width: 70%; margin:0 auto; padding:10 0 10 0; text-align:center; }

@media only screen and (max-width: 1280px) {
	.div_form {
    	width: 60%;
	}
}

@media only screen and (max-width: 1024px) {
    .iconns {
        width: 8vw; /*6.3vw*/
    padding: 10px;
    }
	.div_form {
    	width: 70%;
	}
    .divicon {width: 65%; }
}

@media only screen and (max-width: 768px) {
    .iconns {
        width: 25vw; /*25vw*/
    padding: 7px;
    }

    .sub-menu, .sub-menu2 {
        display: none;
        position: static
    }

    .footer, .sub-menu, .sub-menu2 {
        position: static
    }

    .div_form {
        width: 90%
    }
    
    .div_formsearch, .searchtotal {
        width: 100%;
        margin: 0 auto
    }

    .div_formsearch {
        padding: 0
    }

    .div_headersearch {
        width: 160px;
        padding-top: 49px;
        margin: 0 auto;
        float: none
    }

    .div_hpap {
        font-size: 30px;
        line-height: 60px
    }

    .logo {
        width: 60px
    }

    .footer, .menu, .menu-right, .sub-menu, .sub-menu2, .divicon {
        width: 100%
    }

    .div_nongsan {
        padding-top: 6px
    }

    .p_text {
        font-size: 12px
    }

    .footer {
        margin: 70px 0 10px;
        bottom: none
    }

    .sub-menu {
        margin-top: 11px
    }

    .sub-menu2 li {
        padding-left: 20px
    }

    .menu-camera {
        line-height: 36px
    }
}

@media only screen and (max-width: 320px) {
    .div_nongsan {
        font-size: 14px;
        padding-top: 12px
    }

    .span_agri {
        font-size: 8px
    }
}
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }

.pd0 { padding: 0; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }

.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.mg0 { margin: 0; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }

.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.border { border: 1px solid silver; }