@charset "utf-8";

*{margin:0;padding:0;border:none;font-family:Arial,sans;}

body{background:#444;color:#888;font-size:13px;}

.wrapper{border:solid 15px #fff;border-top:none;width:960px;margin:0 auto;position:relative;background:#fff;}

.header{background:linear-gradient(#000,#aaa);width:975px;height:67px;padding-right:15px;margin-left:-15px;}
.h_title{margin-left:15px;padding-top:9px;font-size:26px;font-weight:bold;color:#fff;text-align:left;float:left;height:58px;}
.h_title span{font-size:14px;line-height:19px;font-weight:normal;}
.soc{float:right;padding-top:10px;}
.soc div{float:left;}
.soc img{margin:0 3px;}

.header_bg{background:linear-gradient(#000,#aaa);position:absolute;width:100%;height:67px;}
.logo{top:105px;left:0;background:url('../images/logo.jpg') no-repeat 0% 0% / 100% auto transparent;position:absolute;z-index:9999;height:113px;width:80px;}

.menu{height:22px;background:#d7d7d7;padding:9px 0 0 8px;}
.menu a{color:#432829;text-decoration:none;margin-right:15px;font-size:14px;}
.menu .current{border-bottom:solid 2px #432829;}

.cont_wrapper{padding:7px;min-height:105px;background:#bdbdbd;color:#000;}
.title{clear:both;padding-left:135px;background:#f00;margin:38px 0 60px 0;}

.footer{background:#000;color:#fff;text-align:center;font-size:15px;padding:7px 1%;line-height:23px;width:98%;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer span{line-height:40px;}

.port_cont{}
.port_logos{width:100%;float:left;background:#fff;padding:10px 0;}
.port_logos img{width:18%;}

#clr{clear:both;line-height:0;}
#pop{background:#fff;margin-top:1px;border-radius:5px;color:#000;font-size:15px;font-weight:bold;letter-spacing:1px;padding:2px 5px;position:absolute;display:none;}
#gdiv div{width:23%;height:195px;}
#gdiv .glfirst{margin-left:244px;}

.abt_inner{width:82%;margin: 0px auto;text-align:justify;}

@media screen and (max-width:990px){
	.wrapper{width:735px;border-width:10px;}
	.header{width:745px;height:109px;padding-right:10px;margin-left:-10px;}
	.header_bg{height:109px;}
	.h_title{margin-left:150px;}
	.menu{padding-left:142px;}
	.menu a{margin-right:10px;}
	.logo{top:4px;width:123px;height:174px;left:-7px;}
	.port_logos{width:100%;float:none;}
	.port_logos img{width:17%;}
	#gdiv .glfirst{margin-left:185px;}
	.abt_inner{width:100%;margin: 0;}
}

@media screen and (max-width:767px){
	.wrapper{width:565px;border-width:10px;}
	.header{width:575px;height:105px;}
	.header_bg{height:105px;}
	.h_title{font-size:24px;}
	.h_title span{font-size:13px;}
	.soc{padding-top:0;}
	.menu{padding-left:122px;height:72px;padding-top:5px;}
	.menu a{display:block;float:left;height:17px;width:96px;margin:2px;background:#fff;padding:8px 5px 5px;text-align:center;}
	.menu .current{border-bottom:none;background:#ddd;}
	.logo{width:113px;height:160px;}
	.port_cont{margin-left:0;}
	#gdiv div{width:31%;height:190px;}
	#gdiv .glfirst{margin-left:0px;}
}

@media screen and (max-width:599px){
	.wrapper{width:545px;border-width:5px;}
	.header{width:550px;padding-right:5px;margin-left:-5px;}
	.h_title{margin-left:106px;}
	.h_title span{font-size:12px;}
	.soc{padding-top:0;}
	.menu{padding-left:10px;}
	.menu a{width:117px;}
	.logo{width:68px;height:97px;left:-4px;}
	.footer{font-size: 13px;}
}

@media screen and (max-width:567px){
	.wrapper{width:456px;}
	.header{width:461px;height:120px;}
	.soc{padding-top:20px;}
	.h_title{margin-left: 92px;}
	.menu a{width:96px;}
	.footer{font-size: 13px;}
	.port_logos img{width:22%;}
}

@media screen and (max-width:479px){
	.wrapper{width:361px;}
	.header{width:366px;height:150px;}
	.header_bg{height:150px;}
	.h_title{margin-left: 92px;}
	.soc{padding-top:45px;}
	.menu{height:105px;}
	.menu a{width:96px;}
	.footer{font-size: 13px;}
	#gdiv div{padding-top:1%;margin:1%;width:48%;height:190px;}
}

@media screen and (max-width:383px){
	.wrapper{width:297px;}
	.header{width:302px;}
	.h_title{font-size:20px;margin-left: 92px;}
	.h_title span{font-size:13px;}
	.soc{padding-top:45px;}
	.menu{height:140px;}
	.menu a{width:128px;margin-left:0;}
	#gdiv div{width:48%;height:190px;}
	.port_logos img{width:21%;}
}

@media screen and (max-width:319px){
	.wrapper{width:223px;border-width:2px;}
	.header{width:225px;height:258px;}
	.header_bg{height:258px;}
	.h_title{margin-left:0;margin-top:110px;}
	.h_title span{font-size:13px;}
	.soc{padding-top:45px;}
	.menu{height:242px;}
	.menu a{width:192px;}
	.logo{left:78px;}
	#gdiv div{width:100%;}
}