.clear{clear: both;}
.left_ads_float{width: 120px;height: 500px;position: absolute;position:fixed;right: 5px;z-index: -1;top: 11px;
}
.divTopRight {width: 120px;height: 500px;position: absolute;position:fixed;left: 5px;z-index: -1;top: 11px;
}
.lophienco .tit>.icol0{width:37px; float:left; padding-left:2px; border-right:1px solid #FFF;}
.lophienco .tit>.icol3{width:223px;}
.lophienco .tit>.icol4{width:60px;}
.lophienco .stickytooltip{width:500px !important;}

.lophienco .items .icol0, .lophienco .items .col0{width:39px; float:left; text-align:center;}
.lophienco .items .icol1 a{color:#0072BC; font-size:14px;}
.lophienco .items .icol2{text-align:center; border-right:none;}
.lophienco .items .icol3{width:222px;border-left:1px solid #CCC;padding-right:1px;}
.lophienco .items .icol4{padding:0 0 0 2px; width:58px; color:#0072BC;}
.col1 .box-2, .box-gs-ph{display: none;}
.menu-smatphone{display: none;}
.menu-smatphone{width: 100%;height: 40px;background: #222;float: left; border-top: 2px solid #fff;}
.menu-smatphone>h3{float: left;margin: 0;padding: 12px;text-transform: uppercase;color: #fff;cursor: pointer;}
.menu-smatphone>span{font-weight: 500;float: left;margin: 0;padding: 14px;text-transform: uppercase;color: #fff;}
.container{float: left;margin-top: 10px;width: 100%;height: auto;overflow: hidden;border-top: 1px solid #ccc;}
.center{border-top: none;}
.center marquee{height: 210px;}

@media(max-width: 980px){
	.wrapt{display: none;}
	.wrapper{width: 94%;background: #fff;padding:0; margin: 0 auto; position: static;box-shadow: 2px 0 2px #696969, -2px 0 2px #696969;}
	.top{width:100%;position: static;float:left;}
	ul.menu{width:100%;position: static;float:left;}
	ul.menu li a{font-size: 13px;padding: 0 22px 0 18px;}
	.col1{width: 100%;float: left;padding: 0;min-height: auto;}
	.col1 .box-1{display: none;}
	.col1 .box-2{display: block;overflow: hidden;width: 100%;}
	#col2{display: none;}
	.searchbox select#district{height: 20px; width: 220px;}
	.searchbox select#grade{height: 20px; width: 120px;}
	.searchbox input#submit{height: 20px; width: 70px;}
	.lophienco, .items, .tit, .odd{width: 100% !important;}
	.lophienco .tit .icol0{width: 10% !important;}
	.lophienco .tit .icol1{width: 30% !important;}
	.lophienco .tit .icol2{width: 10% !important;}
	.lophienco .tit .icol3{width: 35% !important;}
	.lophienco .tit .icol4{width: 10% !important;}
	.lophienco .col0{width: 10% !important; float: left;}
	.lophienco .icol1{width: 30% !important;float: left;}
	.lophienco .icol2{width: 10% !important;float: left;}
	.lophienco .icol3{width: 35% !important;float: left;}
	.lophienco .icol4{width: 10% !important;float: left;}
	#center{width: 73%;padding-left: 0;padding-right: 15px;float: right;border-top: none;position: static;}
	#leftcol{float: left;position: static;}
	.divTopLeft, .divTopRight{display: none;}
	.gstbitem{width: 165px; height: 105px;}
	.gstbitem h3 {line-height: 17px;}
	ul.rightlist li{background-size: 90%;}
	.rightlist{margin: 10px 5px;}
	.leftitems .item{padding: 5px;}
	.footer .l{width: auto; padding-right: 8%;}
	.footer .r{width: auto; float: right;}
}

@media(max-width: 800px){
        .wrapper{width: 100%;background: #fff;padding:0; margin: 0 auto; position: static;box-shadow: none;}
	#center{width: 67%;padding-left: 10px;padding-right: 10px;}
	ul.menu li a{font-size: 12px;padding: 0px 14px;}
	.footer .l{font-size: 11px; padding-right: 6%;}
	.footer .r{font-size: 11px;}
	.top{background-size: 100%;height: auto;}
	.top img{height: 127px;}
	.gstbitem{width: 166px;}
	.box-2 .box7, .box-2 .box8{display: block !important;}
}

@media(max-width: 768px){
        body{font-size: 14px;}
        .wrapper{width: 100%;background: #fff;padding:0; margin: 0 auto; position: static;box-shadow: none;}
	#center{width: 100%;padding-left: 0;padding-right: 0;}
        .center{text-align: justify;padding:0}
	.lophienco .tit .icol4{width: 12% !important;}
	ul.menu li a{padding: 0px 13px;}
	.top img{height: 122px;}
	.gstbitem{width: 188px; height: 100px;}
	.gstbitem img{width: 70px; height: 90px;}
	.gstbitem h3 a{font-size: 12px;line-height: 15px;}
	.footer .l{padding-right: 2%;}
	.leftcol{background: none;width: 100%;position: static;float: left;}
	.leftcol .box-2 .box1, .leftcol .box-2 .box2, .leftcol .box-2 .box3, .leftcol .box-2 .box4, .leftcol .box-2 .box5, .leftcol .box-2 .box6{width: 100%;float: left;}
	.leftit, .rightit{background-image: none; background-color: #266DA3}
	.leftitems .item{background: none;}
	ul.leftlist li, ul.rightlist li{background: none;border-bottom: 1px solid #ddd;}
	ul.leftlist li:last-child, ul.rightlist li:last-child{border-bottom: none;}
	.leftitems .item:last-child{border-bottom: none;}
	.rightlist{margin: 0;}
        .leftcol{padding: 0;}
        .col1 .box-2{width: 100%;}
	.leftcol .box-2 .box2, .leftcol .box-2 .box6{float: right;}
	.leftcol .box-2 .box3 .leftitems{background: none;}
	.leftitems .item{border-bottom: 1px solid #ddd;}
	.leftcol .box-2 .box5 .rightlist{padding: 0 10px;}
	.leftitems{background: none;}
        #center .box-tinnoibat{display: none;}
	.leftcol .box-2 .box1, .leftcol .box-2 .box2, .leftcol .box-2 .box4, .leftcol .box-2 .box9{display: none;}
         .box-gs-ph{display: block;}
	.box-gs-ph .box-ph, .box-gs-ph .box-gs{width: 100%; float: left;}
        .footer .l{font-size:12px;}
        ul.rightlist li a, ul.leftlist li a, .leftitems .item a{font-weight: 600;}
        .col1 .center p img{width: 70% !important; height: auto !important;}
	
}

@media(max-width: 736px){
	ul.menu li a{padding: 0px 13px;font-size: 11px;}
	.gstbitem{width: 183px;height: 90px;}
	.gstbitem img{width: 70px; height: 90px;}
        .top img{height: 122px;}
	.lophienco .tit .icol4{width: 10% !important;}
	.lophienco .col0{width: 10% !important; float: left;}
	.lophienco .icol1{width: 30% !important;float: left;}
	.lophienco .icol2{width: 10% !important;float: left;}
	.lophienco .icol3{width: 35% !important;float: left;}
	.lophienco .icol4{width: 10% !important;float: left;}
}

@media(max-width: 640px){
	ul.menu li a{padding: 0px 8px;text-transform: lowercase; font-size: 12px;}
	.top img{height: 101px;}
	.lophienco .tit .icol4{width: 10% !important;}
	.gstbitem{width: 191px; height: 110px;}
	.gstbitem img{width: 70px; height: 90px;}
	.gstbitem h3 a{font-size: 13px;line-height: 18px;}
	.footer{height: auto;overflow: hidden;}
	.footer .l{width: 94%;border-right: none;text-align: center;}
	.footer .l p{  font-size: 13px;line-height: 20px;}
	.footer .r{width: 94%;float: left;text-align: center;overflow: hidden;font-size: 13px;}
	.footer .r .gplus{left: 103px;}
	.footer .r .facebook{right: 110px;}
	.lophienco .tit .icol1{width: 113px;}
	.menu-smatphone{display: block;}
	ul.menu{margin-top: -2px;height: auto;background: #039;padding: 15px;width: 96%;display: none;}
	ul.menu li{width: 100%;border-bottom:none;}
	ul.menu li:hover{background: #555;}
	.menu ul{position: static !important;width: 97%;padding-left: 30px;}
	ul.menu li a{text-transform: uppercase;}
	.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a{background: none;}
	.menu ul li a:hover{background: none; color: #E75A3A;}
	.menu ul li a{font-size: 12px;}
        ul.leftlist li a, ul.rightlist li a, .leftitems .item a{font-size: 14px;font-weight: bold;}
        .formwrap .row{width:100%}
}

@media(max-width: 600px){
	.gstbitem{width: 198px; height: 105px;}
	.gstbitem img{width: 70px;height: 90px;}
	.gstbitem h3 a{font-size: 11px;}

	.footer .r .gplus{left: 0;right: auto;}
	.footer .r .facebook{right: 0;}
	ul.menu li{width: 94%;border-bottom:none;}
	ul.menu li:hover{background: #555;}
	.menu ul{position: static !important;width: 97%;padding-left: 30px;}
	ul.menu li a{text-transform: uppercase;}
	.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a{background: none;}
	.menu ul li a:hover{background: none; color: #E75A3A;}
	.top img{height: 90px;}
    .center{text-align: left;}
    #left_ads_float{display: none !important;}
}

@media(max-width: 568px){
        body{font-size: 14px;}
	ul.menu li{width: 100%;}
	.gstbitem{width: 188px;}
	.gstbitem img{width: 70px; height: 90px;}
	.gstbitem h3 a{font-size: 13px;line-height: 18px;}

	#center{float: left;}
	.formwrap{width: 100%;}
	.formwrap .row .r{width: auto;}
	ul.menu{width: 95%;}
}

@media(max-width: 480px){
	.top img{height: 77px;}
	.menu ul{padding-left: 20px;}
	.gstbitem{width: 160px; height: 110px;}
	.gstbitem h3 a{font-size: 11px;}
	.gstbitem img{height: 90px;}
	ul.menu{width: 94%;}
	.formwrap .row .l, .formwrap .row .r{width: 100%}
	.footer .r{height: auto;}
        .formwrap .row .r select, .formwrap .row .r input{width: 98%;}
.formwrap .row .r #sonha{width: 20% !important;}
.formwrap .row .r #address{width: 86.5% !important;}
.formwrap .row .r #district, .formwrap .row .r #otherinfo{width: 98%;}
.formwrap .row .r input.btn{margin-bottom: 10px;}

}
@media(max-width: 360px){
	#center h1{font-size: 18px;}
	#center h2{font-size: 16px;}
	#center p img{width: 100%;}
	#center h1.centertit{font-size: 12px;}
        #center .box-tinnoibat{display: none;}
	.top{background-size: 133% auto;}
	ul.menu{width: 93%;}
	.menu ul li{width: 90%;}
	.footer .r .gplus, .footer .r .facebook{position: static;float: left;}
	.searchbox select#grade{width: 220px;}
	.icol0, .icol1, .icol2, .icol3, .icol4{font-size: 12px}
	.lophienco .tit .icol3{width: 32% !important;}
	.lophienco .tit .icol4{width: 12% !important;}
	.lophienco .icol1, .lophienco .col0, .lophienco .items .icol1 a, .lophienco .items .icol4{font-size: 12px !important;}
	.lophienco .icol3{width: 32% !important;}
	.lophienco .icol4{width: 12% !important;}
	.lophienco .tit .icol2, .lophienco .icol2{width: 7% !important;}
	.lophienco .items .icol3{height: auto;}
        .gstbitem{height: 100px;}
        .gstbitem h3 a{font-size: 12px;line-height: 13px;}
        .footer .l p, .footer .r p{font-size: 14px}
        .formwrap .row .r textarea{width: 96%;}
        .formwrap .row .r #address{width: 81.5% !important;}
	.gstbitem img{width: 70px; height: 90px;}

}
@media(max-width: 320px){
	.top img{height: 67px;}
	ul.menu{width: 91%;}
	.gstbitem img{width: 70px; height: 90px;}
}