/*
	[Destoon B2B System] Copyright (c) 2008-2015 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
body {margin:0px;font-size:12px;color:#000000;background:#FFB619 url('bg.jpg') no-repeat center 0;}
/* common */
.m {margin:auto; max-width:1190px; width:100%}
.top {height:26px;line-height:26px;padding:0 10px 0 10px;}
#top a {text-decoration:none;}

.head {height:130px;overflow:hidden;}
.head div {float:left;}
.head .logo {padding:15px 10px 0 0px;height:120px;overflow:hidden;}
.head h1 {font-size:24px;margin:32px 0 5px 10px;color:#000000;font-family:\9ED1\4F53;filter:glow(color=#FFFFFF,strength=3);}
.head h4 {font-size:15px;margin:0 0 0 10px;color:#000000;}

#menu a {text-decoration:none;}
.menu {background:url('menu_bg.gif');height:30px;overflow:hidden;padding:0 0 0 20px;font-size:14px;font-weight:bold;}
.menu_li {float:left;white-space:nowrap;border-right:#FEB818 1px solid;line-height:30px;padding:0 20px 0 20px;}
.menu_li span {color:#391C00;}
.menu_on {float:left;white-space:nowrap;border-right:#FEB818 1px solid;line-height:30px;padding:0 20px 0 20px;background:url('menu_on.gif') repeat-x;}
.menu_on span {color:#FFFFFF;}

.side_head {border:#E6A825 1px solid;border-bottom:none;background:url('side_head.gif') repeat-x;}
.side_head div {padding:0 10px 0 10px;font-size:14px;height:28px;line-height:30px;overflow:hidden;letter-spacing:1px;}
.side_body {border:#E6A825 1px solid;border-top:none;background:#FFFFFF;padding:10px;margin:0 0 10px;}
.side_body li {background:url('../../image/ico_arrow.gif') no-repeat 5px 7px;padding:0 0 0 20px;height:26px;line-height:26px;overflow:hidden;}

.main_head {border:#E6A825 1px solid;border-bottom:none;background:url('main_head.gif') repeat-x;}
.main_head div {padding:0 10px 0 10px;font-size:14px;height:28px;line-height:30px;overflow:hidden;letter-spacing:1px;}
.main_body {border:#E6A825 1px solid;border-top:none;background:#FFFFFF;padding:10px;margin:0 0 10px;height:100%; overflow:hidden;}
.foot {text-align:center;padding:15px;line-height:28px;background:#FFFFFF;}

#mb_f {width:20%; float:left; display:block;}
#mb_r {width:78%; float:right; display:block;}
#mc_f {width:40%; float:left; display:block;}
#mc_r {width:45%; float:right; display:block;}
.hdp {width:1190px;height:372px;background:#FAFAFA;overflow:hidden;}
.mb_k {float:left; text-align:center; display:block; width:20%;}
.mb_cf {float:left; text-align:center; display:block; width:25%;}

@media screen and (max-width: 767px) {
#mb_f,#mb_r,#mc_f,#mc_r {width:100%;}
.head .logo img {width:100%;}
.menu {background:url('menu_bg.gif');padding:0 0 0 20px;font-size:14px;font-weight:bold; height:100%;}
.menu_li {float:left;white-space:nowrap;border-right:#262626 1px solid;line-height:30px;padding:0 10px 0 10px; text-align:center}
.menu_on {float:left;white-space:nowrap;border-right:#262626 1px solid;line-height:30px;padding:0 10px 0 10px;background:url('menu_on.gif') repeat-x; text-align:center}
.menu ul li {display:block; width:25%;}
.mb_k,.mb_cf {float:left; text-align:center; display:block; width:50%;}
.cc img {width:80%; height:80%;}
.hdp {width:100%; height:100%;}
.hdp img {width:100%; height:100%; }
.ln { display:none;}
.head {max-height:100px;}
}