/* BOCY SiteDefault Style Sheet
 * Created: 2009-12-01
 * Update: 
 * Author: BOCY.CN
 * Copyright: BOCY.CN
 */

/*search menu:product to company*/
#pageSearchBar{float:left;width:850px; position:relative; padding-left:5px; height:160px; border-left: 1px solid #ccc;}
#pageSearchBar .guideBar{ padding-bottom:5px;}
#pageSearchBar .guide{font-family:微软雅黑; font-size:23px;font-weight:bold; }
#pageSearchBar .guideIntro{ padding-left:10px; color:#999;}
#pageMenuBar{ float:left; position:absolute; }
#pageMenuBar .pageClassBox{ float:left; width:85px; padding:5px 2px 5px 5px; border:solid 1px #fff; height:100%; border-right:solid 1px #ccc;}
#pageMenuBar .pageClassBox .category{}
#pageMenuBar .pageClassBox .class{ float:left;}
#pageMenuBar .pageClassBox .tempclass{ float:left;font-size:12px;  width:100%; line-height:180%; display:none;}
#pageMenuBar .pageClassBox .class,#pageMenuBar .pageClassBox .tempclass .list{}
#pageMenuBar .current{ border: 1px solid #FCD005; background: #eee; height: 100%; background-color: #FFFFDD;}
#pageMenuBar .pageClassBox a{ float:left; display:block; width:100%;}
#pageMenuBar .pageClassBox a:hover{ background: #eee; }

/*UserHeadBox*/
.userAvartar{ float:left; }
.userSayBox{ float:left; width:468px; height:60px; margin-bottom:5px;}
.userSayBox textarea{ float:left; margin-left:10px; line-height:150%; width:400px; height:45px; border:solid 1px #ccc; background:#f8f8f8;}

/*main*/
* {padding:0;margin:0;}

body
{
    font-size: 12px;
    background: #fff;
    font-family: 宋体,sans-serif;
    line-height: 1.5;
        background-attachment:fixed; /*for IE6 背景不随文本一起滚动*/
        background-image:url(image/bg.gif);/* for IE6  */
} 

/*head*/
#topBox
{
	width: 100%;
	text-align: center;
}
#topInfo{width: 989px; font-size:0px; height:0px;}
#topBg
{
	width: 989px;margin:0 auto;
}
#headBox
{
	width: 989px;
	height:47px;
	background:#63B92D url('image/logo.jpg') no-repeat;
}
#logo
{
    float:left;
	height:40px;
	width: 400px;
}
#headInfo{ float:right;}

/*pagehead*/
#pageMenu{float:left; width:868px; overflow:hidden; border-bottom:solid 1px #ccc; }
    #pageMenu ul{ margin-left:5px;}
    #pageMenu li{ list-style:none; float:left;}
    #pageMenu li span{  float:left;}
    #pageMenu li span.left{ width:4px; }
    #pageMenu li span.center{ padding:0 2px 0 0;}
    #pageMenu li span.right{ width:8px; }
    #pageMenu li.current span.left{ width:8px; }
    #pageMenu li.current span.center{ padding:0 3px 0 3px; }
    #pageMenu li.current span.right{ width:8px; }
    #pageMenu li.current a{ color:#ff0000; }
    #pageMenu li span a{  margin-top:6px; display:block;padding:0;text-align: center;  font-family:微软雅黑,黑体,宋体; font-size:19px;  }
    #pageMenu li span a:hover{ color:#40B143;}

/*content*/
#contentBasicBg{ width:100%; text-align:center; clear:both; }
#content{ display:table; width:989px; height: 100%; text-align:left; margin: 0px auto; }
.contentBgTop{ float:left; font-size:0px; height:0px; }
.contentBgBody{ float:left; width:989px; }
.contentBgBottom{ float:left; font-size:0px; height:0px; }
#mainBox
{
	width: 870px;
	float: right; padding-top:0px; 
	vertical-align:top; 
}
#mainBoxHead
{
	width: 870px;
	float: left; 
}
#mainBoxContent
{
	width: 870px; min-height:600px; 
	float: left; overflow:hidden;
	padding-bottom:20px;
}
#mainBoxBottom
{
	width: 870px;
	float: left;
}
.mainContent
{
	width: 870px;
	float: left;
	vertical-align:top; 
	margin:0px;overflow:hidden;
}
.mainContent_left
{
	width: 450px;
	float: left;
	vertical-align:top; overflow:hidden;
}
.mainContent_right
{
	width: 300px;
	float: right;
	vertical-align:top; overflow:hidden;
}
#contentSubBox
{
	width: 108px;
	float: left; padding-top:30px; 
	vertical-align:top;
	overflow:hidden;background:#63B92D;
}
.contentSub
{
	width: 108px;
	float: left; 
	vertical-align:top;
}
.contentSubBottom
{
	width: 108px;
	height:10px;
	float: left;font-size:0px;
	background:#63B92D url('image/subBar-bg-bottom.jpg') no-repeat;
}
#mainBox a { text-decoration: none; }
#mainBox a:link,a:visited{ color: #2F92CF; }
#mainBox a:hover { color: #FF3300; }/*subMenu*/
#subMenuBox{width: 108px; background-color:#63B92D;}
.menuList{ float:left; width: 108px;}
		.menuList ul {list-style:none;}
		.menuList li { width:108px; float:left;}
		.menuList a{ display:block;  text-decoration: none;}
		.menuList li a { font-size:12px; width:100px;line-height:20px; padding:5px 0px 0px 8px; border-bottom:solid 1px #73D634;}		
		.menuList li a:link{color: #fff;}
		.menuList li a:visited{color: #fff;}
		.menuList li a:hover{color: #fff; background-color:#73D634;}
		.menuList li a:active{color: #fff;}
		.menuList li.menu_current a {color: #fff;}

.mainBoxDefault{ padding:5px; }

/*default.aspx*/
.bBar{ float:left; width:420px; }
.mBar{ float:left; width:250px;}
.sBar{ float:right; width:410px;  }
.cbox{margin-top:5px; }
.cbox .chead{ font-family:微软雅黑,黑体,宋体; font-size:19px;background:#f5f5f5; padding:2px 5px 0 5px;  }
.cbox .cbody{ padding:5px;  }

.showMenu{ width:100%; float:left;}
.showMenu ul {list-style:none; width:100%; float:left;}
.showMenu li { float:left;}
.showMenu li a {  border-bottom-color:#f5f5f5; display:block; text-decoration: none; margin:2px 2px 0 0; padding:3px 8px 1px 8px;}
.showMenu li.current a {  }
#defaultProductMenuBox .cbody a{ font-size:14px; line-height:180%;}
.pbrand{ display:none;}
#defaultFoodMenuBox .cbody a{ font-size:14px; line-height:180%;} 

#searchBar{ padding:10px; background:#ccc; float:left;}
#searchHead{ background:#ccc; float:left;}
#searchHead ul {list-style:none; width:100%;}
#searchHead li { float:left;}
#searchHead li a { border-bottom-color:#fff; display:block; text-decoration: none; margin:2px 2px 0 0; padding:3px 8px 1px 8px;}
#searchHead li a.current { background:#fff; }
#searchBody{ background:#fff; padding:10px; float:left;}
#searchKey{ width:280px;}

/*myBar*/
#myBar{ position: fixed; z-index: 9999; bottom: 0px; width: 100%; text-align: center;
        _position:absolute; /* for IE6 */
        _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */}
      #myBar .int
      { width: 868px; height: 55px;margin: 0px auto; text-align: center;  background:#eee; border:solid 1px #ccc;
        -moz-border-radius-topleft: 14px; 
        -moz-border-radius-topright: 14px;
        -webkit-border-top-left-radius: 14px;  
        -webkit-border-top-right-radius: 14px; }
      #myBar .contentBox
      { 
        margin:5px 10px 0px 10px;
      }
      #userBox{
        width:460px;
        float:right; text-align:left; position:relative;
      }
          #userBox .userPic{
           width:68px; height:68px; background:#555; float:left; margin-top:-10px; padding-top:5px; position:absolute; text-align:center; overflow:hidden; vertical-align:middle; background:url(image/icon-btn.gif) no-repeat 0px -200px;
          }
          #userBox .userWelcome{ color:#555; position:absolute; left:0px; bottom:-30px; background-color:#ffa; border:1px solid #cc9; padding:2px 3px 0px 3px; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; }
          #userBox a.userName{ font-size:14px;}
          #userInfo{
            margin-top:2px; width:388px; height:45px; float:right;
          }
          #userInfo .abtn{ position:relative; background:#f5f5f5; padding:4px 8px 2px 8px; margin:1px;
          border-top:solid 1px #DADADA;
          border-left:solid 1px #F0F0F0;
          border-right:solid 1px #BBBBBB;
          border-bottom:solid 1px #BBBBBB;}
          #userInfo .bar1{ float:left; width:100%;   margin-bottom:3px;}
          #userInfo .bar2{ float:left; width:100%;  margin-top:3px;}
          #userInfo a.abtn:hover{ background:#fff;}
          #userBox a{ text-decoration:none; }
          #userBox a:link { color: #3eb3d6;}
          #userBox a:visited { color: #308ba6;}
	      #userBox a:hover { color: #ff0000; }
	      
      #appBox{
        float:left; width:380px; overflow:hidden; text-align:center;
        }
          #appBox .appList{
            float:right; width:48px; height:48px; overflow:hidden; margin:0px 5px 0px 5px; background:#63B92D;
          }
          #appBox .appName{ float:left; width:43px; height:43px; padding:5px 5px 5px 3px;}
          #appBox a.appName:hover{background:#A3CA2D; }
          #appBox a{ color:#fff; text-decoration:none;}
          #appBox a:link{ color:#fff;}
          #appBox a:hover{ color:#ff0000;}
          
      #goTop{ position: fixed;z-index: 999;bottom: 55px;right:20px;font-size:16px;
              _position:absolute; 
              _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(83 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
     }

/*foot*/
#footBox
{
	margin-top:12px; 
	width: 100%;
	height: 235px;
	text-align: center; 
}
	
	#footer
	{
		width: 989px;height:235px; text-align: left;
		display: block;margin:0px auto 0px auto;
	}
	    #footer a{ text-decoration: none; } 
		#footer a:link { color: #3eb3d6;}
		#footer a:visited { color: #308ba6; }
		#footer a:hover { color: #ff0000; }
	#footLogo { float: left; width: 50px; margin-top:20px; }
	.footInfo{ float: left; padding:20px 0px 0px 50px; }
		.footInfo span{ float: left; width:88px; margin:3px; }
	.footLink{ float: left; padding-left:20px;  padding-top:3px; margin-top:20px;}
	.footRights{ float: left; padding-left:35px;  padding-top:6px; margin-top:20px;}
		#xmga { float: left; width: 42px; height: 42px; clear: both;}
/*others*/
.loading{ float:left; width:99%; padding:20px 0 20px 0; background:url(image/loading.gif) no-repeat 10%;}
.corner{-moz-border-radius-topleft: 4px; 
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomleft: 4px; 
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-left-radius: 4px;  
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;  
        -webkit-border-bottom-right-radius: 4px;}
h1 {font-size:26px; font-family:微软雅黑,黑体;}
hr{ color:#ccc;}
li{ list-style-type: none;}
img { border:0; }
b { font-weight:normal;}
p { line-height: 150%; }
textarea { padding:5px; color:#63B92D; font-size:14px; }
input{ padding:5px; color:#63B92D; font-weight:bold; font-size:14px;}
input:hover{ background-color: #f5f5f5; }
input.btn{ cursor:pointer; background:#FF9900; padding:4px 5px 2px 5px; color:#eee; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc;}
input.btn:hover{ background:#FFB951; cursor:pointer;color:#fff; }
.btn:link{color:#eee;}
.btn:hover{ background:#FFB951; cursor:pointer;color:#fff; }
a.btn{cursor:pointer; background:#FF9900; color:#eee; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc; padding:5px;}
a.btnSimple{cursor:pointer; background:#e5e5e5; color:#555; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc; padding:4px 5px 2px 5px; }

.state-error{ color: #cd0a0a; border: 1px solid #cd0a0a; background: #fef1ec;}
.tips-error{ color: #cd0a0a; background: #fef1ec;}
.alertyes { color: #1C9DCE; font-size:14px; background-color: #EFF8FC; padding: 5px 2px 3px 6px; border: 1px solid #71CAFF; margin: 5px 0 5px 0; }
.alertno { color: #DB2C00; font-size:14px; background-color: #FDEDE8; padding: 5px 2px 3px 6px; border: 1px solid #FF8C8C;  margin:5px 0 5px 0;}
.tbl{border:0px;}
.tbl td {margin:0px; padding:2px 5px 0px 5px; background-color:#f8f8f8;}
.postBar{ text-align:center; background:#FEFAE7; padding:15px;}
.clear{ clear:both;}

/* bgBox */
.bgBox,.bgBar{ overflow:hidden;zoom:1;}
	.bgBox b,.bgBar b{_display:inline;/* ie6 */display:table;/* ff2 */display:inline-block;/* ff3,webkit,ie7 */display:/*\**/table\9;/* ie8 */overflow:hidden;max-width:100%;background-image:url(image/bgBox.gif);background-position:0 0;background-repeat:no-repeat; text-overflow:ellipsis;-o-text-overflow:ellipsis;zoom:1;}
	.bgBox b b,.bgBar b b{background-position:100% 0;}
	.bgBox b b b, .bgBar b b b{background-position:0 100%;}
	.bgBox b b b b{max-width:none;padding:5px 10px 8px 10px;background-position:100% 100%;}
	.bgBar b b b b{max-width:none;padding:5px 7px 3px 8px;background-position:100% 100%;}
	
/*login&reg*/
 #regBox{  margin-left:-20px; padding-left:80px; background:url( image/e_icon1.jpg) no-repeat;}
 #loginBox{  margin-left:-20px; padding-left:80px; background:url( image/e_icon1.jpg) no-repeat;}
 
 /*tooptip*/
.tooltip { display:none; background-color:#ffa; border:1px solid #cc9; padding:3px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; }

/* jqModal  */
.jqDrag {cursor: move;}
.jqmOverlay{ background:#000;}
a.jqmCloseX
{
	font-family:sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:center;
  width:28px;
  height:22px;
  display:block;
  float:right;
  clear:right;
  cursor:pointer;
}
a.jqmCloseX{ color:#fff; text-decoration:none;}
a.jqmCloseX:link{ color:#fff;}
a.jqmCloseX:hover{color:#ff0000;  background:#99cc00; }
/*jqModal Alert*/
#jqmAlert,#jqmConfirm { 
  display: none;  
  position: fixed;
  top: 200px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmAlertWindow{ width: 400px; }
.jqmAlertWindow,.jqmDialogWindow,.jqmDialogBoxWindow {
  height:auto;
  margin: auto;  
  background:#63B92D;
  padding:2px;
  border-style: solid; border-width: 4px; border-color: #ccc;
  -moz-border-radius-topleft: 4px; 
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px; 
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px; 
  -webkit-border-top-right-radius: 4px; 
  -webkit-border-bottom-left-radius: 4px; 
  -webkit-border-bottom-right-radius: 4px; 
}
.jqmAlertTitle,.jqmDialogTitle,.jqmDialogBoxTitle
{
  color:#fff;
  margin:0px;
  height:24px;
  background:#63B92D;
}
.jqmAlertTitle h1,.jqmDialogTitle h1,.jqmDialogBoxTitle h1{ 
  float:left;
  height:24px;
  margin-top:1px;
  padding-left:5px;
  font-size:14px;
  font-weight:bold;

}
div.jqmAlertContent{
  color:#000;
  padding:20px;
  background:#fff;
}
.jqmAlertBottom,.jqmDialogBottom,.jqmDialogBoxBottom
{
  text-align :center;
  color:#000;
  padding:5px 20px 5px;
  background:#eee;
  border-top:solid 1px #ccc;
}
/*jqModal Confirm*/
#jqmConfirm 
{
}
/*jqModal Dialog*/
#jqmDialog 
{
  display: none;  
  position: fixed;
  top: 200px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmDialogWindow {
  width: 450px;
}
div.jqmDialogContent{
  color:#000;
  padding:20px;
  background:#fff;
}
/*jqModal DialogBox*/
#jqmDialogBox 
{
  display: none;  
  position: fixed;
  top: 50px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#jqmDialogBox a { text-decoration: none; }
#jqmDialogBox a:link,a:visited{ color: #2F92CF; }
#jqmDialogBox a:hover { color: #FF3300; }

.jqmDialogBoxWindow {
  width: 600px;
  max-height:500px;
  _height:expression(this.scrollHeight > 500 ? "500px" : "auto");
  overflow-y:auto;
}
div.jqmDialogBoxContent{
  color:#000;
  padding:20px;
  background:#fff;
}
/*resultAlert*/
#resultAlert{ color:#555; left:0px; background-color:#ffa; border:1px solid #cc9; margin:5px 0 5px 0; padding:3px; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; }
/*jPager*/
.pager ul.pages {
float:left;
width:100%;
font-size:14px; 
margin:10px 0 10px 0; 
}   
  
.pager ul.pages li { 
float:left;   
border:1px solid #ccc;  
margin:0 2px 0 2px;   
padding:3px 8px 3px 8px;  
list-style:none;
cursor:pointer;
}   
  
.pager ul.pages li:hover {
color:#fff;
background-color:#63B92D;   
border:1px solid #63B92D;   
}

.pager ul.pages li.pgEmpty {   
border:1px solid #eee;   
color:#ccc;   
}
  
.pager ul.pages li.pgCurrent { 
color:#ff0000;   
font-weight:bold;
border:1px solid #999; 
background-color:#eee;   
}