div {
		line-height: 18px;
	}
	
	h1, h2, h3, h4, h5, h6, p, ul {
		margin: 0; padding: 0;
	}
	
	li {
		list-style: none;
	}
	
/*	-------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.wrap1 {
		width: 970px; padding: 0 5px; overflow: auto;
		background: #FFF;
	}
	
	.ad970 {
		padding-bottom: 5px;
	}
	
	.con_left {
		float: left; width: 750px;
		padding-top: 8px;
	}
	
	.con_left .container {
		padding: 0 10px;
	}
	
	.container .leftSide, .container .rightSide {
		float: left; width: 360px;
	}
	
	.container .rightSide {
		float: right;
	}
	
	.con_right {
		float: right; width: 210px;
		padding-top: 8px;
		word-break: break-all;
	}
	
	
/*	-------------------------------------------------------------
	top navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.cosme_navi {
		background: url(../images/cosme_navi_1.gif); height: 69px;
		border-top: 1px solid #FF2677; border-bottom: 1px solid #FF468B;
		overflow: hidden;
	}
	
	.cosme_navi div {
		float: left;
	}
	
	.cosme_navi .logo a {
		display: block;
		background: url(../images/cosme_navi_logo.gif) no-repeat; width: 160px; height: 69px;
		text-indent: -9999px;
	}
	
	.cosme_navi .navi {
		font: bold 14px/39px Arial;
		color: #FFF;
	}
	
	.cosme_navi .navi a, .cosme_navi .navi a:hover {
		color: #FFF;
		background: url(../images/cosme_navi_2.gif) no-repeat right;
		padding: 0 10px 0 3px;
	}
	
	.cosme_navi .navi .sp { color: #FF0; }
	
	.cosme_navi .hot {
		background: url(../images/cosme_navi_4.gif) no-repeat right #FFFFEE;
		width: 800px;
	}
	
	.cosme_navi .hot div {
		background: url(../images/cosme_navi_4.gif) no-repeat;
		white-space: nowrap;
		line-height: 26px; color: #862;		
		padding: 0 7px;
	}
	
	.cosme_navi .hot a, .cosme_navi .hot a:hover {
		color: #862;
		text-decoration: underline; padding: 0 2px;
	}
	
	.cosme_navi .hot span {
		font-weight: bold;
		background: url(../images/cosme_navi_3.gif) no-repeat 0 1px;
		padding-left: 15px;
	}
	
	
/*	-------------------------------------------------------------
	location
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.location_bar {
		border-bottom: 1px dashed #ccc;
		padding: 0 5px;
		overflow: auto; height: 100%;
	}
	
	.location_bar .location {
		background: url(../images/arrow_1.gif) no-repeat 0 15px;
		padding: 10px 0 8px 10px;
		float: left;
	}
	
	.location_bar .search {
		float: right;
	}
	
	.location_bar .search div {
		float: left;
		padding: 10px 0 8px 6px;
	}
	
	.location_bar .search .title {
		font-weight: bold;
	}
	
	.location_bar .search input {
		margin-top: -4px; padding: 2px 2px 1px 2px;
		color: #AAA;
		width: 180px;
	}
	
	.location_bar .search .submitBtn {
		background: url(../images/btn_bg1.gif); border: 0;
		width: 50px; height: 22px; text-align: center;
		color: #FFF; padding: 0;
		cursor: pointer;
	}
	
	
/*	-------------------------------------------------------------
	search bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.search_bar {
		border-bottom: 1px dashed #ccc;
		padding: 0 5px;
		overflow: auto; height: 100%;
	}
	
	.search_bar div {
		float: left;
		padding: 10px 4px 8px 4px;
	}
	
	.search_bar .title {
		font-weight: bold;
	}
	
	.search_bar input {
		margin-top: -1px; +margin-top: -4px;
		padding: 1px 2px; color: #AAA;
	}
	
	.search_bar .submitBtn {
		background: url(../images/btn_bg1.gif); border: 0;
		width: 50px; height: 21px; text-align: center;
		color: #FFF; padding: 0;
		cursor: pointer;
	}
	
	.search_bar select {
		margin-top: 0; +margin-top: -4px; -margin-top: -3px;
	}
	
	.search_bar .inputArea {
		width: 292px;
	}
	
	
	
	
	
/*	-------------------------------------------------------------
	product navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.product_navi {
		border-bottom: 2px solid #FF4F91;
		overflow: auto; height: 100%;
		margin-bottom: 20px;
	}
	
	.product_navi li {
		float: left;
		background: url(../images/product_navi_1.gif) no-repeat; width: 90px;
		color: #FFF; text-align: center;
		font: bold 14px/27px Arial;
		padding-right: 2px;
	}
	
	.product_navi li a, .product_navi li a:hover {
		display: block;
		background: url(../images/product_navi_2.gif); width: 90px;
		color: #F48;
	}
	
	.product_navi .debug {
		float: right;
		background: url(../images/debug.gif) no-repeat 0 6px;
		font: bold 12px/27px Arial;
		padding-left: 18px;
	}
	
	
/*	-------------------------------------------------------------
	pink box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.pinkBox {
		padding-bottom: 10px;
	}
	
	.pinkBox .head {
		background: url(../images/pink_box_1.gif); height: 24px;
	}
	
	.pinkBox .head .heart {
		background: url(../images/pink_box_2.gif) no-repeat;
		text-indent: 28px;
		font: bold 12px/24px Arial; color: #FFF;
	}
	
	.pinkBox .head .arrow {
		background: url(../images/pink_box_4.gif) no-repeat;
		text-indent: 28px;
		font: bold 14px/24px Arial; color: #FFF;
	}
	
	.pinkBox .head a, .pinkBox .head a:hover {
		color: #FFF;
	}
	
	.pinkBox .head b {
		color: #FF0;
	}
	
	.pinkBox .body {
		border: 1px solid #ccc; border-top: 0;
		padding: 0 5px 5px 5px;
	}
	
	
	
/*	-------------------------------------------------------------
	product List with img
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	.productList_img div {
		border-bottom: 1px dashed #ccc;
		padding: 7px 0;
		overflow: auto; height: 100%;
	}
	
	.productList_img img {
		float: left;
		border: 1px solid #ccc; padding: 2px;
		width: 75px; height: 60px;
	}
	
	.productList_img h5 {
		font: bold 12px/16px Verdana; padding: 3px 0 5px 0;
		width: 110px; float: right;
		overflow: hidden;
	}
	
	.productList_img h5 a, .productList_img h5 a:hover {
		color: #862
	}
	
	.productList_img h6 {
		font: 12px/16px Verdana;
		width: 110px; float: right;
	}
	
	.productList_img h6 a, .productList_img h6 a:hover {
		color: #666;
	}
	
/*	-------------------------------------------------------------
	product ranking
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.product_rank {
		background: url(../images/rank_1.gif) no-repeat 0 18px;
	}
	
	.product_rank div {
		padding: 6px 0 7px 0;
		height: 32px;
	}
	
	.product_rank h5 {
		font: bold 12px/16px Verdana;
		position: absolute; margin: 0 0 0 20px;
	}
	
	.product_rank h5 a, .product_rank h5 a:hover {
		color: #862;
	}
	
	.product_rank h6 {
		font: 12px/16px Verdana;
		position: absolute; margin: 16px 0 0 20px;
	}
	
	.product_rank h6 a, .product_rank h6 a:hover {
		color: #666;
	}
	
	.product_rank span {
		float: right;
		font: 10px/16px Verdana; color: #666;
		background: url(../images/yuan.gif) no-repeat 0 4px;
		padding-left: 8px;
	}
	
	
/*	-------------------------------------------------------------
	product info
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.product_info {
		clear: both; overflow: hidden; height: 100%;
		padding-bottom: 20px;
	}
	
	
	.product_info .thumbnail {
		float: left;
		border: 1px solid #ccc;
		padding: 10px; width: 220px;
	}
	
	.product_info .thumbnail img {
		width: 220px; height: 165px;
		display: block;
		padding-bottom: 10px;
	}
	
	.product_info .thumbnail div {
		float: left; width: 110px;
		font: bold 12px/26px Arial; text-indent: 32px;
	}
	
	.product_info .thumbnail .good {
		background: url(../images/pollex.gif) no-repeat 8px 0 #F38;
	}
	
	.product_info .thumbnail .bad {
		background: url(../images/pollex.gif) no-repeat 8px -26px #333;
	}
	
	.product_info .thumbnail a, .product_info .thumbnail a:hover {
		color: #FFF; text-decoration: underline;
	}
	
	
	
	
	.product_info .baseInfo {
		float: right; width: 470px;
		padding: 0 5px;
	}
	
	.product_info .baseInfo li {
		border-bottom: 1px dashed #ccc;
		font: 14px/22px Arial; color: #666;
		padding: 5px 0 4px 10px;
	}
	
	.product_info .baseInfo span {
		font-weight: bold;
	}
	
	.product_info .baseInfo a {
		color: #666; text-decoration: underline;
	}
	
	.product_info .baseInfo a:hover {
		color: #F60; text-decoration: underline;
	}
	
	.product_info .baseInfo .price {
		font-weight: bold; color: #F03;
	}
	
	.product_info .baseInfo h1, .product_info .baseInfo h2, .product_info .baseInfo h3 {
		font: 14px/22px Arial;
		display: inline;
	}
	
	.product_info .baseInfo h3 {
		padding-right: 5px;
	}
	
	
	
	
	
	
	.product_info .related_link {
		float: left;
		padding: 15px 5px 0 5px; width: 230px;
	}
	
	.product_info .related_link li {
		background: url(../images/arrow_2.gif) no-repeat 7px 7px;
		line-height: 21px;
		text-indent: 20px;
	}
	
	.product_info .related_link a, .product_info .related_link a:hover {
		color: #F36;
		font-weight: bold; text-decoration: underline;
	}
	
	.product_info .related_link .trial {
		background: url(../images/gift.gif) no-repeat 0 3px;
	}
	
	
	
	
	.product_info .status {
		float: right; width: 465px;
		padding: 20px 5px 0 5px;
	}
	
	.product_info .status div {
		background: url(../images/btn_bg2.gif); border: 1px solid #ccc;
		width: 110px; text-align: center;
		font: 12px/24px Arial;
		float: left; margin-right: 5px; display: inline;
	}
	
	.product_info .status a, .product_info .status a:hover {
		text-decoration: underline;
	}
	
	.product_info .status .comment {
		float: right;
		font: bold 12px/26px Arial;
		background: url(../images/pencil.gif) no-repeat 0 8px; text-indent: 14px;
	}
	
	.product_info .status .comment a, .product_info .status .comment a:hover {
		color: #862;
		text-decoration: underline;
	}
	
	
	
/*	-------------------------------------------------------------
	heart bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.heartBar {
		background: url(../images/heart1.gif) no-repeat 10px 10px #F49;
		padding: 0 10px 0 25px;
		overflow: auto; height: 100%;
	}
	
	.heartBar, .heartBar div {
		font: bold 14px/25px Arial; color: #FFF;
	}
	
	.heartBar div {
		float: left;
	}
	
	.heartBar span {
		float: right;
		font: 12px/25px Arial; color: #FFF;
	}
	
	.heartBar span a, .heartBar span a:hover {
		color: #FFF; text-decoration: underline;
	}
	
	.heartBar b {
		color: #FF0;
	}
	
	
	
/*	-------------------------------------------------------------
	price table
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.price_table {
		padding: 5px 0 15px 0;
	}
	
	.price_table td {
		border-bottom: 1px dashed #ccc;
		font: 14px/18px Arial; text-align: center;
		padding: 6px;
	}
	
	.price_table .top td {
		font-weight: bold; color: #A03;
	}
	
	
	.price_table .comment {
		text-align: left;
		width: 60%;
	}
	
	
/*	-------------------------------------------------------------
	product brief
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.product_brief {
		font: 14px/22px Arial;
		padding: 12px;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 15px;
	}
	
	.product_brief a {
		text-decoration: underline;
		
	}
	
	.product_brief p {
		padding: 5px 0;
	}
	
	
/*	-------------------------------------------------------------
	comment box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.comment_box .head {
		background: url(../images/comment_1.gif) repeat-x 0 58px;
		+background-position: 0 60px;
		text-align: center;
		padding: 50px 0 10px 0;
	}
	
	.comment_box .head span {
		background: url(../images/comment_2.gif) no-repeat 10px 0 #FFF;
		font: bold 14px Arial;
		padding: 34px 10px 0 80px;
	}
	
	.comment_box .body {
		border: 1px solid #ccc; border-top: 0; border-bottom: 0;
		padding: 25px 10px 10px 10px;
		margin-top: -18px;
	}
	
	
	
	
	.comment_box .item {
		overflow: auto; height: 100%;
		padding: 10px 0;
	}
	
	.comment_box .saying {
		border: 1px solid #E2CCAB; background: #FFFEFB;
		padding: 8px 11px 6px 11px;
		color: #751;
	}
	
	.comment_box .saying a, .comment_box .saying a:hover {
		color: #751;
		text-decoration: underline;
	}
	
	.comment_box .saying p {
		padding-top: 5px;
	}
	
	.comment_box .saying span, .comment_box .speaker span { font-weight: bold; }
	
	.comment_box .speaker {
		background: url(../images/speaker.gif) no-repeat 10px 0;
		padding: 10px 0 0 30px;
		margin-top: -1px;
		float: left;
	}
	
	.comment_box .grade {
		float: right;
		padding-top: 9px;
	}
	
	.comment_box .grade div {
		float: left;
		padding-right: 5px;
	}
	
	.comment_box .grade img {
		background: url(../images/star.gif); height: 14px;
	}
	
	
	
	.comment_publish {
		padding-bottom: 15px;
	}
	
	.comment_publish .head {
		background: url(../images/heart1.gif) no-repeat 8px 10px #F49; padding-left: 24px;
		font: bold 14px/26px Arial;
		color: #FFF;
		overflow: hidden; clear: both; height: 100%;
	}
	
	.comment_publish .head b {
		color: #FF0;
	}
	
	.comment_publish .head div {
		float: left;
		font: bold 14px/26px Arial;
		color: #FFF;
	}
	
	.comment_publish .head span {
		float: right;
		font: 12px/26px Arial;
		padding-right: 10px;
	}
	
	.comment_publish .head span a, .comment_publish .head span a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
	
	
	.comment_publish .body {
		border: 7px solid #F49; border-top: 0;
		padding: 5px 8px 10px 8px;
	}
	
	.comment_publish .part {
		border-bottom: 1px dashed #ccc;
		padding: 9px 8px 7px 8px;
		overflow: auto; height: 100%;
		clear: both;
	}
	
	.comment_publish .dash_line {
		border-bottom: 1px dashed #ccc;
		height: 1px; overflow: hidden; clear: both;
	}
	
	.comment_publish .part div {
		float: left; padding: 4px 20px 4px 0;
	}
	
	.comment_publish .quote {
		background: url(../images/pencil_2.gif) no-repeat 0 1px;
		padding-left: 14px;
	}
	
	.comment_publish .quote a {
		text-decoration: underline;
	}
	
	.comment_publish .kind {
		clear: both;
	}
	
	.comment_publish p {
		font-weight: bold; color: #F49;
		display: inline;
		padding-right: 5px;
	}
	
	.comment_publish span {
		color: #333;
	}
	
	
	
	.comment_publish .effect {
		float: left;
		padding: 9px 8px 7px 8px;
		overflow: auto; height: 100%;
	}
	
	.comment_publish .effect p {
		display: block;
		padding-bottom: 5px;
	}
	
	.comment_publish .effect span {
		font-size: 14px;
		float: left; width: 120px;
	}
	
	.comment_publish .effect .other {
		background: url(../images/arrow_3.gif) no-repeat 0 4px;
		padding-left: 12px; +padding-top: 4px; +background-position: 0 7px;
		font-size: 12px;
	}
	
	.comment_publish .effect .other a {
		text-decoration: underline;
	}
	
	.otherEffect {
		float: left;
		display: none; margin: 28px 0 0 -145px; +margin: 32px 0 0 -145px;
	}
	
	.otherEffect .head {
		border: 2px solid #CC9944; border-bottom: 0;
		background: url(../images/arrow_3.gif) no-repeat 5px 7px #FFFCF7;
		+background-position: 5px 5px;
		font: bold 12px/22px Arial; color: #641;
		height: 22px; width: 52px;
		padding: 0 5px 0 16px!important;
		position: absolute; white-space: nowrap;
		z-index: 999;
	}
	
	.otherEffect .body {
		border: 2px solid #CC9944; background: #FFFCF7;
		position: absolute; margin: 22px 0 0 0;
		width: 400px;
		z-index: 998;
	}
	
	.otherEffect li {
		float: left; width: 20%;
		color: #641;
	}
	
	.otherEffect iframe {
		position: absolute;
		width: 405px; height: 120px;
	}
	
	
	
	
	
	
	
	.comment_publish .commentInputArea {
		clear: both;
		padding-right: 0!important;
	}
	
	.comment_publish .commentInputArea textarea {
		width: 680px;
	}
	
	
	.comment_publish .identifying {
		clear: both;
	}	
	
	.comment_publish .identifying p {
		color: #666;
	}
	
	.comment_publish .identifying a {
		text-decoration: underline;
	}
	
	
	.comment_publish .submitBox .btn {
		background: url(../images/btn_bg1.gif); border: 0;
		width: 50px; text-align: center;
		color: #FFF; padding: 2px 0;
		cursor: pointer;
	}
	
	.comment_publish .submitBox a {
		text-decoration: underline;
	}
	
		
/*	-------------------------------------------------------------
	article list
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.hotArt ul, .pcArt ul {
		padding: 10px 8px 6px 8px;
	}
	
	.hotArt li {
		font: 14px/22px Arial;
		background: url(../images/icon1.gif) no-repeat 0 3px;
		padding-left: 20px;
	}
	
	.pcArt li {
		font: 14px/22px Arial;
		background: url(../images/icon2.gif) no-repeat 0 2px;
		padding-left: 20px;
	}
	
	
	
/*	-------------------------------------------------------------
	pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	.pages, .PageCSS {
		font: 14px/30px Arial;
	}
	
	.pages span, .PageCSS span {
		color: #F49;
		font-weight: bold; padding: 0 3px;
	}
	
	.pages a, .PageCSS a {
		color: #F49;
		text-decoration: underline;	padding: 0 5px;
	}	
	
	
/*	-------------------------------------------------------------
	related compare
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.related_compare .head {
		background: url(../images/comment_1.gif) repeat-x bottom;
		overflow: hidden; clear: both; height: 100%;
	}
	
	.related_compare .head div {
		float: left;
	}
	
	.related_compare .head .title {
		background: url(../images/arrow_1.gif) no-repeat 10px 11px;
		font: bold 14px/30px Arial;
		padding: 0 20px;
	}
	
	.related_compare .head h5 {
		float: left;
		background: url(../images/tab_1.gif) no-repeat center; width: 104px; text-align: center;
		font: 14px/30px Arial;
		padding: 0 2px;
	}
	
	.related_compare .head .up {
		background: url(../images/tab_2.gif) no-repeat center;
		font-weight: bold;
	}
	
	.related_compare h6 {
		padding: 10px 2px 20px 2px;
		display: none;
		overflow: auto; height: 100%;
	}
	
	.related_compare .block {
		display: block;
	}
	
	.related_compare .products div {
		float: left;
		width: 230px; text-align: center;
		padding: 0 6px;
	}
	
	.related_compare .products img {
		width: 220px; height: 165px; display: block;
		border: 1px solid #ccc; padding: 4px;
		margin-bottom: 8px;
	}
	
	.related_compare .products .btn {
		display: block;
		background: url(../images/btn_bg3.gif); width: 90px;
		text-align: center; font: 14px/30px Arial;
		color: #FFF;
		margin: 0 auto;
	}
	
	
	
	
/*	-------------------------------------------------------------
	category navi
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.category_navi {
		position: absolute;
		margin: 10px 0 0 200px;
	}
	
	.category_navi a {
		float: left;
		font: bold 12px/25px Arial; text-align: center;
		background: url(../images/arrow_1.gif) no-repeat 0 7px;
		padding: 0 15px 0 10px;
	}
	
	
	
/*	-------------------------------------------------------------
	search box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.searchBox {
		border: 5px solid #F49;
		padding: 0 5px;
	}
	
	.searchBox .selectArea {
		border-bottom: 1px dashed #ccc;
		overflow: auto; height: 100%;
		padding: 10px 0;
	}
	
	.searchBox .selectArea div {
		float: left;
		font-weight: bold; color: #F49;
		padding: 5px 20px 5px 10px;
	}
	
	.searchBox .selectArea select {
		width: 220px;
	}
	
	
	
	.searchBox .searchArea {
		overflow: auto; height: 100%;
		padding-top: 5px;
	}
	
	.searchBox .searchArea div {
		float: left;
		padding: 10px 0 8px 9px;
		font-weight: bold;
	}
	
	.searchBox .searchArea input {
		margin: -4px 0 0 -1px; padding: 2px 2px 1px 2px;
		color: #AAA;
		width: 463px;
	}
	
	.searchBox .searchArea .submitBtn {
		background: url(../images/btn_bg1.gif); border: 0;
		width: 50px; height: 22px; text-align: center;
		color: #FFF; padding: 0;
		cursor: pointer;
	}
	
	
	
/*	-------------------------------------------------------------
	compare btn with tips
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	.compareBtn input {
		background: url(../images/btn_bg3.gif); border: 0;
		width: 90px; height: 30px; +padding-top: 5px;
		color: #FFF; text-align: center;
		font: bold 14px Arial;
		float: left;
		cursor: pointer;
	}
	
	.compareBtn span {
		float: left;
		background: url(../images/arrow_4.gif) no-repeat 10px 12px;
		padding: 9px 0 0 22px;
	}
	
	
	
	
/*	-------------------------------------------------------------
	tabs box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.tabsBox {
		margin-bottom: 10px;
	}
	
	.tabsBox .tab {
		overflow: hidden; clear: both; height: 100%;
		background: url(../images/comment_1.gif) repeat-x bottom;
	}
	
	.tabsBox h5 {
		float: left;
		background: url(../images/tab_4.gif);
		width: 104px; text-align: center;
		font: 12px/30px Arial; padding-top: 5px;
	}
	
	.tabsBox .up {
		background: url(../images/tab_5.gif);
		font: bold 14px/30px Arial;
	}
	
	.tabsBox .body {
		border: 1px solid #ccc; border-top: 0;
		padding: 10px 5px 5px 5px;
	}
	
	.tabsBox h6 {
		display: none;
		font: 12px/18px Arial;
	}
	
	.tabsBox .block {
		display: block;
	}
	
	.tabsBox ul {
		border-top: 1px dashed #ccc;
		padding: 8px 0 0 10px;
		margin-top: 8px;
	}
	
	.tabsBox li {
		background: url(../images/arrow_1.gif) no-repeat 0 7px;
		padding-left: 10px;
		line-height: 22px;
	}
	
	
	
/*	-------------------------------------------------------------
	img article
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.img_art {
		overflow: auto; height: 100%;
		padding-left: 3px;
	}
	
	.img_art div {
		float: left;
		width: 81px; text-align: center;
		padding: 0 8px;
	}
	
	.img_art img {
		width: 75px; height: 60px;
		border: 1px solid #ccc; padding: 2px;
		display: block;
		margin-bottom: 5px;
	}
	
	
	
	
/*	-------------------------------------------------------------
	letter navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.letter_navi {
		padding: 20px 10px;
		overflow: auto; height: 100%;
	}
	
	.letter_navi span {
		float: left;
		background: url(../images/arrow_1.gif) no-repeat 0 5px;
		font-weight: bold; text-indent: 10px;
		font: bold 14px/17px Arial;
	}
	
	.letter_navi a {
		float: left;
		font: 14px/15px Arial;
		border: 1px solid #ccc; background: #F9F9F9;
		padding: 0 3px;
		margin-left: 10px;
	}
	
	.letter_navi b {
		float: left;
		font: bold 14px/17px Arial;
		margin-left: 12px;
		color: #F49;
	}
	
	
	
	
/*	-------------------------------------------------------------
	products grid
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.products_grid {
		overflow: auto; height: 100%;
		padding: 9px; +padding-bottom: 15px;
	}
	
	.products_grid div {
		float: left;
		width: 160px; border: 1px solid #ccc;
		padding: 2px;
		text-align: center;
		margin: 6px; display: inline;
	}
	
	.products_grid img {
		width: 160px; height: 120px;
		display: block;
		margin-bottom: 5px;
	}
	
	.products_grid h2 {
		font: 14px/20px Arial;
	}
	
	.products_grid h3 {
		font: bold 14px/22px Arial;
	}
	
	.products_grid span {
		font: bold 12px/18px Verdana;
		color: #F27;
		background: url(../images/yuan2.gif) no-repeat 0 3px; padding-left: 8px;
	}
	
	
	
	
	
/*	-------------------------------------------------------------
	best box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.spRank {
		border: 1px solid #ccc;
		padding: 0 7px;
		margin-bottom: 10px;
	}
	
	.spRank .title {
		font: bold 12px/24px Arial; color: #D00;
		background: url(../images/pollex.gif) no-repeat;
		text-indent: 18px;
		padding-bottom: 5px;
	}
	
	.spRank .title a, .spRank .title a:hover {
		color: #D00;
	}
	
	.spRank .winner {
		height: 70px;
		background: url(../images/best1.gif); border-right: 1px solid #ccc;
		padding: 11px 0 0 15px;
	}
	
	.spRank img {
		width: 75px; height: 60px;
		display: block;
		float: left;
	}
	
	.spRank h5 {
		font: bold 14px/24px Arial;
		color: #F60;
		float: right; width: 100px;
	}
	
	.spRank h5 a, .spRank h5 a:hover {
		color: #F60;
	}
	
	.spRank h6 {
		font: 12px/18px Arial;
		float: right; width: 100px;
	}
	
	.spRank ul {
		background: url(../images/best2.gif) no-repeat 0 14px;
		line-height: 22px;
		padding: 10px 0 5px 22px;
	}
	
	
	
	.worstTop10 .title {
		color: #390;
		background: url(../images/pollex.gif) no-repeat 0 -26px;
	}
	
	.worstTop10 .title a, .worstTop10 .title a:hover {
		color: #390;
	}
	
	.worstTop10 h5 a, .worstTop10 h5 a:hover {
		color: #390;
	}
	
	.worstTop10 ul {
		background: url(../images/worst2.gif) no-repeat 0 14px;
	}	
	
	
/*	-------------------------------------------------------------
	products table
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.products_table .head {
		overflow: hidden; clear: both; height: 100%;
		padding-top: 8px;
	}
	
	.products_table .info {
		float: left;
		font: 12px/25px Verdana;
		padding-left: 10px;
	}
	
	.products_table .info span {
		font-weight: bold;
		color: #F49;
		padding: 0 2px;
	}
	
	
	.products_table .sort_type {
		float: right;
		line-height: 25px;
	}
	
	.products_table .sort_type span {
		float: left;
		font-weight: bold; padding-right: 10px;
	}
	
	.products_table .sort_type a {
		background: url(../images/tab_3.gif);
		float: left; width: 74px; text-align: center;
		margin-left: 2px;
	}
	
	.products_table .sort_type .on {
		font-weight: bold;
	}
	
	
	
	
	.products_table .top td {
		background: #333;
		border-right: 1px solid #333; border-bottom: 1px solid #333;
		font-weight: bold; color: #FFF;
		white-space: nowrap;
		padding: 4px 5px 2px 5px;
	}
	
	.products_table td {
		border-right: 1px solid #DDD; border-bottom: 1px solid #DDD;
		text-align: center;
		padding: 10px 5px;
		font-family: Verdana;
	}
	
	.products_table .check {
		border-left: 1px solid #DDD;
		width: 26px;
		background: #F6F6F6;
	}
	
	
	
	
	
	.products_table .foot {
		padding: 15px 0;
		overflow: auto; height: 100%;
	}
	
	.products_table .compareBtn {
		float: left;
	}
	
	
	.products_table .pages {
		float: right;
	}
	
	
/*	-------------------------------------------------------------
	pink arrow
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	ul.pinkArrow {
		padding-top: 6px;
	}
	
	ul.pinkArrow li {
		background: url(../images/arrow_1.gif) no-repeat 6px 8px;
		font: 12px/22px Arial;
		text-indent: 15px;
	}
	
	
	
	
/*	-------------------------------------------------------------
	latest and hot
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.latestHot {
		float: right; width: 538px;
		background: url(../images/latest_hot_1.gif); border: 1px solid #F59;
		margin-top: 10px;
	}
	
	.latestHot .title {
		background: url(../images/latest_hot_2.gif) no-repeat;
		padding-left: 78px;
		font: bold 14px/30px Verdana; padding-top: 10px;
		color: #FFF;
		
		position: absolute;
		margin-top: -9px;
	}
	
	.latestHot .title a, .latestHot .title a:hover {
		color: #FFF;
	}
	
	.latestHot .body {
		padding: 28px 0 2px 2px; +padding-bottom: 4px; -padding-bottom: 2px;
		overflow: auto; height: 100%;
	}
	
	.latestHot .paper {
		background: url(../images/latest_hot_3.gif) no-repeat right bottom #FFF;
		width: 242px; height: 100px;
		padding: 3px 10px;
		border-left: 1px solid #C66; border-top: 1px solid #C66;
		
		float: left; margin: 2px; display: inline;
	}
	
	.latestHot .paper h2 {
		float: left;
	}
	
	.latestHot .paper h2 a {
		display: block;
		width: 34px; height: 100px;
		text-indent: -9999px;
	}
	
	.latestHot .paper .face {
		background: url(../images/latest_hot_5.gif) no-repeat 0 8px;
	}
	
	.latestHot .paper .white {
		background: url(../images/latest_hot_5.gif) no-repeat -50px 8px;
	}
	
	.latestHot .paper .eye {
		background: url(../images/latest_hot_5.gif) no-repeat 0 -92px;
	}
	
	.latestHot .paper .wet {
		background: url(../images/latest_hot_5.gif) no-repeat -50px -92px;
	}
	
	.latestHot .paper .less100 {
		background: url(../images/latest_hot_5.gif) no-repeat 0 -186px;
	}
	
	.latestHot .paper .over100 {
		background: url(../images/latest_hot_5.gif) no-repeat -50px -186px;
	}
	
	
	
	.latestHot .paper ul {
		float: right; width: 195px;
		background: url(../images/latest_hot_4.gif) repeat-x 0 24px;
		font: 14px/25px Arial;
		padding-left: 5px;
		color: #666;
	}
	
	.latestHot .paper a {
		color: #666;
	}
	
	.latestHot .paper a:hover {
		color: #F60;
	}
	
	
	
/*	-------------------------------------------------------------
	click tab
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.click_tab {
		padding-top: 10px;
		overflow: auto; clear: both;
	}
	
	.click_tab .tabs {
		overflow: hidden; clear: both; height: 100%;
	}
	
	.click_tab .tabs li {
		float: left;
	}	
	
	.click_tab .tabs a {
		display: block;
		font: bold 12px/22px Arial; padding-top: 4px;
		width: 204px; text-align: center;
		margin-right: 3px;
	}
	
	.click_tab .tabs .unselect {
		background: url(../images/tab_8.gif);
		color: #F48;
		text-decoration: underline;
	}
	
	.click_tab .tabs .selected {
		background: url(../images/tab_7.gif);
		color: #FFF;
		font-size: 14px;
		text-decoration: none;
	}
	
	.click_tab .body {
		border: 3px solid #F49;
		padding: 5px;
	}
	
	
/*	-------------------------------------------------------------
	brands
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.brands div {
		border-bottom: 1px dashed #ccc;
		font: 14px/34px Arial;
		padding: 0 10px;
	}
	
	.brands span {
		background: url(../images/pink_box_1.gif);
		font-weight: bold; color: #FFF;
		padding: 0 4px;
	}
	
	.brands p {
		display: inline;
		color: #666; padding: 0 10px 0 5px;
	}
	
	.brands p a {
		color: #666;
	}
	
	
/*	-------------------------------------------------------------
	category box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.categoryBox div {
		border-bottom: 1px dashed #ccc;
		padding: 7px 10px;
		font: 14px/22px Arial;
	}
	
	.categoryBox span {
		color: #F49;
		font-weight: bold;
	}
	
	.categoryBox p a {
		padding-right: 3px;
	}
	
	.categoryBox .priceBox a {
		padding-right: 12px;
	}
	
	
	
/*	-------------------------------------------------------------
	pink tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.pink_tabs h5 {
		background: url(../images/product_navi_2.gif);
		float: left;
		width: 90px; font: bold 14px/27px Arial; text-align: center;
		color: #F48;
		margin-right: 3px;
	}
	
	.pink_tabs .up {
		background: url(../images/product_navi_1.gif);
		color: #FFF;
	}
	
	.pink_tabs h6 {
		display: none;
		overflow: hidden; height: 100%; clear: both;
	}
	
	.pink_tabs .block {
		display: block;
	}
	
	
	
	
/*	-------------------------------------------------------------
	other
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	#bottominfo {
		border-top: 1px solid #ccc;
	}
	
	
	
	
	
	.ts_div{
		width:100%!important; padding:0!important; margin:0!important; border:none!important; display:block!important;
	}


/* 20121123 */	
#tabs5 {float:left; display:block; width:208px; overflow:hidden; margin-top:10px; border:1px solid #C9DFED;}
#tabs5 ul {float:left; width:208px; height:27px; overflow:hidden; position:relative; z-index:2;}
#tabs5 ul li {float:left; width:68px; height:26px; overflow:hidden; margin-left:-1px; line-height:26px; line-height:28px\9; text-align:center; border-left:1px solid #C9DFED; background:#F8FAFC; cursor:default;}
#tabs5 ul #li_long {width:72px;}
#tabs5 ul li.over {height:27px; background:#fff;}
#tabs5 div {float:left; display:none; width:203px; overflow:hidden; padding:10px 12px 10px 0; line-height:24px; margin-top:-1px; border-top:1px solid #C9DFED; position:relative; z-index:1;}
#tabs5 div a {display:inline-block; margin-left:12px; white-space:nowrap;}
#tabs5 div.show {display:block;}

.hzpk_tl{ padding:0 0 15px 0;}