body,h1,h2,h3,h4,h5,h6,div,p,span,strong,a,img,em,i,ul,ol,li,dt,dd,dl{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#5d5d5d;}
a:hover{ text-decoration:underline;}
ul li{ list-style:none;}
.clear,.wrap{ clear:both; overflow:hidden;}
.l{float:left;}
.r{float:right;}


body{  font:normal 12px/18px Arial; color:#000; color:#5d5d5d; text-align:left;}
.wrap{  width:70%; margin:0 auto;}

.top{ background:#f1f1f1;}
#logo{ float:left; height:75px; padding-top:25px;}
#topmail{ float:right; height:50px; padding-top:50px;}
#nav{ background:#000; margin-bottom:1%;}
#nav a{ display:block; float:left; width:14.2%; height:46px; text-align:center; font:bold 14px/46px Arial; color:#fff;}
#nava{ background:url(gbimg/navbg.jpg) no-repeat;}

#txmenu{ width:96%; padding:0 2%; height:37px; background:#333; }
#txmenul{ float:left; color:#fff; font:normal 16px/36px Arial;}
#txmenur{ float:right; padding-top:7px;}
#box{ border-top:#5b5b5b solid 1px; border-bottom:#adadad solid 1px; text-align:left;  margin-bottom:20px;}
#box .boxli a{ display:block; width:97%; padding-left:2%; background:#545454; border-bottom:#a5a5a5 solid 1px; font:normal 14px/28px Tahoma; height:28px; color:#fff;}
#box .boxli #boxlilast{ border:none;}
#box .boxli a:hover{ background:url(gbimg/line-txnav.jpg) repeat-x; text-decoration:none;}
#txmenu:hover{ cursor:pointer;}

#wrapin{ width:100%; text-align:left; margin:0 auto; padding:0 1.3% 0 1.3%; background:#fff;}
#ban img{ width:97%; margin:1.5% 0;}
#iconl{ float:left; width:30%; padding-left:1.3%;}
#iconlt{ font:bold 20px/30px Arial; display:block;}
#iconl ul li{ padding:8px 0 0 0;}
#iconl ul li a{ display:block;}
#iconl ul li a strong{ color:#ea7724;}
#iconl ul li a em{ font-style:normal; color:#999;}
#iconl ul li p{ line-height:14px;}

#iconc{ float:left; width:30%; margin:0 1%; border:#e0e0e0 solid 1px; padding:1% 1% .7% 1%;}
.iconct{ font:bold 20px/30px Arial; height:40px; display:block;}
.iconctop{ width:30%; float:left; text-align:center; margin-right:3%;}
.iconctop img{ width:100%;}
.iconctopr{ width:30%; float:left; text-align:center;}
.iconctopr img{ width:100%;}
.iconctop a,.iconctopr a,#iconrbl a,#iconrbr a{ display:block; line-height:14px; padding-bottom:8px; color:#ea7724;}
#iconcp{ padding-top:10px;}
#iconrp a{ color:#ea7724;}

#iconr{ float:left; width:30%; border:#e0e0e0 solid 1px; padding:1% 1% 0 1%;}
#iconrp{ padding:0 0 10px 0; line-height:14px;}
#iconrp a{ color:#ea7724;}
#iconrbl{width:48%; float:left; text-align:center;}
#iconrbl img{ width:100%;}
#iconrbr{ width:48%; float:right; text-align:center;}
#iconrbr img{ width:100%;}

#bot{ width:100%;  text-align:center; font:normal 14px/50px Arial; color:#fff; background:#4c4c4c; margin-top:30px;}

@media screen and (max-width:1043px){
    .wrap{ padding:0 1%; width:98%;}
}
@media screen and (min-width:787px){
	#txmenu{ display:none;}
	}
@media screen and (max-width:788px){
	#nav{ display:none;}
	#iconl{ width:100%;}
	#iconr{ margin-top:3%; width:40%;}
	#iconc{ margin-top:3%; width:40%;}
	}	
@media screen and (max-width:400px){
	#topmail{ display:none;}
	#logo img{ width:100%;}
	}
@media screen and (max-width:555px){
	#iconr{ margin-top:3%; width:70%;}
	#iconc{ margin-top:3%; width:70%;}
}
@media screen and (max-width:320px){
	.iconctopr{ display:none;}
	.iconctop{ display:none;}
}

	
#conl{ width:22%; float:left; background:#FFF; padding:0% 0 1% 1%;}
#conl h3{ width:100%; padding:9px 5px 9px 10px; background:#f1f1f1; font:normal 16px/18px Arial; border-bottom:#fff solid 2px;}

#conl ul{ padding:5px 0 5px 10px;}
#conl ul li{ line-height:14px; padding:4px 0;}
#conl ul li a{ color:#ea7724;}
#conl ul li a strong{ color:#5d5d5d; font-weight:normal;}

#conr{ width:73%; float:right;}
.pro{ width:95%;  border:#e0e0e0 solid 1px; padding:10px; clear:both; overflow:hidden; margin-bottom:10px;}
.proimg img{ display:block; float:left; width:28%;}
.procon{ float:right; width:70%; height:105px;}
.procon a{ display:block; font:600 14px/16px Arial; margin:0 0 5px 0; color:#ea7724;}

#spro{ width:95%; height:auto; border:#e0e0e0 solid 1px; padding:10px;}
#spro h1{ font:normal 20px/24px Arial; color:#ea7724;}
#sproimg{ text-align:center; padding:5px 0;}
#sproimg img{ width:45%;}
#spro h6{ font:bold 14px/18px Arial; color:#ea7724;}
.sprop{ padding:6px 0;}

#inquiry{ padding-top:10px;}
#ztable{ width:678px; margin-top:10px; text-align:center; border-top:#bbb solid 1px; border-left:#bbb solid 1px; line-height:22px; color:#383838;}
#ztable tr td{ border:#bbb solid 1px; border-left:none; border-top:none; padding:0; margin:0;}
#ztable .table-eeedan{ background:#e8e8e8;}
#ztable .table-trtop{ font-weight:bold; background:#d6d6d6;}
#ztable .table-tdlast{}
#ztable .table-eeedanlast{ background:#e8e8e8;}
#ztable a{ color:#1f1a17; text-decoration:underline;}
#ztable p{ display:inline;}

#newsp{ padding:6px 0;}
#newsp p{ padding:5px 0;}
#newsp a{ color:#ea7724;}
.mnewz{ display:block; padding:10px 0 0px 0; clear:both; overflow:hidden; color:#ea7724;}
#mnewb{ margin:30px 0 10px 0;}
#mnewb li{ display:block; float:left; padding:0 3px;}
#mnewb li a{ color:#e87724;}

#mnewb table{ border:none; text-align:center;}
#mnewb table tr td{ border:none; display:inline; padding:0 2px;}
#mnewb table a{ text-decoration:none; color:#e87724;}
@media screen and (max-width:820px){
	#conl{ display:none;}
	#conr{ width:100%; margin-top:1%;}
}
@media screen and (max-width:520px){
	.pro img{ width:45%; float:none;}
	.procon{ float:none; width:100%;}
}