/*===================== modals =====================*/
/* box */
.box {}
.box .box-head {}
.box .box-right {float:right;display:inline;}
.box .box-body {clear:both;}

/* card */
.card {}
.card .title {}
.card label {}
.card .desc {}

/* col, row */
.row {margin:auto;clear:both;display:block;}
.col {float:left;display:inline;}

/* list, piclist */
.list li {line-height:23px;font-family:"宋体";}

/* piclist */
.piclist li {float:left;display:inline;text-align:center;}
.piclist li img {display:block;margin-bottom:3px;}

/* these are using with javascript. */
/* collapsable modal */
.collapsable.collapsed .switch {}
.collapsable.collapsed .content {display:none;}

/* tab modal*/
.tab {}
.tab label {cursor:pointer;}
.tab label.active {}

/* clearfix */
.clearfix {display:inline-block;} 
.clearfix:after {
	/*/*/content: "."; /* 兼容ie8 */ 
	display:block;height:0;clear: both;visibility: hidden;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End Hides from IE-mac */ 
.clear {clear:both;font-size:0;line-height:0;}


/*===================== project common styles =====================*/
body {	
	font-size:12px;
	color:#999;	
	vertical-align:middle;
	font-family:"宋体",Arial,"lucida Grande",Helvetica,sans-serif;
}
a {color:#999;text-decoration:none;}
a:hover {color:#F00;}
a:focus {outline:1px dotted #333;}

input, textarea, button {color:#999;}
input, button, form img {vertical-align:middle;}
input.text {border:1px solid #CCC;display:inline;margin:0 2px;}

.button {float:left;display:inline;text-indent:-9999px;overflow:hidden;cursor:pointer;}



/*=============  head and foot ==============*/
/* #head */
#head {width:950px;margin:0 auto 8px;height:110px;color:#424242;}
#head #logo {width:240px;height:74pxpx;float:right;display:inline;}
#head a {color:#424242;}
#head a:hover {color:#F00;}
.col-alpha {width:320px;height:53px;padding-top:20px;float:left;}
.col-alpha p {padding-bottom:5px;}
.col-beta {width:380px;height:53px;padding-top:20px;float:right;}

.nav-tit {color:#CCC;padding-bottom:5px;}

.button.btn-buy-2 {width:54px;height:20px;background:url(img/btn_buy2.gif) no-repeat;margin-right:5px;}
.button.btn-sell-2 {width:54px;height:20px;background:url(img/btn_sell2.gif) no-repeat;margin-right:5px;}
.button.btn-community {width:48px;height:20px;background:url(img/btn_community.gif) no-repeat;margin-right:5px;}

.button.btn-contact-us {width:69px;height:20px;background:url(img/btn_contact_us.gif) no-repeat;margin: 0 5px 0 140px;}
.button.btn-add-favor {width:69px;height:20px;background:url(img/btn_add_favor.gif) no-repeat;margin-right:5px;}
.button.btn-set-home {width:69px;height:20px;background:url(img/btn_set_home.gif) no-repeat;margin-right:5px;}


/* #main */
#main {width:950px;margin:0 auto;}

/* #foot */
#foot {width:950px;margin:5px auto;text-align:center;clear:both;_height:150px;min-height:150px;}

/* ---  bottom nav, copyright, government ---*/
.bottom-nav {height:35px;line-height:35px;}
.bottom-nav a {margin:0 3px;}

.copyright {line-height:23px;}
.copyright a.siteurl {font-weight:bold;font-size:13px;color:#be0000;}
.copyright a.siteurl:hover {color:#F90;}
.copyright a.icp {text-decoration:underline;}

.government img {margin:10px 8px;border:1px solid #D2D2D2;}

/* #search-box */
#search-box {position:absolute;left:0;top:74px;margin:auto;width:100%;height:31px;border-top:5px solid #649e60;}
#search-box .search-inner {margin:-5px auto 0;padding-top:5px;width:666px;height:31px;line-height:22px;background:url(img/bg_search2.jpg) no-repeat center top;}
#search-box label {color:#FFF;width:160px;text-align:right;float:left;}
#search-box a {color:#FFF;}
#search-box input.text{border:1px solid #6d9e6a;height:18px;width:214px;}
.btn-search-2 {text-indent:-9999px;width:40px;height:20px;background:url(img/btn_search2.gif) no-repeat;}


/* #search-box-bottom */
#search-box-bottom {height:86px;background-color:#f2f2f2;text-align:center;color:#666;}
#search-box-bottom .search-inner {margin:-5px auto 0;padding:3px 0 0 25px;width:410px;height:25px;background:url(img/icon_search.gif) no-repeat 0 2px;}
#search-box-bottom label {}
#search-box-bottom input.text{border:1px solid #e8e8e8;height:18px;width:214px;color:#000;}
.nav-sub {margin-bottom:8px;height:40px;line-height:40px;}
.nav-sub a {margin:0 5px;color:#666;}
.nav-sub a:hover {color:#F00;}
.btn-search-3 {text-indent:-9999px;border:1px solid #aaa;width:38px;height:18px;background:url(img/btn_search2.gif) no-repeat -1px -1px;}

button,input,select {vertical-align:middle;}

/* --- ========================= --- */
/* .bread-crumb */
.bread-crumb {padding-left:25px;height:25px;line-height:23px;background:url(img/bg_bread_crumb.gif) no-repeat 3px 3px;color:#666;}
.bread-crumb .desc {font-weight:bold;}
.bread-crumb a {color:#666;}
.bread-crumb a:hover {color:#F00;}

/* .box-alpha */
.box.box-alpha {padding:8px;border:1px dashed #CCC;clear:both;height:137px;}
.box.box-alpha .box-head {height:26px;line-height:26px;background-color:#EEE;}
.box.box-alpha .box-head .box-right{padding:0 10px;background:url(img/li.gif) no-repeat 0 9px;}
.box.box-alpha .box-head h2 {padding-left:18px;font-size:13px;color:#000;}
.box.box-alpha .box-body {padding-top:8px;}
.box.box-alpha a {color:#003278;}
.box.box-alpha a:hover {color:#F00;}

/* .recommend-list */
.recommend-list {width:932px;overflow:hidden;}
.recommend-list li {padding:0 7px;margin-left:-7px;border-left:1px dashed #CCC;width:301px;float:left;display:inline;}
.recommend-list li img {padding:6px;border:1px solid #CCC;height:90px;width:90px;float:left;}
.recommend-list li .info {float:left;padding-left:8px;line-height:22px;}
.recommend-list li .info strong {font-weight:bold;}
.recommend-list li .info a {text-decoration:underline;}
.recommend-list li .desc {color:#fe6600;}