*{
	margin:	0;
	padding:	0;
}


:focus,:active {
	outline:	0;
}


img{
	border: 	0;
}


body {
	 font: .8em Arial, Tahoma, Verdana;

}


a {
	 text-decoration: none;
	 color: #4169E1;
}

a:hover{
	color:	#800000;
}

h1 {
	 font-size: 1.4em;
	 font-weight: normal;
}

h1 a {
		color: #fff;
		font-size: 1.6em;
}

h2 {
		font-size: 1.2em;
		color:	#aaa;
}

h3 {
	 font-size: 1.2em;
	 background: #B00A0A url(../images/redbg.gif) repeat-x left bottom;
	 padding: 6px 7px;
	 color: #fff;
	 font-weight: normal;
	 margin: 0 0 15px;
	 float: left;
}

h4 {
	 margin: 0 0 15px;
	 color: #555;
	 font-weight: normal;
	 font-size: 1.6em;
	 font-weight: normal;
}

p { clear: both;
	 line-height: 1.64em;
	 margin: 0 0 15px;
}

.line { clear: both;
	 border-bottom: 2px solid #aaaaaa;
	 margin: 0 0 20px 0;
}

.line_light{
	 clear:both;
	 border-top: 2px solid #eee;
}

.line_lite2{
	float: right;
	width:	705px;
	border-top: 1px solid #111;
}

.line_lite3{
	float:	left;
	width:	210px;
	margin:	 0 10px 5px 10px;
	border-top: 2px solid #fff;
}

.line_lite4{
	float:	left;
	width:	230px;
	margin:	10px auto;
	border-top: 5px solid #fff;
}

.line_lite5{
	float: left;
	width:	500px;
	border-top: 1px solid #eee;
	margin:	0 0 0 20px;
}

.clear { clear: both; }

/* *************************** Top ******************************** */

#content { width: 970px; margin: 0 auto; }
	#menu { float: right; margin: -20px 20px 0; }
		#menu li { display: inline; font-size: 1.3em; }
			#menu li a { float: left; color: #808080; padding: 0 0 5px; margin: 0 0 0 55px; }
			#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000; border-bottom: 1px solid #ddd; }


#logo img{
	float:	left;
	width:	200px;
}

#tagline{
	margin:	-14px 0 0 5px;
}

.clearfix {
	float: none;
	clear: both;
}

/* *************************** modify 1 start ******************************** */

#search{
	position:	relative;
	width:	970px;

	text-align:	center;
}

#select_category{
	position:	absolute;
	top:	81px;
	left:	150px;
	width:	150px;
	height:	30px;
	border:	2px solid #ECECEC;
	background:	#fff;
	font:	normal 12px helvetica;
	color:	#333;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#search_box{
	margin-top:	20px;
	width:	400px;
	height:	30px;
	background:	#ccc;
	-webkit-border-radius:  5px;
  -moz-border-radius:	3px;
}

#under_search #select_category{
	position:static;
	margin-top:	10px;
	width:	150px;
	height:	30px;
	border:	2px solid #ECECEC;
	background:	#fff;
	font:	normal 12px helvetica;
	color:	#333;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#under_search #sort{
	position:	static;
	margin-top:	15px;
	left:	355px;
	width:	150px;
	height:	30px;
	border:	2px solid #ECECEC;
	background:	#fff;
	font:	normal 12px helvetica;
	color:	#333;
	float:none;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#under_search #resultPerPage{
	position:	static;
	margin-top:	15px;
	left:	510px;
	width:	150px;
	height:	30px;
	border:	2px solid #ECECEC;
	background:	#fff;
	font:	normal 12px helvetica;
	color:	#333;
	float:none;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#under_search .services{
	text-align:center;
	width:650px;
	margin-top:10px;
}

#under_search .services div .service{
	padding:5px;
}

.space{
	padding: 0 0 8px 0;
}

#search_btn{
	margin-top:	20px;
	border: none;
	background: #555;
	padding:	5px 20px 6px 20px;
	font:	normal 15px helvetica;
	color:	#fff;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

/* *************************** modify 1 end ******************************** */

#search_btn:hover{
    background:         #111111;
		box-shadow:	1px 1px 2px gray;
		-wbkit-box-shadow:	1px 1px 2px gray;
}


#search_r{
	float: left;
	width:	500px;
	margin:	50px 0 0 65px;
}

#search_box_result{
	width:	259px;
	height:	20px;
	background:	#ccc;
	-webkit-border-radius:  5px;
  -moz-border-radius:	3px;
}


#search_box_result2{
	display:	inline-block;
	width:	75px;
	height:	20px;
	background:	#ccc;
	-webkit-border-radius:  5px;
  -moz-border-radius:	3px;
}

.box_price{
	text-align:	center;
}

#search_btn_result{
	border: none;
	background:	#555555;
	padding:	3px 10px 3px 10px;
	font:	normal 12px helvetica;
	color:	#fff;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#search_btn_result:hover{
    background:         #111111;
		box-shadow:	1px 1px 2px gray;
		-wbkit-box-shadow:	1px 1px 2px gray;
}

#search_btn_result{
	border: none;
	background:	#555555;
	padding:	5px 10px 5px 10px;
	font:	normal 12px helvetica;
	color:	#fff;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#search_btn_result:hover{
    background:         #111111;
		box-shadow:	1px 1px 2px gray;
		-wbkit-box-shadow:	1px 1px 2px gray;
}

#search_btn_result2{
	border: none;
	background:	#555555;
	margin:	15px 0 10px 65px;
	padding:	5px 10px 5px 10px;
	font:	normal 12px helvetica;
	color:	#fff;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#search_btn_result2:hover{
    background:	#111111;
		box-shadow:	1px 1px 2px gray;
		-wbkit-box-shadow:	1px 1px 2px gray;
}


#category{
	width:	950px;
	background:	#eee;
	margin:	0 auto;
	border:	1.5px solid #ECECEC;
	text-align:	center;
	margin-bottom:10px;
	margin-top:10px;
}

#category2{
	width:	650px;
	background:	#eee;
	margin:	0 auto;
	border:	1.5px solid #ECECEC;
	text-align:	center;
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:15px;
}

#category_copy{
	padding:	10px 0 0 10px;
	text-align: left;
	clear:both;
}

#category_container{
	width:	800px;
	height: 300px;
	margin:	30px 0 0 75px;
}


.icon_cupsule{
	float:	left;
	width:	120px;
	height:	140px;
	margin:	0 5px 10px 5px;
}

.icon{
	width:	120px;
	height:	81px;
	float:	left;
	margin:	0 0 10px 0;
}

.icon img{
	width:	81px;
	height:	81px;
	box-shadow:	0.5px 0.5px 2px gray;
	-wbkit-box-shadow:	0.5px 0.5px 2px gray;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

.icon:hover{
	-webkit-transform:	scale(1.1,1.1);
	-moz-transform:	scale(1.1,1.1);
}

.icon_name{
	float:	left;
	width:	120px;
	height:	25px;
	font:	normal 12px helvetica;
	color:	#777;
	text-align:	center;
}

.clear{
	clear:	both;
}

/* *************************** search ******************************** */

.result_container{
	width:	970px;
	min-height:	700px;
	height: auto;
	margin:	0 0 20px 0;
}

.result_sub{
	float: left;
	width:	230px;
	height:	auto;
	background:	#eee;
	margin:	0 10px 0 0;
}

.sub_box{
	float; left;
	width:	225px;
	min-height:	55px;
	height:	auto;
	padding:	5px 0 5px 5px;
}

.sub_box h2{
	color:	#800000;
}

.box_title{
	width:	225px;
	height:	30px;
}

.box_select{
	margin:	15px 0 0 0;
}

.box_select li{
	display:	block;
	margin:	1px 0 1px 20px;
}

.box_checkbox{
	margin:	0 0 0 20px;
}

.box_checkbox input{
	margin:	3px 0;
}

#option {
	margin: 0 0 0 15px;
}

.result_main{
	float:	left;
	width:	715px;
	min-height:	430px;
	height:	auto;
	margin:	0 0 0 10px;
	padding:	0 0 0 5px;
}

#loading{
	display: table-cell;
	text-align:center;
	vertical-align:middle;
	padding: 10px 0 0 15px;
	width: 705px;
	height:400px;
}

#result_bj{
	padding-top: 8px;
	padding-left: 10px;
	display: inline;
	float:	right;
	width:	695px;
	height:180px;
}

#result_suggestion{
	padding-top: 8px;
	width:	630px;
	height:100px;
	margin: 0 auto;
}

#box_bj{
	margin:0 auto;
	height:250px;
	margin-left:40px;
}

.store_bj{
	font-size:0.8em;
	float:left;
}

.sImg{
	margin:0 auto;
	text-align:center;
}

.sName {
	text-align:center;
}

#box_suggestion{
	width:550px;
	margin: 0 auto;
	margin-left:40px;
}
#result_bj #prev{
	position: relative;
	top:-70px;
}
#result_bj #next{
	position: relative;
	top:-70px;
	left:630px;
}

#result_bj #prev.disabled{
	position: relative;
	top:-70px;
	color:white;
	cursor:default;
}
#result_bj #next.disabled{
	position: relative;
	top:-70px;
	left:630px;
	color:white;
	cursor:default;
}

#result_suggestion #prev{
	position: relative;
	top:-80px;
	left: -300px;
}

#result_suggestion #prev.disabled{
	position: relative;
	top:-80px;
	left: -300px;
	visibility: hidden;
}

#result_suggestion #next{
	position: relative;
	top:-80px;
	left: 300px;
}

#result_suggestion #next.disabled{
	position: relative;
	top:-80px;
	left: 300px;
	visibility: hidden;
}


.suggestionItem{
	margin: 0 auto;
	height:100px;
	width:110px;
	float:left;
	cursor:pointer;
}

.suggestionKeyword{
	float:left;
	margin:5px 0 0 10px;
	cursor:pointer;
}
#recomend_bar{
	padding-top: 8px;
	padding-left: 10px;
	display: inline;
	float:	right;
	width:	695px;
	height:	22px;
	background:	#111;
	color:	#fff;
}
#result_number{
	padding-top: 8px;
	padding-left: 10px;
	display: inline;
	float:	right;
	width:	695px;
	height:	22px;
	background:	#111;
	color:	#fff;
}
#total_results{
	font-weight:bold;
}

.result_cupsule{
	position:	relative;
	float:	left;
	width:	120px;
	height:	228px;
	margin:	10px 0 0 10px;
	padding: 5px 5px 0 5px;
	border:	1.5px solid #ECECEC;
}

.result_cupsule_bj{
	position:	relative;
	float:	left;
	width:	120px;
	height:	123px;
	margin:	10px 0 0 10px;
	padding: 5px 5px 0 5px;
	border:	1.5px solid #ECECEC;
}

.result_image_shape{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 121px;
	height: 121px;
}
.result_info{
	display:none;
}

.picture{

	max-width:	121px;
	max-height:	121px;
	width: expression((getImageWidth('picture') > getImageHeight('picture')) ? "121px" : "auto");
	height: expression((getImageHeight('picture') > getImageWidth('picture')) ? "121px" : "auto");
}

.picture:hover{
	-webkit-transform:	scale(1.1,1.1);
	-moz-transform:	scale(1.1,1.1);
}

.result_cupsule a{
	font:	12px helvetica;
	text-align:	left;
	line-height:	16px;
}

.goods_name{
	text-align: left;
	width:	122px;
	height:	32px;
	word-break:	break-all;
	overflow:	hidden;
	font:	normal 10px helvetica;
	margin:	5px 0 5px 0;
}

.site_name{
	text-align:	left;
	font:	normal 10px helvetica;
	height:16px;
	margin:	0;
}

.store_name{
	text-align:	left;
	font:	normal 10px helvetica;
	margin:	0;
}

.goods_price{
	display: table-cell;
	vertical-align: bottom;
	position:	absolute;
	width:	117px;
	height: 25px;
	top:	200px;
	left:	10px;
	color:	#2e8b57;
	text-align:	right;
}

.goods_price img{
	float:	left;
}

.price_require{
	vertical-align: bottom;
}

.price_require_bj{
	clear:both;
	color:	#2e8b57;
	text-align:	right;
}
.price_space{
	display: table-cell;
	vertical-align: bottom;
	width:	117px;
	height: 15px;
	top:	200px;
	left:	10px;
}

.price_optional{
	vertical-align: TOP;
	width:	117px;
	top:	20px;
	height:15px;
	left:	20px;
	color:	#2e8b57;
	text-align:	right;
	font-size:10px;
}

.sort_tab{
	float:	left;
	display:	block;
	margin:	10px 0 0 25px;
	font:	normal 12px Helvetica;
}

.sort_tab li{
	display:	inline-block;
	background:	#ddd;
	padding:	5px	10px;
	border-radius:  3px 3px 0 0;
}

.sort_tab a{
	color:	#555;
}

.sort_tab a:hover{
	color:	#569123;
}

.select_box{
	float:	right;
	width:	100px;
	height:	20px;
	margin:	10px 0 0 5px;
	border: none;
	background:	#fff;
	font:	normal 11px helvetica;
	color:	#333;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#select_box2{
	width:	150px;
	height:	20px;
	margin:	0 0 0 35px;
	border: none;
	background:	#fff;
	font:	normal 11px helvetica;
	color:	#333;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
}

#tmpShow{
	font-size:0.8em;
}

/* *************************** App ******************************** */

.app_container{
	width:	970px;
	min-height:550px;
	height: auto;
	margin:	0 0 20px 0;
}

.app_image{
	float:	left;
	width:	550px;
	height:	500px;
	margin:	0 10px 0 0;
}

.app_image img{
	width:	550px;
	margin:	50px 0 0 0;
}

.app_des{
	float:	left;
	width:	350px;
	height:	400px;
	padding:	100px 0 0 30px;
}

.app_about{
	text-align:	center;
	margin:	30px 0 30px 0;
}

.app_about h2{
	margin:	0 0 10px 0;
}

.appstore_img{
	text-align:	center;
}

.appstore_img img{
	width:	150px;
}

/* *************************** Help ******************************** */
#help{
	width:	970px;
	height:	500px;
}


/* *************************** header ******************************** */
.header{
	width:	100%;
	height:	80px;
}



/* *************************** footer ******************************** */
.footer{
    clear:      both;
    display:    block;
    width:      100%;
    font:       normal 12px Helvetica;
    margin:     10px auto;
    text-align:     center;
    color:      #ccc;
}

.footer a{
    color:      #333;
}

.footer a:hover{
    color:      #2e92de;
}

.footer ul{
    display:    block;
    width:      70%;
    margin:     0 auto;
}
.footer li{
    display:    inline-block;
    margin:     0 10px 0 10px;
}

.footer ul li span{
	color:	#111;
}

table.survey {
	width: 100%;
	margin: 10px;
}

td.title {
	text-align: right;
	padding: 4px;
}

td.input {
	text-align: left;
}

.hidden {
	display: none;
}

#under_search{
	width:650px;
	margin:0 auto;
}

div#suggestionKeywords{
	margin: 5px 30px 5px;
}