@charset "TIS-620";

/* CSS Document */

#logo,
.page-menu-top,
.page-menu-top2 {
/* 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
 */
}

body {
	/*	background-image:url(/images/new/chinese_newyear_bg.jpg);*/
	/*	background-image:url(/images/new/mother_bg.jpg);*/
	/*	background-image:url(/images/new/bg_newyear_2014.jpg);*/
	/*	background-image:url(/images/bg-be2hand-mother.jpg);*/
	background-color: #eee;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #333333;
	font-family: Thonburi, Tahoma;
}
@font-face {
	font-family: 'supermarketRegular';
	src: url('/webfontkit/supermarket-webfont.eot');
	src: url('/webfontkit/supermarket-webfont.eot?#iefix') format('embedded-opentype'), url('/webfontkit/supermarket-webfont.woff') format('woff'), url('/webfontkit/supermarket-webfont.ttf') format('truetype'), url('/webfontkit/supermarket-webfont.svg#supermarketRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.page-container {
	background-color: #FFF;
	width: 1024px;
	text-align: left;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 5px #888;
}
.page-header {
	background-position: top center;
	background-repeat: no-repeat;
	/*	
	background-image:url(/images/header_mother_be2hand.jpg);
	background-image:url(/images/header_mother_be2hand.jpg);
	background-image:url(/images/new/chinese_newyear.jpg);
	background-image:url(/images/new/father_bar.jpg);
	padding-top:90px;
	*/
/* 	padding-top:105px; */
/* 	background-image: url(/images/king_rama9_banner.jpg); */
	background-position: top center;
	background-repeat: no-repeat;
/* 	width: 1024px; */
	height: 115px;
	display: block;
	position: relative;
	background-color: #FFF;
}
.page-header-clean {
	text-align: left;
	display: block;
	position: relative;
	width: 1024px;
	height: 100px;
	background-color: #FFF;
}
.page-header-clean-logo {
	position: absolute;
	left: 10px;
}
.page-header-clean-contact {
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.page-menu-top {
	padding: 0;
	margin: 0;
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 40px;
	background-image: url(/images/new/menubg.png);
	position: relative;
	z-index: 99;
}
.page-menu-top2 {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #c41414;
	background-image: url(/images/new/top_menu_bg.png);
}
.menu-gradient {
	height: 57px;
	padding: 0;
	margin: 0;
	background-image: url(/images/new/top_menu_gradient.png);
}
#page-content-border {
	background-color: #FFF;
	padding-top: 3px;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
}
#page-menu-left {
	float: left;
	width: 184px;
	padding-top: 0px;
	padding-left: 0px;
}
#page-menu-view {
	display: block;
	width: 189px;
	float: right;
}
#page-content-view {
	float: left;
	width: 820px;
}
.link-menu-left,
.link-menu-left ul {
	padding: 0px;
	margin: 0px;
}
.link-menu-left li {
	position: relative;
	display: block;
	height: 40px;
	padding: 0px;
	margin: 0px;
}
.page-content {
	float: right;
	padding: 3px;
	width: 785px;
}
.page-footer {
	text-align: center;
	padding: 0;
	margin: 0;
	height: 34px;
	background-color: #f6f6f6;
	background-image: url(/images/new/bg_footer_contact.png);
	clear: both;
	float: none;
}
.page-footer-t {
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-left: 8px;
	text-shadow: 1px 1px #333;
}
.page-footer2 {
	clear: both;
	float: none;
	border: 1px #CCC solid;
	border-radius: 0 0 5px 5px;
}
.page-footer2-in {
	padding: 5px;
	background-color: #f6f6f6;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-radius: 0 0 5px 5px;
}
.post-not-mem-box {
	text-align: right;
	width: 390px;
	display: block;
	float: left;
}
.post-mem-box {
	width: 446px;
	padding: 10px;
	display: block;
	float: left;
}
.mceContentBody,
.mceContentBody p {
	font-size: 13px !important;
}
.tinymce {
	width: 995px;
	height: 350px;
}
.user-online {
	text-shadow: 2px 2px #000;
	color: #FFF;
	position: absolute;
	display: block;
	bottom: 5px;
	right: 5px;
	z-index: 10;
}
.textsize-box {
	display: block;
	background-color: #e0e0e0;
	padding: 5px;
	top: 0px;
	right: 2px;
	position: absolute;
	border-radius: 0 0 5px 5px;
}
.textsize-box a:link,
.textsize-box a:visited {
	padding: 3px;
	color: #FFF;
}
.textsize-box a:hover {
	color: #fff;
	background-color: #999;
	border-radius: 5px;
}
.resizer,
.resizer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.resizer li {
	display: block;
	background-color: #CCC;
	float: left;
	padding: 3px;
}
.resizer li a:link {
	display: block;
}
.medium {
	font-size: 16px;
}
.large {
	font-size: 20px;
}
img {
	border: 0px;
}
form {
	padding: 0;
	margin: 0;
}
.agreement {
	margin: 10px;
	padding: 5px;
	border: 1px #F00 dashed;
	text-align: left;
	border-radius: 5px;
}
.form-username-top {
	width: 80px;
}
.form-password-top {
	width: 80px;
}

/* banner*/

#banner-slide-promotion {
	position: absolute;
	right: 0;
	overflow: hidden;
	display: block;
}
#banner-cat-index {
	position: absolute;
	top: 8px;
	right: 8px;
}
#banner-cat-small {
	display: block;
	width: 128px;
	height: 86px;
}
#banner-slide-top {
	position: relative;
	display: block;
	width: 1020px;
	height: 250px;
	margin-bottom: 5px;
}
#banner-slide-top1 {
	position: absolute;
	display: block;
	left: 3px;
	width: 714px;
	height: 250px;
}
#banner-slide-top2 {
	position: absolute;
	display: block;
	right: 0px;
	width: 300px;
	height: 250px;
}
.benner-zone-verified-banner {
	height: 68px;
	font-size: 10px;
	overflow: hidden;
}
.banner-list {
	display: inline-block;
	width: 180px;
	height: 125px;
	margin: 3px;
	font-size: 10px;
	text-align: center;
}
.banner-list-e {
	font-size: 10px;
	display: inline-block;
	position: relative;
	margin: 3px;
	overflow: hidden;
	width: 100px;
	height: 118px;
	text-align: center;
}
.banner-list-zone-e-in {
	background-color: #eee;
	border: 1px solid #fbb600;
	border-radius: 0px 0px 5px 5px;
	height: 100%;
}
.banner-list-category-in {
	background-color: #eee;
	border: 1px solid #fbb600;
	border-radius: 0px 0px 5px 5px;
	height: 100%;
}
.banner-list-in2 {
	font-size: 10px;
	height: 270px;
	background-color: #fff;
	margin: 5px;
	border-radius: 5px;
}
.banner-list-category {
	display: block;
	position: relative;
	width: 784px;
	height: auto;
	text-align: center;
}
.banner-category {
	margin: 5px;
	text-align: center;
	border: 3px #F00 solid;
	background-color: #FCC;
	border-radius: 5px;
}
#banner-780 {
	display: block;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
}
#banner-view {
	text-align: center;
}
#banner-top {
	position: absolute;
	display: block;
	bottom: 15px;
	right: 5px;
	width: 728px;
	height: 90px;
}
#banner-left-top {
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	paddind-bottom: 10px;
	width: 183px;
	background: #f0f0f0;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-radius: 0 0 5px 0;
}
#banner-right-top {
	margin-top: 3px;
	padding-top: 1px;
	background-color: #f0f0f0;
	border-radius: 5px;
}
#banner-right-index {
	position: absolute;
	right: 1px;
	top: 11px;
	width: 186px;
	text-align: center;
}
#banner-right {
	margin-top: 10px;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	paddind-bottom: 10px;
	width: 170px;
	background: #f0f0f0;
	border: 1px #CCC solid;
	border-radius: 5px;
}
.banner-right-bd {
	margin-bottom: 5px;
}
.banner-left-cat-in {
	margin-bottom: 50px;
	font-size: 10px;
}
#logo {
	position: absolute;
	text-align: center;
	bottom: 10px;
}
#cat-footer-bar {
	position: relative;
	left: -3px;
}
#cat-footer {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}
#cat-footer li a {
	color: #000;
	width: 330px;
	padding: 5px;
	padding-left: 0px;
	float: left;
}
#cat-footer li a:hover {
	color: #fff;
	background-color: #999;
	border-radius: 5px;
}
.login-box {
	display: block;
	width: 320px;
	position: absolute;
	top: 10px;
	left: 120px;
}
.login-box2 {
	text-align: left;
	color: #FFF;
	display: block;
	position: absolute;
	bottom: 6px;
	left: 120px;
}
.img-opacity-hover:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
a:link {
	color: #0568CD;
	text-decoration: none;
}
a:visited {
	color: #0568CD;
	text-decoration: none;
}
a:hover {
	color: #3366ff;
}
.google-tag {
	padding: 2px;
}
.google-tag:hover {
	background-color: #F00;
	color: #FFF;
	border-radius: 3px;
}
.tag-link h2 {
	font-size: 10px;
	padding: 2px;
	border-radius: 3px;
	margin: 1px;
}
.tag-link h2:hover {
	color: #FFF;
	background-color: #F00;
}
.prod-new {
	display: inline-block;
	margin-top: 5px;
	font-size: 9px;
	color: #000;
	background: #9F0;
	padding: 3px;
	border: 1px #FFF solid;
	border-radius: 5px;
}
.prod-2nd {
	display: inline-block;
	margin-top: 5px;
	font-size: 9px;
	color: #FFF;
	background: #F60;
	padding: 3px;
	border: 1px #FFF solid;
	border-radius: 5px;
	text-shadow: 1px 1px #333;
}
#show-page-top {
	width: 100%;
	position: absolute;
	bottom: -50px;
	left: 0;
}
.PageBox {
	text-align: right;
	margin: 10px;
}
.PageLink {
	margin: 1px;
	border: 1px #CCC solid;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 2px;
}
.PageLink:hover {
	background: #666;
	color: #FFF;
}
.PageSelected {
	padding: 5px;
}
.post-box,
.ads-box {
	text-align: left;
	margin: 0;
	padding: 10px;
	background: #FFF;
	border: #CCC 1px solid;
	border-radius: 0 0 5px 5px;
}
.modal-box {
	text-align: left;
	margin: 0;
	padding: 10px;
	background: #FFF;
	border: #CCC 1px solid;
	border-radius: 5px;
}
.line {
	border-bottom: #CCC 1px dashed;
}
.cleared {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	display: inline;
}
.my-link {
	padding: 5px;
	border: #CCC 1px solid;
	border-radius: 5px;
}
.my-link:hover {
	background: #eee;
}
.regis-verify {
	text-align: center;
	display: block;
	float: left;
}
.sticky-view-box {
	border: 1px #F00 solid;
	background-color: #FCC;
	background-image: url(images/new/vip_bg.png);
	background-position: top right;
	background-repeat: repeat-y;
	max-height: 180px;
	border-radius: 0 0 5px 5px;
	overflow-y: auto;
	overflow-x: hidden;
}
.sticky-view-box .product-index li {
	width: 770px;
}
.sticky-view-box .product-index li .prod_link {
	left: 60px;
}
.regis-verify-box {
	border: 1px #07a2f6 solid;
	border-top: 0px #07a2f6 solid;
	border-radius: 0 0 5px 5px;
	text-align: left;
	padding: 10px;
	width: 578px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/new/verified_bg_big.png);
}
.regis-normal {
	width: 400px;
	display: block;
	float: right;
}
.verified-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/new/verified_bg_big.png);
}
.verified-modal {
	text-align: left;
	padding: 10px;
	border: 1px #07a2f6 solid;
	background-color: #e5f6fd;
	margin: 0px;
	border-radius: 5px;
	width: 100%;
	height: 400px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/new/verified_bg_big.png);
	overflow-x: hidden;
	overflow-y: auto;
}
.verified-index-box {
	margin: 0px;
	border-radius: 5px;
	width: 516px;
	height: 400px;
	float: left;
	display: block;
}
.verified-index {
	border-left: 1px #07a2f6 solid;
	border-right: 1px #07a2f6 solid;
	border-bottom: 1px #07a2f6 solid;
	border-top: 0px #07a2f6 solid;
	background-color: #e5f6fd;
	margin: 0px;
	border-radius: 0 0 5px 5px;
	width: 100%;
	height: 360px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/images/new/verified_bg_big.png);
}
.verified-index-in {
	margin: 0px;
	width: 100%;
	height: 355px;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
.verified-view-box {
	margin: 0px;
	border-radius: 5px;
	display: block;
	height: 290px;
	border-left: 1px #07a2f6 solid;
	border-right: 1px #07a2f6 solid;
	border-bottom: 1px #07a2f6 solid;
	border-top: 0px #07a2f6 solid;
	background-color: #e5f6fd;
	border-radius: 0 0 5px 5px;
}
.verified-view {
	margin: 0px;
	height: 290px;
	width: 570px;
	float: left;
	display: block;
}
.verified-banner {
	border-radius: 10px;
	display: block;
	width: 230px;
	height: 270px;
	float: right;
	margin: 5px;
}
.verified-view-in {
	margin: 0px;
	width: 100%;
	height: 290px;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
}
.h2-cat-index {
	text-shadow: 1px 1px #333;
	font-size: 14px;
	color: #FFF;
}
#cat-index-sub ul {
	margin: 0;
	padding: 0;
}
#cat-index-sub li {
	background-image: url(/images/new/bullet-cat.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style: none;
	float: left;
	padding-left: 8px;
	padding-right: 4px;
}
#cat-index-sub li a {
	color: #666;
	text-shadow: 1px 1px #fff;
}
#cat-index-sub li a:hover {
	color: #000;
}
#cat-index-sub {
	font-size: 11px;
	position: absolute;
	left: 225px;
	bottom: 0px;
	display: block;
	width: 560px;
	height: 40px;
	;
	overflow: hidden;
}
#cat-index-title {
	display: block;
	position: relative;
	width: 830px;
	margin: 0px;
	padding: 0px;
}
.cat-index-more {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
a.cat-index-title-t {
	color: #FFF;
	text-shadow: 1px 1px #000;
}
.cat-index-title2 {
	border-top: 1px #eee solid;
	border-left: 1px #eee solid;
	border-right: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 3px;
	border-radius: 5px 5px 0 0;
}
#index-icon-title {
	position: absolute;
	top: 0;
	left: 0;
}
#cat-index-box {
	position: relative;
	display: block;
	width: 815px;
	height: 290px;
	background-color: #ffffff;
	margin-bottom: 5px;
	border-radius: 0 0 5px 5px;
}
.cat-index {
	/*	background-color:#fff;*/
	border-radius: 5px;
	display: block;
	width: 360px;
	height: 265px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}
.verified-index-cat {
	position: absolute;
	left: 380px;
	top: 10px;
}
.verified-index-title-bg {
	border-radius: 5px 5px 0 0;
	display: block;
	width: 280px;
	height: 32px;
}
.banner-floating-box-hide {
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	height: 60px;
	width: 100%;
	position: fixed;
	display: none;
	bottom: 0;
}
.banner-floating-box {
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	height: 60px;
	width: 100%;
	position: fixed;
	display: block;
	bottom: 0;
	/*
	background-image:url(/images/new/floating_box_280x210.png);
	*/
}
#floating-close {
	top: -2px;
	right: 3px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background: #09F;
	position: absolute;
	border-radius: 3px;
}
#banner-floating-box-in {
	position: relative;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	overflow: hidden;
	display: block;
	width: 1024px;
	height: 60px;
	background: #FFF;
}
.index-banner-cat {
	position: relative;
	height: 112px;
	font-size: 12px;
}
.banner-category-index {
	position: absolute;
	text-align: center;
	top: -50px;
	right: -215px;
}
.verified-index-cat-list {
	border-width: 1px;
	border-radius: 0 0 3px 3px;
	height: 236px;
	width: 273px;
	padding-left: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}
.banner-google {
	display: block;
	position: relative;
	width: 830px;
	height: 250px;
}
.banner-520x250 {
	display: block;
	position: absolute;
	right: 0px;
	width: 520px;
	height: 250px;
}
.banner-250x250-1 {
	display: block;
	position: absolute;
	left: 0px;
	width: 250px;
	height: 250px;
}
.banner-250x250-2 {
	display: block;
	position: absolute;
	left: 310px;
	width: 250px;
	height: 250px;
}
.banner-250x250-3 {
	display: block;
	position: absolute;
	left: 565px;
	width: 250px;
	height: 250px;
}
.banner-300x250 {
	display: block;
	position: absolute;
	left: 5px;
	width: 300px;
	height: 250px;
}
.list-post-thumb,
.list-post-thumb ul {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	list-style: none;
}
.list-post-thumb li {
	border: 1px #fff dashed;
	float: left;
	text-align: center;
	padding: 10px;
	margin: 2px;
	width: 233px;
}
.list-post-thumb li:hover {
	border-radius: 5px;
	border: 1px #CCC dashed;
	background: #f0f0f0;
}
.list-post-thumb li .detail {
	overflow: hidden;
	height: 20px;
	text-align: left;
	font-size: 10px;
}
.list-post-thumb li .contact {
	text-align: left;
	font-size: 10px;
}
.prod-category,
.prod-category ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prod-category li {
	float: left;
}
#category-header {
	background-image: url(/images/new/bg_category_product.png);
	height: 39px;
	border: 1px #CCC solid;
	border-bottom: 0px;
}
#category-list-main {
	border-top: 1px #CCC solid;
	display: block;
	background: #f8f8f8;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
}
.category-list-box {
	padding: 1px;
	border: 1px #CCC solid;
	border-radius: 5px;
}
.category-list,
.category-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.category-list li {
	position: relative;
	float: left;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	margin: 3px;
	width: 177px;
	height: 30px;
}
.category-list-header h1,
{
	color: #333;
	text-shadow: 1px 1px #fff;
}
.category-list li a {
	background-image: url(/images/new/bullet-cat.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 12px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	width: 175px;
	height: 35px;
	color: #666;
	text-shadow: 1px 1px #fff;
}
.category-list li a:hover,
.category-list li .selected {
	background-position: 2px 4px;
	border-radius: 3px;
	padding-left: 11px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px #ccc dashed;
	padding-bottom: 0px;
	background-color: #f9f9f9;
	color: #000;
	text-shadow: 1px 1px #fff;
}
.member-menu {
	position: absolute;
	padding: 3px;
	top: -3px;
	right: 0;
	background: #900;
	border-radius: 0 0 0 5px;
}
.member-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.member-menu li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
.member-menu li a {
	padding: 2px;
	color: #FFF;
}
.member-menu li a:visited {
	color: #FFF;
}
.member-menu li a:hover {
	background: #FFF;
	color: #000;
	border-radius: 2px;
}
.list-tool-box {
	text-align: left;
	font-weight: normal;
}
.top-tool-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.tool-box {
	top: 0px;
	left: 0px;
	position: absolute;
	background: #CCC;
	border-radius: 5px 0px 5px 5px;
}
#menu-edit {
	display: block;
	width: 360px;
	margin: 0;
	padding: 3px;
	list-style: none;
	height: 25px;
}
#menu-edit li {
	font-size: 12px !important;
	display: block;
	list-style: none;
	float: left;
}
#menu-edit li a {
	padding: 3px;
	display: block;
	border-radius: 5px;
}
#menu-edit li a:hover {
	background: #fff;
}
.thumb-cat {
	border: 1px #CCC solid;
	border-radius: 5px;
}
.thumb {
	background: #FFF;
	padding: 3px;
	border: 1px #CCC solid;
}
.thumb:hover {
	padding: 3px;
	border: 1px #000 solid;
}
.thumb2 {
	background: #FFF;
	padding: 2px;
	border: 1px #CCC solid;
}
.thumb2-sticky-verified {
	position: absolute;
	top: 2px;
	left: 2px;
	background: #FFF;
	padding: 2px;
	border: 1px #CCC solid;
}
.req {
	color: #F00;
	font-weight: bold;
}
.agreement-box {
	text-align: left;
	display: block;
	border: 5px #F00 dashed;
	background: #FFC;
	padding: 10px;
	border-radius: 20px;
}

/*list*/

#icon-sticky12,
#icon-verified12 {
	position: absolute;
	top: 5px;
	left: -10px;
}
#list_post_index_verified_sticky {
	list-style: none;
	margin: 0;
	padding: 0;
}
#list_post_index_verified_sticky li {
	height: 38px;
	position: relative;
	padding-left: 42px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ccc;
}
#list_post_index_verified_sticky li:hover {
	background-color: #f0f0f0;
}
#list-select-post {
	position: absolute;
	top: 10px;
	right: 5px;
}
#list-post-in-prod-header {
	position: relative;
	background-image: url(/images/new/h_post_view_bottom.png);
	margin: 0;
	height: 41px;
}
.list-post-in-prod-box {
	background-color: #FFF;
	border-radius: 5px;
	padding: 3px;
	margin: 5px;
}
#list-post-in-prod-body {
	display: block;
	height: auto;
	margin: 0;
	border: 1px #ffa800 solid;
	border-radius: 0 0 5px 5px;
	background-color: #f0f0f0;
}
#list-post-in-prod-left {
	display: block;
	float: left;
	width: 540px;
}
.list-post-in-prod-left-in {
	position: relative;
	height: 385px;
	overflow-x: hidden;
	overflow-y: auto;
}
#list-post-in-prod-right {
	display: block;
	width: 270px;
	float: left;
}
.cleared {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1px;
}
.banner_category {
	float: left;
	display: block;
	width: 120px;
	text-align: center;
}
.verified-view-in .product-index-link,
.list-post-in-prod-box .product-index-link {
	left: 60px;
}
.product-index-link {
	position: relative;
	left: 20px;
	height: 100%;
}
.verified-index-cat-list .product-index-link {
	left: 60px !important;
}
.verified-index-cat-list.product-index li {
	height: 60px !important;
}
.product-index2 {
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-index,
.product-index ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-index li {
	min-height: 58px;
	position: relative;
	border-bottom: 1px #CCC dashed;
}
.product-index.cat-index li {
	min-height: 40px;
	position: relative;
	border-bottom: 1px #CCC dashed;
}
.thumb2-index {
	madgin: 3px;
	padding: 2px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.product-list {
	border: 1px #FFF solid;
	background: #f0f0f0;
}
.product-list-hover:hover {
	background-image: url(images/new/bg-list-hover.png);
}
.verified-line {
	background: #e5f6fd;
	background-image: url(images/new/verified_bg.png);
	background-position: right;
	background-repeat: no-repeat;
}
.verified-line2 {
	background: #e5f6fd;
	background-image: url(images/new/verified_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.vip-line {
	background-color: #FCC;
	background-image: url(images/new/vip_bg.png);
	background-position: right;
	background-repeat: no-repeat;
}
.vip-line2 {
	background-color: #FCC;
	background-image: url(images/new/vip_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#list-sub-cat {
	width: 232px;
	position: absolute;
	right: 0px;
	top: 60px;
}
#list-post-sub {
	overflow-x: hidden;
	border: 1px #cccccc solid;
	margin: 0;
	padding-left: 5px;
}
#list-post-sub li {
	position: relative;
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
#list-post-sub-link h2 {
	font-size: 10px;
}
#h-list-sub-link {
	position: absolute;
	left: 23px;
	color: #863e17;
	font-weight: bold;
}
#h-list-sub {
	display: table-cell;
	vertical-align: middle;
	height: 35px;
	width: 232px;
	font-size: 16px;
	font-weight: bold;
	background-image: url(/images/new/h_list_sub_yellow.png);
}
#sub-thumb {
	display: block;
	width: 84px;
	height: 84px;
	border: 1px solid #ccc;
}
#sub-list {
	position: absolute;
	left: 88px;
	top: 0px;
}
.line-class {
	background: #f9f9f9;
}

/* div table like */


/*
		<div class='table-container'>
			<div class='my-row clearfix'>
				<div class='my-col'>
					 col1
				</div>
			</div>
		</div>
*/

.text-center {
	text-align: center;
}
.table-container {
	font-size: 12px;
}
.my-row {
	width: 100%;
	padding: 2px;
}
.my-row-line {
	border-bottom: 1px #CCC dashed;
}
.my-row-line2 {
	border-bottom: 1px #CCC solid;
}
.my-row-header {
	width: 1008px;
	background: #333;
	color: #ccc;
}
.my-col-thumb-index {
	display: block;
	text-align: left;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin-right: 5px;
}
.my-col-detail-index {
	display: block;
	position: relative;
	float: left;
}
.my-col-detail-index-line {
	height: 16px;
	width: 420px;
	display: block;
	overflow: hidden;
	position: relative;
}
.my-col-thumb {
	text-align: center;
	position: relative;
	float: left;
	min-width: 130px;
}
.my-col-detail {
	overflow: hidden;
	width: 514px;
	position: relative;
	float: left;
}
.my-col-price {
	width: 125px;
	text-align: center;
	position: relative;
	float: left;
	font-weight: bold;
}
.my-col-cat-img {
	position: relative;
	float: left;
	margin: 10px;
}
.my-col {
	position: relative;
	float: left;
	min-width: 135px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* div table like*/

#list-menu-top {
	height: 39px;
	position: relative;
}
#list-menu-icon {
	position: absolute;
	top: 0;
	right: 0;
}
#list-search-id-box {
	border-radius: 10px 0 0 0;
	width: 317px;
	height: 39px;
	display: inline-block;
	background-image: url(/images/new/bg_search_id.png);
}
#index-search-id-box {
	width: 196px;
	height: 44px;
	display: block;
	background-image: url(/images/new/bg_search_id.png);
}
#view-search-id-box {
	border-radius: 5px 5px 0 0;
	width: 189px;
	height: 44px;
	display: block;
	background-image: url(/images/new/bg_search_id.png);
}
#search-id-box {
	width: 184px;
	height: 44px;
	display: block;
	background-image: url(/images/new/bg_search_id.png);
}
#search-id-field {
	font-size: 18px;
	color: #cccccc;
	width: 153px;
	background-image: url(/images/new/icon-search-small.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	background-color: #FFF;
	border: 1px #CCC solid;
	padding-left: 20px;
	margin-top: 8px;
	margin-left: 4px;
	height: 25px;
	border-radius: 5px;
}
#search-id-field-list {
	position: absolute;
	top: 5px;
	left: 20px;
	padding-left: 25px;
	font-size: 18px;
	color: #cccccc;
	width: 260px;
	background-image: url(/images/new/icon-search-small.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	background-color: #FFF;
	border: 1px #CCC solid;
	height: 25px;
	border-radius: 5px;
}
#search-id-field-view {
	font-size: 18px;
	color: #cccccc;
	width: 160px;
	background-image: url(/images/new/icon-search-small.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	background-color: #FFF;
	border: 1px #CCC solid;
	padding-left: 20px;
	margin-top: 8px;
	margin-left: 4px;
	height: 25px;
	border-radius: 5px;
}
#search-prod {
	top: 0px;
	left: 197px;
	position: absolute;
	display: inline;
	width: 300px;
}
#text-search {
	left: 50px;
	top: 0px;
	position: absolute;
}
#member-box {
	top: 0px;
	right: 0px;
	width: 500px;
	position: absolute;
	display: block;
}

/* index */

#page-index-menu-promotion {
	position: relative;
	height: 420px;
}
#special-event {
	overflow: hidden;
	top: 0px;
	left: 198px;
	display: block;
	position: absolute;
	width: 564px;
	height: 156px;
	border-radius: 0 5px 5px 0;
	border: 1px solid #ccc;
}
#title-vip-index {
	position: absolute;
	top: -38px;
	left: -1px;
	z-index: 10;
}
#title-verified-index {
	position: absolute;
	top: -38px;
	left: -1px;
	z-index: 10;
}
#index-vip-box {
	position: absolute;
	display: block;
	width: 380px;
	height: 300px;
	position: absolute;
	top: 200px;
	left: 5px;
	padding: 0;
	margin: 0;
}
#index-vip {
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	width: 370px;
	height: 210px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding-top: 10px;
	background-image: url(/images/new/vip_bg_big.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#index-verified-box {
	display: block;
	position: absolute;
	width: 360px;
	height: 210px;
	top: 200px;
	left: 390px;
	padding: 0;
	margin: 0;
}
#index-verified {
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	position: absolute;
	width: 360px;
	height: 210px;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding-top: 10px;
	background-image: url(/images/new/verified_bg_big.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#index-zone-e {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	width: 250px;
	height: 400px;
	background-color: #eeeeee;
	border: 1px #cccccc solid;
	margin: 3px;
	margin-top: 0;
	padding-top: 20px;
	border-radius: 5px;
}
#page-index-content {
	position: relative;
	margin: 3px;
}
.footer-link {
	list-style: none;
	float: left;
	font-size: 10px;
}
.copy-right {
	color: #333;
	font-size: 10px;
	text-align: center;
	margin: 10px;
}
.detail-box {
	overflow: auto;
	position: relative;
	padding: 10px;
	text-align: left;
	background-color: #FFF;
	border-radius: 5px;
}
.detail-box2 {
	overflow: auto;
	position: relative;
	padding: 10px;
	text-align: left;
	background-color: #FFF;
	border-radius: 5px;
}
.ads-contact-box {
	position: absolute;
	display: block;
	width: 300px;
	height: 250px;
	top: 5px;
	left: 505px;
}
.contact-box {
	display: block;
	width: 475px;
	background-color: #FFF;
	position: relative;
	padding: 10px;
	padding-top: 40px;
	text-align: left;
	border-radius: 5px;
	min-height: 210px;
}
#prod-body {
	padding: 0px;
}
#prod-content {
	position: relative;
	background-color: #f0f0f0;
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	padding: 5px;
	border-radius: 0 0 5px 5px;
}
#prod-title {
	min-height: 56px;
	position: relative;
	margin: 0px;
	border-top: 1px #CCC solid;
	border-bottom: 0px #CCC solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	padding-top: 5px;
	border-radius: 5px 5px 0 0;
	background-image: url(/images/new/head-product-bg.png);
	padding-left: 52px;
}
#prod-title1 {
	color: #FFF;
	padding: 0px;
}
#prod-title2 {
	color: #FFF;
	padding: 0px;
	text-shadow: 1px 1px #333;
}
.category-submenu,
.category-submenu ul {
	position: relative;
	width: 890px !important;
	padding: 0;
	margin: 0;
}
.category-submenu li {
	padding: 1px;
	float: left !important;
	width: 293px !important;
}

/*menu*/


/* nav menu */

.nav-menu {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 100%;
}
.nav-menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	clear: left;
	position: relative;
}
.nav-menu ul>li {
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	position: relative;
}

/* begin Menu top*/

.menu-split {
	display: block;
	background-image: url(/images/new/menu_split.png);
	width: 1px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.nav-menu ul>li a,
.normalClass {
	text-decoration: none;
	height: 40px;
	float: left;
	cursor: pointer;
	background-image: url(/images/new/menu_normal.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.nav-menu ul>li a span.t {
	text-shadow: 2px 2px #000;
	height: 29px;
	margin: 0 20px 0 -10px;
	padding: 11px 0px 0px 20px;
	font-family: supermarketRegular;
	font-size: 15px;
	color: #FFFFFF;
	position: relative;
	float: left;
	background-image: url(/images/new/menu_normal.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav-menu ul.menu>li a.active {
	background-image: url(/images/new/menu_active.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.nav-menu ul.menu>li a.active span.t {
	color: #ffffff;
	background-image: url(/images/new/menu_active.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav-menu ul.menu>li a:hover,
.hoverClass {
	background-image: url(/images/new/menu_hover.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.nav-menu ul.menu>li a:hover span.t,
.hoverClassT {
	color: #ffffff;
	background-image: url(/images/new/menu_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*1st child*/


/*
.nav-menu ul>li:first-child a span.t {
	background-image: url(/images/new/menu_normal_firstchild.png);
}
.nav-menu  ul.menu>li:first-child a.active {
	background-image: url(/images/new/menu_active_firstchild.png);
}
.nav-menu  ul.menu>li:first-child a.active span.t {
	background-image: url(/images/new/menu_active_firstchild.png);
}
.nav-menu ul.menu>li:first-child a:hover {
	background-image: url(/images/new/menu_hover_firstchild.png);
}
.nav-menu ul.menu>li:first-child a:hover span.t {
	background-image: url(/images/new/menu_hover_firstchild.png);
}
*/


/*dropdown top*/

#submenu-post {
	padding: 0;
	margin: 0;
	list-style: none;
}
#submenu-post ul li {
	list-style: none;
	position: relative;
}

/* dropdowns
*************************/

ul.dropdown-top-mem {
	text-align: left;
	border-radius: 3px !important;
	padding: 10px !important;
	box-shadow: 3px 3px 10px #000000;
}
ul.dropdown-top-mem li {
	width: 150px !important;
}
ul.dropdown-top-mem li a {
	color: #000 !important;
}
ul.dropdown-top-mem li a:hover {
	color: #fff !important;
}
ul.dropdown-top.dropdown-top-mem {
	left: 0px;
}
ul.dropdown-top {
	margin: 0;
	padding: 3px;
	display: block;
	position: absolute !important;
	top: 100%;
	left: -80px;
	width: auto !important;
	display: none;
	background: #f0f0f0;
	border-left: #909090 1px solid;
	border-right: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-radius: 0 0 5px 5px;
	z-index: 9999999999999 !important;
	box-shadow: 3px 3px 10px #000000;
}
ul.dropdown-top ul.dropdown-top {
	position: absolute !important;
	top: 0 !important;
	left: 95% !important;
}
ul.dropdown-top li {
	margin: 0;
	float: none;
	position: relative !important;
	list-style: none;
	display: block;
	width: 100%;
	z-index: 9999;
}
ul.dropdown-top li a {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	background-image: none !important;
	/*	border-bottom:1px #505050 dashed;*/
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	font-size: 12px;
	float: none !important;
	font-weight: normal;
}
ul.dropdown-top li a:hover {
	color: #ffffff;
	background: #999;
	border-radius: 5px;
}

/*drop down top2*/

ul.dropdown-top2 {
	margin: 0;
	padding: 3px;
	display: block;
	position: absolute !important;
	top: 100%;
	left: -10px;
	width: auto !important;
	display: none;
	background: #f0f0f0;
	border-left: #909090 1px solid;
	border-right: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-radius: 0 0 5px 5px;
	z-index: 9999999999999 !important;
	box-shadow: 3px 3px 10px #000000;
}
ul.dropdown-top2 ul.dropdown-top2 {
	position: absolute !important;
	top: 0 !important;
	left: 95% !important;
}
ul.dropdown-top2 li {
	margin: 0;
	float: none;
	position: relative !important;
	list-style: none;
	display: block;
	min-width: 200px;
	z-index: 9999;
}
ul.dropdown-top2 li a {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	background-image: none !important;
	/*	border-bottom:1px #505050 dashed;*/
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	font-size: 12px;
	float: none !important;
	font-weight: normal;
}
ul.dropdown-top2 li a:hover {
	color: #ffffff;
	background: #999;
	border-radius: 5px;
}

/*drop down post*/

.category-submenu-post,
.category-submenu-post ul {
	padding: 0;
	margin: 0;
}
.category-submenu-post li {
	padding: 1px;
	float: left !important;
}
#dropdown-post {
	display: none;
}
ul#dropdown-post {
	margin: 0;
	padding: 3px;
	display: block;
	position: absolute !important;
	top: 100%;
	left: 0px;
	width: 700px;
	display: none;
	background: #f0f0f0;
	border-top: #909090 1px solid;
	border-left: #909090 1px solid;
	border-right: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-radius: 5px;
	z-index: 9999;
	box-shadow: 3px 3px 10px #000000;
}
ul#dropdown-post ul#dropdown-post {
	position: absolute !important;
	top: 0 !important;
	left: 95% !important;
}
ul#dropdown-post li {
	margin: 0;
	float: none;
	position: relative !important;
	list-style: none;
	display: block;
	width: 230px !important;
}
ul#dropdown-post li a {
	display: block !important;
	position: relative !important;
	width: 230px !important;
	height: auto !important;
	background-image: none !important;
	/*	border-bottom:1px #505050 dashed;*/
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	font-size: 11px;
	float: none !important;
	font-weight: normal;
}
ul#dropdown-post li a:hover {
	color: #ffffff;
	background: #999;
	border-radius: 5px;
}