@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'thaisans_neuebold';
    src: url('font/ThaiSansNeue/thaisansneue-bold-webfont.eot');
    src: url('font/ThaiSansNeue/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ThaiSansNeue/thaisansneue-bold-webfont.woff') format('woff'),
         url('font/ThaiSansNeue/thaisansneue-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'digital-7regular';
    src: url('font/digital-7/digital-7-webfont.eot');
    src: url('font/digital-7/digital-7-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/digital-7/digital-7-webfont.woff') format('woff'),
         url('font/digital-7/digital-7-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body {
	margin:0px; padding:0px; 
	background:#2a2e39;
	color:#ccc; font-family:tahoma; font-size:12px;
	line-height:1.6em;
}


/*------------------------------------Css Attachment*/
a {
	text-decoration:none;
	color:#ccc;
}
a:hover {
	color:#FF0;
}
img {
	border:0px;
}
h1 , h2 , h3 , h4 , h5 , h6 , p , span {
	margin:0px; padding:0px;
}
ul {
	list-style:none;
	padding:0px; margin:0px;
}
*:focus {
	outline:none;
}
/*------------------------------------End Css Attachment*/

/*------------------------------------Create Element*/
section , header , nav , article , hgroup , footer , aside , fieldset , legend , label {
	display:block;
}
article {
	line-height:16px;
}
/*------------------------------------End Create Element*/

/*------------------------------------Main Menu*/
.fix-mainmeu {
	background:#000;
	position:fixed; top:0px; left:0px; z-index:9999;
	width:100%;
}
.pagemenuMain {
	
}
.pagemenuMain ul {
	overflow:hidden;
	border-left:#333 1px solid;
	display:table; margin:0 auto;
}
.pagemenuMain ul li {
	float:left; 
	border-right:#333 1px solid;
}
.pagemenuMain ul li a {
	display:block; padding:10px 15px;
}
.pagemenuMain ul li a span.top {
	color:#666; text-align:center; display:block;
}
.pagemenuMain ul li a:hover span.top , .pagemenuMain ul li a.active span.top {
	color:#ccc;
}
.pagemenuMain ul li a span.bottom {
	color:#fff; text-align:center; display:block; margin-top:5px; font-weight:bold;
}
.pagemenuMain ul li a:hover span.bottom , .pagemenuMain ul li a.active span.bottom {
	color:#FF0;
}

/*------------------------------------End Main Menu*/
.page-container {
	width:980px; margin:0 auto; position:relative; z-index:2;
}
.page-container-under {
	width:980px; margin:0 auto; position:relative; z-index:1;
}
.page-container-fixHome {
	width:980px;position:absolute; z-index:2;
	
}




/*------------------------------------Label*/

/*-----------------------------------------------------------------------------------------------------------------1*/
.label-style-fix {
	height:30px; background:url(images/label-style.png) center bottom no-repeat;  width:100%; padding-top:68px; position:absolute; z-index:999; 
}
.label-style02-fix-t {
	position:relative; height:30px; width:980px; margin:0 auto;
	padding:0 5px;
	left:0px; top:0px;
}
.label-style02-fix-t nav a  {
	color:#000;
}
.label-style02-fix-t nav a:hover {
color:#521d00;
}
.label-style02-fix-t nav.login a {
	display:block; float:left;
	border-right:1px solid #f78102; padding:5px 20px 0 20px;
	height:22px;
	font-weight:bold; font-size:14px;
}

.label-style02-fix-t nav.logoutAndRegister a {
	display:block; float:left;
	border-right:1px solid #f78102; padding:5px 20px 0 20px;
	height:22px;
	font-weight:bold; font-size:14px;
}
.label-style02-fix-t nav.adToCart {
	float:right;
	border-left:1px solid #f78102;
}
.label-style02-fix-t nav.adToCart a {
	display:block; float:left;
	padding:5px 20px 0 20px;
	height:22px;
	font-weight:bold; font-size:14px;
}

.label-style {
	position:relative; height:30px;
}
.label-style-l {
	position:absolute; width:50%; height:100%;
	background:url(images/label-style.png) left top;
}
.label-style-r {
	position:absolute; width:50%; height:100%;
	background:url(images/label-style.png) right top;
	right:0px; top:0px;
}
.label-style-t {
	position:relative; height:30px;
	padding:0 5px;
	left:0px; top:0px;
}

/*-----------------------------------------------------------------------------------------------------------------2*/
.label-style02 {
	position:relative; height:80px; margin-top:84px;
}
.label-style02-l {
	position:absolute; width:50%; height:100%;
	background:url(images/label-style02.png) left top;
}
.label-style02-r {
	position:absolute; width:50%; height:100%;
	background:url(images/label-style02.png) right top;
	right:0px; top:0px;
}
.label-style02-t {
	position:relative; height:80px;
	padding:0 5px;
	left:0px; top:0px;
}
.label-style02-t nav a  {
	color:#000;
}
.label-style02-t nav a:hover {
color:#521d00;
}
.label-style02-t nav.login a {
	display:block; float:left;
	border-right:1px solid #f78102; padding:5px 20px 0 20px;
	height:25px;
	font-weight:bold; font-size:14px;
}

.label-style02-t nav.logoutAndRegister a {
	display:block; float:left;
	border-left:1px solid #fbcf01; padding:5px 20px 0 20px;
	height:25px;
	font-weight:bold; font-size:14px;
}
.label-style02-t nav.adToCart {
	float:right;
	border-left:1px solid #f78102;
}
.label-style02-t nav.adToCart a {
	display:block; float:left;
	border-left:1px solid #fbcf01; padding:5px 20px 0 20px;
	height:25px;
	font-weight:bold; font-size:14px;
}



/*------------------------------------Label*/
/*------------------------------------bannger*/
.control-banner {
	position:relative; height:283px; z-index:1;
}
.bg-banner {
	height:300px; position:absolute;  width:100%;
	background:url(images/bg-banner.jpg) repeat-x;
	border-bottom:#171b24 1px solid;
}
.page_banner {
	width:960px; height:300px; overflow:hidden;
	margin:0 auto;
}
.button-home {
	position:absolute; left:5px; bottom:0px; z-index:99;
}
.button-home a {
	background:url(images/home.png); 
	width:39px; height:35px; display:block;
}
.button-home a:hover {
	background:url(images/home_1.png);
}
.button-facebookPage {
	height:20px; left:49px; position:absolute; bottom:10px; z-index:99;
	overflow:hidden;
}
.button-facebookPage div {
	float:left; margin-left:5px;
}
.button-facebookPage nav {
	float:left;
}
/*------------------------------------End bannger*/
/*------------------------------------menu Icon*/
.pagemenuIcon {
	overflow:hidden;
}
.pagemenuIcon li {
	float:left;	
}
.blogMenu {
	width:80px; height:80px;	
}
.pagemenuIcon li div.split {
	width:2px; height:80px;
	background:url(images/split-label-style02.png) no-repeat;
	margin:0 8px;
}
nav.iconMenu a {
	position:relative;
	width:80px; height:80px;
}
nav.iconMenu a img {
	position:absolute; left:0px; top:0px;
}
nav.iconMenu a img.a {
	z-index:2;
}
nav.iconMenu a img.b {
	opacity:0; filter:alpha(opacity=0);
	z-index:3;
}
nav.iconMenu a:hover img.b , nav.iconMenu a.active img.b {
	display:block;
	opacity:1; filter:alpha(opacity=100);
}
/*------------------------------------End menu Icon*/
.paragraph {
	overflow:hidden;
}
.paragraph02 {
	overflow:hidden; padding:10px 0;
}
.paragraph03 {
	overflow:hidden; padding-bottom:10px;
}
.paragraph04 {
	overflow:hidden; padding:10px 25px;
}
.paragraph05 {
	overflow:hidden; padding:10px 0; padding-top:20px;
}
.paragraph06 {
	overflow:hidden; padding-bottom:20px;
}
.overflowNone {
	overflow:inherit;
}
.clear {
	clear:both;
}

.blog-promotion {
	width:480px; float:left;
}

.blog-vdo {
	width:490px; float:right;
}


.blog-promotion-top {
	position:relative; height:5px;
}
.blog-promotion-top-l {
	position:absolute; height:100%; width:50%; left:0px; top:0px;
	background:url(images/box-module-style.png) left top;
}
.blog-promotion-top-r {
	position:absolute; height:100%; width:50%; right:0px; top:0px;
	background:url(images/box-module-style.png) right top;
}
.blog-promotion-content {
	padding:5px 10px;
	background:#242832;
	position:relative; 
	width:459px; height:344px;
}
.blog-vdo-content {
	padding:5px 10px;
	background:#242832;
	position:relative; 
	width:470px; 
}
.blog-promotion-content img {
	width:459px !important;
}
.blog-promotion-content iframe {
	z-index:1; position:relative;
}
.blog-promotion-bottom {
	position:relative; height:5px;
}
.blog-promotion-bottom-l {
	position:absolute; height:100%; width:50%; left:0px; top:0px;
	background:url(images/box-module-style.png) left bottom;
}
.blog-promotion-bottom-r {
	position:absolute; height:100%; width:50%; right:0px; top:0px;
	background:url(images/box-module-style.png) right bottom;
}

.quickwall {
	width:320px ; height:152px; background:url(images/quickwall.png); overflow:hidden;
	float:left;
}
.quickwall article {
	padding:30px 15px 10px 15px; line-height:20px; color:#ffcc00;
}
.diy {
	height:152px; width:320px; background:url(images/diy.png); overflow:hidden;
	float:left; margin-left:10px;
}
.diy article {
	padding:30px 15px 10px 15px; line-height:20px; color:#ffcc00;
}
.quicklog {
	height:152px; width:320px; background:url(images/quicklog.png); overflow:hidden;
	float:right; margin-left:6px;
}
.quicklog article {
	padding:30px 15px 10px 15px; line-height:20px; color:#ffcc00;
}

/*module style01*/
.module-style {
	position:relative;
}
	.module-style-top {
		position:relative; height:20px;
	}
		.module-style-top-l {
			position:absolute; width:70%; height:100%; background:url(images/content3.png) left top; left:0px; top:0px;
		}
		.module-style-top-r {
			position:absolute; width:30%; height:100%; background:url(images/content3.png) right top; right:0px; top:0px;
		}
	.module-style-bottom {
		position:relative; height:20px;
	}
		.module-style-bottom-l {
			position:absolute; width:70%; height:100%; background:url(images/content3.png) left bottom; left:0px; top:0px;
		}
		.module-style-bottom-r {
			position:absolute; width:30%; height:100%; background:url(images/content3.png) right bottom; right:0px; top:0px;
		}
	.module-style-content {
		position:relative; 
	}
		.module-style-content-l {
			position:absolute; width:70%; height:100%; background:url(images/content3.png) left -20px; left:0px; top:0px;
		}
		.module-style-content-r {
			position:absolute; width:30%; height:100%; background:url(images/content3.png) right -20px; right:0px; top:0px;
		}
		.module-style-content-t {
			position:relative; padding:0 10px; left:0px; top:0px; min-height:300px;
		}		
/*End module style01*/		
		
.board-home {
	
}
.board-home-sec-l {
	float:left; width:49%;
	padding-bottom:10px;
}
.board-home-sec-l header {
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
	padding-bottom:10px;
}

.board-home-sec-r {
	float:right; width:49%;
	padding-bottom:10px;
}
.board-home-sec-r header {
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
	padding-bottom:10px;
	text-align:right;
}
.board-home-sec-full {
}
.board-home-sec-full header {
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
	padding-bottom:10px;
}
.board-home-list {
	
}
.board-home-list li {
	padding:3px 10px; line-height:1.5em; overflow:hidden;
}
.board-home-list li a {
	float:left; display:block;
}
.board-home-list li a span {
	color:#00CCFF; 
}
.board-home-list li nav {
	float:left; margin-left:20px;
}
.board-home-list li nav div.left {
	background:url(popup/images/sharedmail/button2.png) left top; width:10px; height:20px; float:left; cursor:pointer;
}
.board-home-list li nav div.right {
	background:url(popup/images/sharedmail/button2.png) right top; width:10px; height:20px; float:left; cursor:pointer;
}
.board-home-list li nav input {
	background:url(popup/images/sharedmail/button2.png) center top; height:20px; float:left; font-size:14px;border:0px; display:block; cursor:pointer; margin:0px; padding:0px;
}
.board-home-list li nav:hover input {
	color:#064c7f;
}

.viewMore {
	padding-top:10px;
}
.viewMore a {
	color:#00CCFF;
	text-decoration:underline;
	margin-left:30px;
}
.viewMore a:hover {
	text-decoration:none;
	color:#FF0;
}
.text-centerLabel02 {
	text-align:center; color:#000; padding-top:5px; height:25px; font-size:14px; font-weight:bold;
}
.blogAward {
	height:130px; background:url(images/bg_awards.png); position:relative; margin-top:10px;
}
.blogAward ul {
	overflow:hidden;
	padding-top:10px;

}
.blogAward ul li {
	float:left; height:110px; width:120px;
	text-align:center;
	margin:0 7px;
}
.siteMap {
	background:url(images/bg_siteMap.png) repeat-x #171b24 left bottom;
	min-height:240px;
}
.titleSite-map {
	
}
.titleSite-map ul {
	overflow:hidden; background:#000;
}
.titleSite-map ul li {
	float:left; width:16.666%; 
}
.titleSite-map ul li span {
	padding:5px 5px 5px 30px; display:block; font-weight:bold; color:#FFFF00;
}
.linkSite-map {
	float:left; width:16.666%;
}
.linkSite-map ul {
	list-style:disc;
	padding-left:10px;
	margin-left:27px;
	padding-top:10px;
	padding-bottom:10px;
}

.linkSite-map ul li {
	margin-bottom:0px;
}
.linkSite-map ul li a {
	padding:1px 5px 1px 5px; display:block;
}
/*footer*/	
.footer-sec {
	width:50%; float:left;
}
.footer-sec-r01 {
	float:right; width:145px;
}
.footer-sec-r01 img {
	margin-bottom:10px;
}
.footer-sec-r02 {
	float:right;
}
.footer-sec-r02 img {
	float:left;
}
.footerlastParagraph {
	overflow:hidden;
}
.footerlastParagraph img {
	float:left; margin-right:10px;
}
.footerlastParagraph  div {
	float:left; color:#fff; padding-top:14px;
}
.footerlastParagraph  div span {
	color:red;
}

.chatOnline {
	position:absoute; left:0px; top:0px;
}
.fixbutton {
	position:fixed; right:10px; top:80%; z-index:999;
}
#upAndDown {
	opacity:0;
	filer:alpha(opacity=0);
}


.module-style02 {
	position:relative;
}
.module-style02-top {
	position:relative; height:20px;
}
	.module-style02-top-l {
		position:absolute; height:100%; width:50%; 
		background:url(images/content2.png) left top;
		left:0px; top:0px;
	}
	.module-style02-top-r {
		position:absolute; height:100%; width:50%; 
		background:url(images/content2.png) right top;
		right:0px; top:0px;
	}
.module-style02-content {
	position:relative; 
}
.module-style02-content-l {
	position:absolute; width:50%; height:100%; background:url(images/content2.png) left -20px no-repeat #191c25;
	left:0px; top:0px;
}
.module-style02-content-r {
	position:absolute; width:50%; height:100%; background:url(images/content2.png) right -20px  no-repeat #191c25;
	right:0px; top:0px;
}
.module-style02-content-t {
	padding:0 10px;
	min-height:500px;
	position:relative;
}
.module-style02-bottom {
	position:relative;
	height:20px;
}
.module-style02-bottom-l {
	width:50%; height:100%; position:absolute; left:0px; top:0px;
	background:url(images/content2.png) left bottom;
}
.module-style02-bottom-r {
	width:50%; height:100%; position:absolute; right:0px; top:0px;
	background:url(images/content2.png) right bottom;
}


.module-style03 {
	position:relative;
}
.module-style03-top {
	position:relative; height:5px;
}
.module-style03-top-l {
	position:absolute; left:0px; top:0px; 
	background:url(images/box-module-style.png) left top;
	width:50%; height:100%;
}
.module-style03-top-r {
	position:absolute; right:0px; top:0px; 
	background:url(images/box-module-style.png) right top;
	width:50%; height:100%;
}
.module-style03-content {
	padding:5px 10px;
	background:#242832; 
}
.module-style03-bottom {
	position:relative; height:5px;
}
.module-style03-bottom-l {
	position:absolute; left:0px; top:0px; 
	background:url(images/box-module-style.png) left bottom;
	width:50%; height:100%;
}
.module-style03-bottom-r {
	position:absolute; right:0px; top:0px; 
	background:url(images/box-module-style.png) right bottom;
	width:50%; height:100%;
}

.boxTitlePage {
	padding-bottom:10px; position:relative;
}
.brand-menu  {
	display:table; margin:0 auto; margin-bottom:10px;
}
.brand-menu ul {
	overflow:hidden;
}
.brand-menu ul li {
	float:left; width:92px; height:55px; margin:0 5px 10px 5px;
}
.brand-menu ul li a {
	display:block; width:102px; height:65px;	
	position:relative;
	font-size:0px;
}
.brand-menu ul li.active a {
	background:#0099FF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;	
}
.brand-menu ul li a img {
	position:absolute; left:5px; top:5px;
}
.brand-menu ul li a img.normal {
	z-index:3;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.brand-menu ul li a img.hover {
	z-index:4;
	opacity:0;
	filter:alpha(opacity=0);
}
.brand-menu ul li.active a img.hover {
	z-index:4;
	opacity:1;
	filter:alpha(opacity=100);
}
.brand-menu ul li.active a:hover img.hover {
	z-index:4;
	opacity:1;
	filter:alpha(opacity=100);
}

/*Dropdown*/
.subMenu-dropdown {
	position:absolute; top:80px; width:300px; z-index:9999;
	border-left:0px !important;
	border-right:0px !important;	
	padding:0px !important;
	margin:0px !important;	
	padding:10px 0px 0 0px !important;
	background:url(images/bg-dropdown.png) left top;
	overflow:inherit !important; 
}

.subMenu-dropdown li {
	width:300px !important; height:auto !important; margin:0 !important; padding:0 !important; 
}
.subMenu-dropdown li a {
	display:block; padding:3px 10px; height:auto !important; width:280px !important;
	background-color:transparent !important;
	margin:0px !important;
	font-size:14px !important; font-weight:bold;
	border-bottom:#333 1px solid;
	text-shadow:#000 2px 2px 2px;
}

.subMenu-dropdown-bottom {
	width:300px; height:10px; display:block;
	background-image:url(images/bg-dropdown.png);
	background-position: left bottom !important;
	position:absolute; bottom:-9px; left:0px; z-index:3;
}

.module-product {
	position:relative;
	margin-bottom:20px;
}
.module-product-top {
	position:relative; height:40px; z-index:99;
}
.module-product-top-l {
	position:absolute; width:50%; left:0px; top:0px; height:100%; background:url(images/top-module_style01.png) left top;
}
.module-product-top-r {
	position:absolute; width:50%; right:0px; top:0px; height:100%; background:url(images/top-module_style01.png) right top;
}
.module-product-top-t {
	position:relative; height:30px;
}
	.fixModule-products {
		position:absolute; width:100%; height:120px;  top:-130px; 
	}
	.blogCode_products {
		width:150px; padding:0 10px 0 30px; height:30px; float:left;
		border-right:#a4a4a4 1px solid;
	}
		.blogCode_products span {
			display:block; color:#000; margin-top:8px; font-size:14px;
		}
	.blogCode_products02 {
		width:150px; padding:0 10px; height:30px; float:left;
		border-right:#a4a4a4 1px solid;
	}
		.blogCode_products02 span {
			display:block; color:#000; margin-top:8px;  font-size:14px;
		}		
	.blogSpec_products {
		height:30px; float:left;
		border-right:#eee 1px solid;
	}
		.blogSpec_products span {
			display:block; color:#000; font-size:14px;
			padding:8px 10px 0 30px; border-right:#a4a4a4 1px solid; height:22px;
		}		
	.blogName_products {
		padding:0 10px 0 10px; height:30px; float:left;
		border-left:#eee 1px solid;
	}		
		.blogName_products span {
			display:block; color:#000; margin-top:8px; font-size:14px;
		}	
	.blogPrice_products {
		float:right; border-left:#a4a4a4 1px solid;
	}	
	.blogPrice_products section {
		border-left:#eee 1px solid; height:30px; padding:0 20px;
	}
	
	.boxPrice-l {
		height:30px; width:10px; background:url(images/top-module_style01-price.png) left top; float:left;
	}
	.boxPrice-r {
		height:30px; width:10px; background:url(images/top-module_style01-price.png) right top; float:left;
	}
	.boxPrice-c {
		height:30px; background:url(images/top-module_style01-price.png) center top; float:left; padding:0 10px;
	}
		.boxPrice-c article {
			
		}
			.boxPrice-c article .pricetext {
				float:left;
				color:#F00; font-size:14px; padding-top:13px;
			}
			.boxPrice-c article .lestprice {
				float:left; color:#F00; font-size:15px; padding-top:11px; margin:0 5px; font-size:30px; font-family: 'digital-7regular';
			}
.module-product-content {
	
}
.module-product-content-l {
	float:left; width:410px;
	position:relative; z-index:8;
}
.module-product-content-r {
	float:right; width:530px;
	position:relative;
	background:#000;
	padding:10px;
	z-index:9;
}
.module-product-content-r div.decorate {
	width:10px; height:10px; background:url(images/top-module_style01-decorate.png); position:absolute; left:-10px; top:0px;
}
.module-product-bottom {
	position:absolute; width:100%; bottom:-10px; left:0px;
	height:10px; 
}
.module-product-bottom-l {
	position:absolute; width:50%; height:100%;
	background:url(images/top-module_style01-bottom.png) left top;
}
.module-product-bottom-r {
	position:absolute; width:50%; height:100%;
	background:url(images/top-module_style01-bottom.png) right top;
	right:0px; top:0px;
}
.detailProducts {
	
}
.detailProducts ul li {
	overflow:hidden;
	margin-bottom:5px;
}
.detailProducts ul li span {
	display:block; float:left; width:125px; text-align:right;
	color:#fff; font-weight:bold; font-size:14px;
}
.detailProducts ul li p {
	float:right; padding:0px;margin:0px; display:block; width:400px; color:#ccc; font-size:14px;
}

.detailProducts02 ul li {
	overflow:hidden;
	margin-bottom:5px;
}
.detailProducts02 ul li span {
	display:block; float:left; width:40%; text-align:left;
	color:#fff; font-weight:bold; font-size:14px;
}
.detailProducts02 ul li p {
	float:right; padding:0px;margin:0px; display:block; width:59%; color:#ccc; font-size:14px;
}

.detailProducts03 {
	padding:0 20px;
}

.promotion-minibox {
	text-align:center;
}
	.buttonProduct-order section {
		display:table; margin:0 auto; 
	}
		.buttonProduct-order section ul {
			overflow:hidden;
		}
			.buttonProduct-order section li {
				float:left;
			}
			.buttonProduct-order section li nav a {
				display:block;
			}
				.moreDetail a {
					width:157px; height:30px; 
					background-image:url(server/images/bt-moreDetail.png);
				}
				.preOrder a {
					width:105px; height:30px; 
					background-image:url(server/images/bt-preOrder.png);
				}	
				.comPare a {
					width:155px; height:30px; 
					background-image:url(server/images/bt-compare.png);
				}					
					.buttonProduct-order section li nav a:hover {
						background-position:left -30px;
					}								
					.buttonProduct-order section li nav.noactive a {
						background-position:left -60px;
					}	
.pageShowProduct {
	margin-bottom:20px; overflow:hidden; height:226px; position:relative; width:399px;
}
.blog-buttonMenu ul {
	overflow:hidden;
}
.blog-buttonMenu ul li {
	float:left; width:50%;
}
.blog-buttonMenu ul li a {
	display:block; position:relative; height:62px;
}
.blog-buttonMenu ul li a img {
	position:absolute; left:0px; top:0px;
}
	.blog-buttonMenu ul li a img.normal {
		display:block;
	}
	.blog-buttonMenu ul li a:hover img.normal {
		display:none;
	}
	.blog-buttonMenu ul li a img.hover {
		display:none;
	}
	.blog-buttonMenu ul li a:hover img.hover {		
		display:block;
	}
	.blog-buttonMenu ul li a img.noActive {
		display:none;
	}
	.blog-buttonMenu ul li a.noActive img.noActive {
		display:block;
	}
	.blog-buttonMenu ul li a.noActive img.hover , .blog-buttonMenu ul li a.noActive img.normal {
		display:none;
	}

.titleDetailMore {
	background:#f9a101;
	padding:5px; overflow:hidden; margin-bottom:10px;
}
	.titleDetailMore-l {
		color:#000; font-weight:bold; font-size:16px;
		float:left; width:40%;
	}
	.titleDetailMore-r {
		color:#000; font-weight:bold; font-size:16px;
		float:right; width:60%;
	}
.paddingTop {
	margin-top:-60px;
}
.blogSpec {
	padding:0 10px; background:#000;  margin-bottom:10px; margin-top:95px;
}
.blogSpec section {
	display:table; margin:0 auto;
}
	.blogSpec section ul {
		overflow:hidden;
		border-left:#333 1px solid;
	}
		.blogSpec section ul li {
			float:left;
			border-right:#333 1px solid;
		}
			.blogSpec section ul li a {
				color:#fff; display:block; padding:5px 10px; font-size:18px; font-weight:bold;
			}
				.blogSpec section ul li a:hover {
					color:#FF0;
				}
.paragraphPurchase {
	padding:10px 20px; overflow:hidden;
}
.purchaseTitle {
}
.purchaseTitle h2 {
	font-family: 'thaisans_neuebold'; color:#fff; font-size:25px;
}

.module_style04 {
	position:relative;
}
.module_style04-top {
	position:relative; height:30px;
}
.module_style04-top-l {
	position:absolute; width:50%; height:100%; left:0px; top:0px; background:url(images/top-module_style03.png) left top;
}
.module_style04-top-r {
	position:absolute; width:50%; height:100%; right:0px; top:0px; background:url(images/top-module_style03.png) right top;
}
.module_style04-top-t {
	position:relative; height:30px; overflow:hidden;
}
.module_style04-top-t section.sec01 {
	float:left; width:5%; height:25px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border-right:#ccc 1px solid; padding-top:5px; 
}
.module_style04-top-t section.sec02 {
	float:left; width:45%; height:25px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border-right:#ccc 1px solid; border-left:#fff 1px solid; padding-top:5px;
}
.module_style04-top-t section.sec03 {
	float:left; width:15%; height:25px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border-right:#ccc 1px solid; border-left:#fff 1px solid; padding-top:5px;
}
.module_style04-top-t section.sec04 {
	float:left; width:18%; height:25px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border-left:#fff 1px solid; padding-top:5px;
}

.module_style04-content {
	position:relative; border-left:1px #ccc solid; border-right:1px #ccc solid; background:#fff;
	padding:10px 0; 
}
.tablePurchase ul {
	border-top:#ccc 1px solid;
}
.tablePurchase ul li {
	border-bottom:#ccc 1px solid; overflow:hidden;
}
.tablePurchase ul li section.sec01 {
	float:left; width:5%; padding:3px 0 ; border-right:1px solid #ccc; height:30px;
}
	.tablePurchase ul li section.sec01 span {
		display:block; padding:0 3px; text-align:center; color:#333;
	}
.tablePurchase ul li section.sec02 {
	float:left; width:45%; padding:3px 0 ; border-right:1px solid #ccc;padding-right:1px; height:30px;
}
	.tablePurchase ul li section.sec02 article {
		display:block; padding:0 3px; text-align:left; color:#333;
	}	
.tablePurchase ul li section.sec03 {
	float:left; width:15%; padding:3px 0 ; border-right:1px solid #ccc; padding-right:1px; height:30px;
}
	.tablePurchase ul li section.sec03 span {
		display:block; padding:0 3px; text-align:center; color:#333;
	}	
.tablePurchase ul li section.sec04 {
	float:left; width:13%; padding:3px 0 ; height:30px;
}
	.tablePurchase ul li section.sec04 strong {
		display:block; padding:0 3px; text-align:right; color:#000;
	}	
.conclude ul {
	border-top:#ccc 4px solid; border-bottom:#ccc 4px solid;
}
.conclude ul li {
	overflow:hidden; border-bottom:#ccc 1px solid; background:#f1f1ca; 
}
.conclude ul li div {
	float:left; width:55.2%;  padding:5px 0 ;
}
.conclude ul li section.sec02 {
	float:left; width:30.1%; padding:7px 0 ; padding-right:2px; border-left:#ccc 1px solid; border-right:0px;
}
	.conclude ul li section.sec02 article {
		display:block; padding:0 3px; text-align:center; color:#005976; font-weight:bold;
	}	
.conclude ul li section.sec03 {
	float:left; width:13%; padding:7px 0 ;  border-right:0px; border-left:1px solid #ccc; overflow:hidden;
}
	.conclude ul li section.sec03 span {
		display:block; padding:0 3px; text-align:right; color:#000; font-weight:bold;
	}		
	.conclude ul li section.sec03 span p {
		display:block; margin:0px; padding:0px;
	}
	
.textFieldStyle {
	
}
.textFieldStyle input {
	background:#fff; border:#ccc 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:15px; width:80px; margin:0 auto;margin-top:-5px;
}
.textFieldStyle02 {
	overflow:hidden; width:120%;
	
}
.textFieldStyle02 input {
	background:#fff; border:#ccc 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:15px; width:80px; margin-top:-5px; float:left; margin-left:5px;
}
.buttonStyle {
	position:relative; left:30px;
}
.buttonStyle input {
	background:#fff; border:#ccc 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:18px;display:block;
}
.module_style04-bottom {
	position:relative; height:10px;
}
.module_style04-bottom-l {
	position:absolute; width:50%; height:100%; background:url(images/bottom-module_style03.png) left top;
}
.module_style04-bottom-r {
	position:absolute; width:50%; height:100%; background:url(images/bottom-module_style03.png) right top; right:0px; top:0px;
}
.hideBlog {
	display:none; 
}
.likeBoxProduct {
	margin-bottom:10px;
	position:absolute; z-index:99; top:260px;
}
.contactForm {
	display:table; margin:0 auto;
}
.contactForm ul li {
	margin-bottom:10px;
}
.contactForm ul li  strong {
	display:block; float:left; width:180px; margin-right:10px; font-size:14px;
}
.contactForm ul li section {
	float:left;
}
.contactForm ul li section input {
	background:url(images/textField.jpg) no-repeat; color:#ccc; width:194px; height:23px; border:0px; padding:0 3px;
}
.contactForm ul li p {
	float:left; background:url(images/select.jpg) no-repeat; width:200px; height:23px; overflow:hidden;
}
.contactForm ul li p select { 
	background-color:transparent; width:250px; height:23px; border:0px; color:#fff;
}
.contactForm ul li p select option {
	color:#000; display:block; background:#fff;
}
.contactForm ul li article {
	float:left; 
}
.contactForm ul li article textarea {
	background:url(images/textField.jpg) #000 no-repeat; min-width:200px; max-width:500px; height:100px; border:0px; color:#fff;
}
.contactForm ul li span {
	float:left; display:block;
}
.buttom_formContact {
	display:table; margin:0 auto;
}
.buttom_formContact nav {
	float:left;
}
.sendContact-button input {
	display:block;
	background:url(contact/images/sent.png); width:107px; height:61px; border:0px; padding:0px; margin:0 5px; cursor: pointer;
}
.sendContact-button:hover input {
	opacity:0.7; filter:alpha (opacity=70);
}
.clearContact-button input {
	display:block;
	background:url(contact/images/clear.png); width:107px; height:61px; border:0px; padding:0px; margin:0 5px; cursor: pointer;
}
.sendContact-button:hover input {
	opacity:0.7; filter:alpha (opacity=70);
}
.quotationPageForm {
	background:url(quotation/images/3reason.png) left top no-repeat;
}

.quotationForm {
	float:right; width:450px;
}
.quotationForm ul li {
	margin-bottom:10px;
}
.quotationForm ul li  strong {
	display:block; float:left; width:180px; margin-right:10px; font-size:14px;
}
.quotationForm ul li section {
	float:left;
}
.quotationForm ul li section input {
	background:url(images/textField.jpg) no-repeat; color:#ccc; width:194px; height:23px; border:0px; padding:0 3px;
}
.textAreaQuatation textarea {
	background:url(images/textField.jpg) #000 no-repeat; min-width:450px; max-width:450px; height:300px; border:0px; color:#fff;
}
.quotationForm ul li span {
	float:left; display:block; width:200px;
}
.quotationForm ul li span input {
	margin:0px; padding:0px;
}
.choiceQuotation input {
	float:left;
}
.choiceQuotation span {
	float:left; margin:0 10px 0 5px; font-size:14px;
}
.blockKnowledge {
	background:url(images/bg-multiply.png);
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
	padding:20px 10px;
}
.box-pageNuber {
	padding:20px; 0 0 0;
}
.titleKnowledge {
	margin-bottom:10px;
}
.titleKnowledge h2 {
	color:#fff; font-size:22px;
}
.tablePartner {
	width:600px; overflow:hidden;
}
.tablePartner02 {
	width:360px; overflow:hidden;	
}
.tablePartner03 {
	width:600px; overflow:hidden;	
}

.tablePartner-top {
	position:relative; height:0px; z-index:1;
}
.tablePartner-top-l {
	position:absolute; 
	background:url(images/top-module_style03.png) left top; height:30px; width:50%;
	top:0px;
}
.tablePartner-top-r {
	position:absolute; right:0px; top:0px; 
	background:url(images/top-module_style03.png) right top; height:30px; width:50%;
}
.tablePartner-top-t {
	position:relative; height:30px; overflow:hidden;
}
.tablePartner-top-t ul {
	overflow:hidden; margin-left:-1px; width:610px; 
}
.tablePartner-top-t ul li {
	float:left; width:20%; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner-top-t ul li span {
	font-weight:bold; color:#064c7f; display:block; padding-top:8px;
}


.tablePartner2-top-t {
	position:relative; height:30px; overflow:hidden;
}
.tablePartner2-top-t ul {
	overflow:hidden; margin-left:-1px; width:610px; 
}
.tablePartner2-top-t ul li {
	float:left; width:119px; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner2-top-t ul li span {
	font-weight:bold; color:#064c7f; display:block; padding-top:8px;
}

.tablePartner3-top-t {
	position:relative; height:30px; overflow:hidden;
}
.tablePartner3-top-t ul {
	overflow:hidden; margin-left:-1px; width:610px; 
}
.tablePartner3-top-t ul li {
	float:left; width:119px; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner3-top-t ul li span {
	font-weight:bold; color:#064c7f; display:block; padding-top:8px;
}
.tablePartner3-top-t ul li.size-L {
	float:left; width:199px; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner3-top-t ul li.size-m {
	float:left; width:89px; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner3-top-t ul li.size-s {
	float:left; width:69px; height:30px; border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;
}
.tablePartner3-content table tr td {
	border-right:#ccc 1px solid; padding:2px 5px; border-bottom:#ccc 1px solid; 
}
.tablePartner3-content {
	color:#666;
	position:relative;
	z-index:2;
}




.tablePartner-content table tr td {
	border-right:#ccc 1px solid; width:100px; padding:2px 5px; border-bottom:#ccc 1px solid; 
	position:relative; z-index:2;
}

.tablePartner-bottom {
	position:relative; height:10px;
}
.tablePartner-bottom-l {
	position:absolute; background:url(images/bottom-module_style03.png) left top;
	height:100%; width:50%; left:0px; top:0px;
}
.tablePartner-bottom-r {
	position:absolute; background:url(images/bottom-module_style03.png) right top;
	height:100%; width:50%; right:0px; top:0px;
}

.bgFFF {
	background:#fff;	
}

.tablePartner-content {

	color:#666;
}
.tablePartner-content ul {
	overflow:hidden; margin-left:-2px; width:610px; 
}
.tablePartner-content ul li {
	float:left; padding:5px 10px; width:100px; border-right:1px solid #ccc; border-left:1px solid #ccc; margin-left:-1px;
}
.pagePartner ul {
	overflow:hidden;
}
.pagePartner ul li {
	width:50%; margin-bottom:10px; height:320px; float:left;
}
.pagePartner_showpic {
	text-align:center;
}
.contentPartner section {
	overflow:hidden; margin-bottom:5px;
}
.contentPartner section strong {
	float:left; width:150px; color:#FFFF00; display:block;
}
.contentPartner section div {
	float:left; width:150px; color:#0099FF; display:block; text-decoration:underline;
}
.contentPartner section span {
	float:right; width:280px; color:#fff; display:block;
}
.contentPartner section span p {
	float:left; color:#fff; display:block; padding:3px 5px; background:#000; border:#666 1px solid;
}
.contentPartner section select  {
	float:left; width:100px; color:#fff; background:#333; border:0px;
}

.pagePartner ul li nav {
	display:table; overflow:hidden; margin-left:25px;
}

.pagePartner ul li nav input {
	display:block; width:161px; height:61px;
	background:url(partner-portal/images/confirm.png);
	border:0px; font-size:0px; line-height:0px;
	cursor:pointer;
}


.formRegister {
	margin:0 20px; 
}

.formRegister ul li {
	margin-bottom:5px;
	float:left; width:360px;
	padding:0 50px;
}
.formRegister ul li h6 {
	float:left; width:150px; font-weight:bold; color:#FF0; margin:0px; padding:0px; display:block; font-size:14px;
}
.formRegister ul li h4 {
	float:right; min-width:200px; display:block;
}
.formRegister ul li h4 input {
	background:url(images/textField.jpg) #000 no-repeat; width:200px; height:23px; border:0px; color:#fff;
}
.formRegister ul li h4 textarea {
	background:url(images/textField.jpg) #000 no-repeat; min-width:198px;max-width:198px; min-height:200px; border:0px; color:#fff;  overflow-y:hidden;
}
.formRegister ul li h5 {
	float:left; margin-right:5px;
}
.formRegister ul li nav {
	display:table; float:left; margin-top:5px;
}









.formRegister2 {
	display:table; margin:0 auto;
}

.formRegister2 ul li {
	margin-bottom:5px;
}
.formRegister2 ul li h6 {
	float:left; width:150px; font-weight:bold; color:#FF0; margin:0px; padding:0px; display:block; font-size:14px;
}
.formRegister2 ul li h4 {
	float:left; min-width:200px; display:block;
}
.formRegister2 ul li h4 input {
	background:url(images/textField.jpg) #000 no-repeat; width:200px; height:23px; border:0px; color:#fff;
}
.formRegister2 ul li h4 textarea {
	background:url(images/textField.jpg) #000 no-repeat; min-width:200px;max-width:300px; min-height:200px; border:0px; color:#fff;
}
.formRegister2 ul li h5 {
	float:left; margin-right:5px;
}
.formRegister2 ul li nav {
	display:table; float:left; margin-top:5px;
}

/***********************************/




nav.formRegister {
	display:table; float:left; margin-top:5px;
}

nav.formRegister div.left {
	background:url(popup/images/sharedmail/button.png) left top; width:15px; height:30px; float:left; cursor:pointer;
}
nav.formRegister div.right {
	background:url(popup/images/sharedmail/button.png) right top; width:15px; height:30px; float:left; cursor:pointer;
}
nav.formRegister input {
	background:url(popup/images/sharedmail/button.png) center top; height:30px; float:left; font-size:16px; font-weight:bold; border:0px; display:block; cursor:pointer; margin:0px; padding:0px;
}
nav.formRegister:hover input {
	color:#064c7f;
}



.textRegister {
	padding:20px 10px; background:#000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:0 auto; margin-top:20px;  width:800px;
}

.buttonpurchase-back {
	float:left;
}
.buttonpurchase-back a {
	display:block; height:30px; width:105px;
	background:url(purchase-order/images/bt_back.png) left top;
}
.buttonpurchase-back a:hover {
	background:url(purchase-order/images/bt_back.png) right top;
}

.buttonpurchase-print-new {
	float:left; margin-left:10px;
}
.buttonpurchase-print-new a {
	display:block; height:30px; width:135px;
	background:url(purchase-order/images/bt-print-new.png) left top;
}
.buttonpurchase-print-new a:hover {
	background:url(purchase-order/images/bt-print-new.png) right top;
}


.buttonpurchase-send {
	float:right;
}
.buttonpurchase-send a {
	display:block; height:30px; width:163px;
	background:url(purchase-order/images/bt-send.png) left top;
}
.buttonpurchase-send a:hover {
	background:url(purchase-order/images/bt-send.png) right top;
}
.buttonpurchase-print {
	float:right;
}
.buttonpurchase-print a {
	display:block; height:30px; width:136px;
	background:url(purchase-order/images/bt-print.png) left top;
}
.buttonpurchase-print a:hover {
	background:url(purchase-order/images/bt-print.png) right top;
}
.titleSeconHand {
	position:relative; 
}
.titleSeconHand nav {
	position:absolute; right:0px; top:0px;
}
.titleSeconHand nav a {
	display:block; width:152px; height:30px; background:url(seconhand/images/bt_add.png) left top;
}
	.titleSeconHand nav a:hover {
		background:url(seconhand/images/bt_add.png) right top;
	}
	
/***************************************************************************************280214*/	
fieldset {
	border:0px; padding:0px; margin:0px;
}
.formCreate-seconhand fieldset legend {
	font-size:16px; font-weight:bold; color:#FF0; margin-bottom:10px;
}
.formCreate-seconhand fieldset ul {
	width:340px;  margin-left:200px;
}
	.formCreate-seconhand fieldset ul li {
		margin-bottom:10px; width:390px;
	}
		.formCreate-seconhand fieldset ul li label {
			float:left; width:130px; margin-right:10px; font-size:14px; font-weight:bold;
		}
		.formCreate-seconhand fieldset ul li h6 {
			float:left; width:200px; display:block; background:url(images/select.jpg) right top no-repeat; height:23px;  overflow:hidden;
		}
			.formCreate-seconhand fieldset ul li h6 select {
				background-color:transparent; border:0px; color:#ccc; width:220px;
			}
				.formCreate-seconhand fieldset ul li h6 select option {
					background:#000; border:0px; outline:none;
				}
		.formCreate-seconhand fieldset ul li span {
			float:left; font-size:14px; font-weight:bold; display:block;
		}
		.formCreate-seconhand fieldset ul li input {
			background:url(images/textField.jpg) left top #000 no-repeat; width:194px; padding:0 3px; color:#ccc; float:left; border:0px; height:23px; margin-right:10px; 
		}
		.formCreate-seconhand fieldset article {
			width:600px; margin:0px 0px 10px 200px ;  
		}
		.formCreate-seconhand fieldset nav {
			width:141px; margin:0 auto; height:61px; 
		}
			.formCreate-seconhand fieldset nav input {
				width:141px; height:61px; display:block; background:url(seconhand/images/bt_post.png) no-repeat; font-size:0px; cursor:pointer; border:0px;
				margin:0 auto;
			}
				.formCreate-seconhand fieldset nav input:hover {
					opacity:0.8; filter:alpha(opacity=80);
				}
/***********************************************************************************************170314*/		
.blogHowToOrder {
	padding:10px 20px; background:#05080e; border:#2b2f3a 1px solid; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:20px;
}
.blogHowToOrder header {
	color:#FFF; margin:0px; padding:0px; font-weight:bold; font-size:14px;
}
.blogHowToOrder ul li {
	margin-top:10px;
}
	.blogHowToOrder ul li input {
		float:left; margin-right:10px;
	}
	.blogHowToOrder ul li label {
		float:left; font-size:12px; color:#999; display:block; padding-top:3px;
	}
	
.blogHowToOrder02Page {
	padding-top:10px;
}
.blogHowToOrder02Page img {
	float:left; margin-right:10px; 
}
.blogHowToOrder2 {
	float:left; 
}	
.blogHowToOrder2 ul li {
	margin-bottom:5px;
}
	.blogHowToOrder2 ul li input {
		float:left; margin-right:10px;
	}
	.blogHowToOrder2 ul li label {
		float:left; font-size:14px; color:#999; display:block; padding-top:3px;
	}	
	
	
.title-label2 {
	background:#05080e; border:#2b2f3a 1px solid; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:5px 10px;
}
	.title-label2 h2 {
		color:#ccc; font-family: 'thaisans_neuebold'; font-weight:normal; font-size:22px;
	}
.buttonSubmit input {
	display:block;
	background:url(purchase-order/images/sent.png); width:173px; height:61px; border:0px; padding:0px; margin:0 5px; cursor: pointer; font-size:0px;
}
.buttonSubmit:hover input {
	opacity:0.7; filter:alpha (opacity=70);
}
.title-label3 {
	padding-bottom:10px;
}
/****************************************************************/
.page_number {
	overflow:hidden;
}
.page_number-right {
	overflow:hidden;
}
.show-page_number-left {
	float:right;
}
.listNumberPage {
	float:left; padding:3px 5px; margin:0 2.5px;
}
.listNumberPage img {
	margin-top:2px;
}
/******************************************************************/
.blockDetailContact {
	float:left; width:350px;
}
.blockChoiceChat {
	float:right; width:600px;
}
.blockChoiceChat ul {
	overflow:hidden;
}
.blockChoiceChat ul li {
	width:50%; float:left;
}
.blockChoiceChat ul li section {
	margin:0 auto; border-bottom:#666 1px solid; padding-bottom:10px; width:200px;
}
.blockChoiceChat ul li section header {
	font-size:14px; color:#fff; font-weight:bold; padding:0px; margin:0px; margin-bottom:10px;
}
.blockChoiceChat ul li section div {
	overflow:hidden;
}
.blockChoiceChat ul li section div img {
	float:left; margin-right:10px;
}
.blockChoiceChat ul li section div article {
	float:left;
}
.blockChoiceChat ul li section div article h3 {
	font-size:18px; font-weight:normal; color:#50be32; margin-bottom:5px;
}
.blockChoiceChat ul li section div article p {
	font-size:14px; color:#fff;
}
.googleMap {
	float:right; width:545px;
}
.blogContactDetail {
	float:left; width:405px;
}
.blogContactDetail header {
	margin-bottom:10px; text-align:center;
}
.blogContactDetail h2 {
	color:#fff; font-size:14px; text-align:center; display:block; margin-bottom:10px;
}
.blogContactDetail ul li {
	padding:10px 0; overflow:hidden; border-bottom:#666 1px solid;
}
.blogContactDetail ul li img {
	float:left; margin-right:10px;
}
.blogContactDetail ul li article {
	width:300px; float:left;
}
.blogContactDetail ul li article strong {
	color:#fff; font-size:14px; display:block; padding-bottom:10px;
}
.blogContactDetail ul li article p {
	color:#fdb502;
}
/**************************************************************/
.blogMain_product {
	padding:20px 10px;
	background:#000; border:#333 1px solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin-top:10px; overflow:hidden; 
}
.blogShowMainProducts {
	
}
.blogShowMainProducts  section {
	float:left; width:50%;
}
.blogShowMainProducts  section div {
	padding:0 10px; text-align:center;
}
.blogShowMainProducts  section div img {
	width:300px;
}
.blogShowMainProducts  section div article {
	text-align:left; border:#333 1px solid; background:#000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px;
}
.blogShowMainProducts  section div article ul li {
	overflow:hidden; margin-bottom:5px;
}
.blogShowMainProducts  section div article ul li strong {
	float:left; color:#FF0; font-size:14px; display:block; width:40%; 
}
.blogShowMainProducts  section div article ul li p {
	float:right; font-size:14px; display:block; width:60%;
}
.blogShowMainProducts  section div article ul li p input {
	border:#666 1px solid; background:#333; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; text-align:center; color:#fff; width:50px; margin-right:10px;
}
.blogShowMainProducts  section div article ul li p span {
	font-size:18px; color:#fff; border-bottom:#fff 1px dotted; margin-right:10px; display:block; float:left;
}
.blogTwo_product {
	padding:10px 0; border-bottom:#333 1px solid;
}
.titlelist {
	margin-bottom:10px; font-weight:bold; font-size:14px; color:#f79d00;
}
.listOrderProduct ul {
	overflow:hidden;
}
.listOrderProduct ul li {
	float:left; margin:0 3px; margin-bottom:10px; width:300px;
}
.listOrderProduct ul li section {
	background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px;
}
.listOrderProduct ul li section div.showProduct {
	padding:3px; width:280px; margin:5px auto; background:#313233; position:relative; height:156px; overflow:hidden;
}
.listOrderProduct ul li section div.showProduct img {
	max-width:280px; position:relative; z-index:3;
}
.listOrderProduct ul li section div.showProduct input {
	position:absolute; left:8px; top:8px; z-index:9;
}
.listOrderProduct ul li section div.detailProduct {
	padding:3px; width:280px; background:#000; border:#666 1px solid; position:relative;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.blogThree_product {
	padding:10px 0; 
}
.button_fixCenter {
	display:table; margin:0 auto; margin-top:20px; overflow:hidden;
}
.button_fixCenter nav {
	float:left;
}
	.cancleBT a {
		display:block; background:url(popup/images/purchasing/bt_cancle.png) left top; width:84px; height:30px;
	}
		.cancleBT a:hover {
			background:url(popup/images/purchasing/bt_cancle.png) right top;
		}
	.cancleBT input {
		display:block; background:url(popup/images/purchasing/bt_cancle.png) left top; width:84px; height:30px; font-size:0px; border:0px;
	}
		.cancleBT:hover input {
			background:url(popup/images/purchasing/bt_cancle.png) right top;
		}		
	.confirmBT a {
		display:block; background:url(popup/images/purchasing/bt_confirm.png) left top; width:85px; height:30px;
	}
		.confirmBT a:hover {
			background:url(popup/images/purchasing/bt_confirm.png) right top;
		}	
	.confirmBT input {
		display:block; background:url(popup/images/purchasing/bt_confirm.png) left top; width:85px; height:30px;font-size:0px; border:0px;
	}
		.confirmBT:hover input {
			background:url(popup/images/purchasing/bt_confirm.png) right top;
		}			
.editProfile {
	position:absolute; right:0px; top:0px;
}
.editProfile a {
	width:155px; height:30px; background:url(partner-portal/images/bt_edit.png) left top; display:block; 
}
	.editProfile a:hover {
		background:url(partner-portal/images/bt_edit.png) right top;
	}
.buttonGotoVDO {
	padding-top:10px;
	text-align:center;
	overflow:hidden;
	display:table; margin:0 auto;
}	
a.a-poiter {
	background:url(images/bt_chanel.png) left top;
	height:30px; width:223px; display:block;
	float:left;
}
a.a-poiter:hover {
	opacity:0.7; filter:alpha(opacity=70);
}
a.b-poiter {
	background:url(images/bt_chanel.png) right top;
	height:30px; width:227px; display:block;
	float:left;
}
a.b-poiter:hover {
	opacity:0.7; filter:alpha(opacity=70);
}

.labelMainProducts {
	position:relative; height:30px; margin-bottom:10px;
}
	.labelMainProducts-l {
		position:absolute; width:50%; height:100%; background:url(server/moredetail/images/bar.png) left top; left:0px; top:0px; 
	}
	.labelMainProducts-r {
		position:absolute; width:50%; height:100%; background:url(server/moredetail/images/bar.png) right top; right:0px; top:0px; 
	}
	.labelMainProducts-t {
		position:relative; height:25px; left:0px; top:0px; text-align:center; padding-top:5px;
	}
		.labelMainProducts-t div.fb-like {
			position:absolute; left:10px; top:5px; padding:0px; margin:0px;
		}
		.labelMainProducts-t span {
			font-size:18px; font-weight:bold; color:#333; text-shadow:#fff 1px 1px 1px;
		}
.buttonPageSpec {
}
.buttonPageSpec ul {
	display:table; margin:0 auto;
}
.buttonPageSpec ul li {
	float:left; margin:0 5px;
}
.buttonPageSpec ul li nav a {
	display:block; position:relative;  height:90px; width:100px;	
}

.buttonPageSpec ul li nav a img {
	position:absolute; left:0px; top:0px;
}
	.buttonPageSpec ul li nav a img.normal {
		display:block;
	}
	.buttonPageSpec ul li nav a:hover img.normal {
		display:none;
	}
	.buttonPageSpec ul li nav a img.hover {
		display:none;
	}
	.buttonPageSpec ul li nav a:hover img.hover {		
		display:block;
	}
	.buttonPageSpec ul li nav a img.noActive {
		display:none;
	}
	.buttonPageSpec ul li nav a.noActive img.noActive {
		display:block;
	}
	.buttonPageSpec ul li nav a.noActive img.hover , .buttonPageSpec ul li nav a.noActive img.normal {
		display:none;
	}






.content-moreDetail {
	padding:15px; background:#000;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; 
	font-size:14px;
	margin:10px 0;
}
/*************************************************************************/
.detailProduct ul li h4 {
	display:block; float:left; width:80px; font-size:12px; color:#e05e1f; font-weight:normal; margin-right:10px;
}
.detailProduct ul li h5 {
	display:block; float:left; width:180px; font-size:12px; color:#fff; font-weight:normal;
}
.detailProduct ul li h3 {
	display:block; float:left; width:180px; font-size:12px; color:#fff; font-weight:normal; height:2.8em; overflow:hidden;
}
.detailProduct ul li h5 input {
	float:left; width:50px; height:23px; background:#666; color:#fff; border:0px; margin-right:5px; display:block; text-align:center; border-radius:5px;
}
.detailProduct ul li p {
	display:block; float:right; width:100px; font-size:12px; color:#fff; 
}
.detailProduct ul li p span {
	border-bottom:#fff  1px dotted; margin-right:5px;
}

/***************************************************************************/
.blogShowVDO {
	background:#000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px; text-align:center;
}
.list-Vdo {
	margin-top:20px;
}
.list-Vdo ul {
	overflow:hidden; padding-left:30px;
}
.list-Vdo ul li {
	width:270px; float:left; height:230px; margin:0 15px 10px 15px;
}
.list-Vdo ul li div.blogVdo {
	background:url(list_vdo/images/bg-pic.png); height:149px ; width:268px; margin:0 auto; padding-top:8px;
}
	.list-Vdo ul li div.blogVdo section {
		width:248px; height:137px; overflow:hidden; margin-left:8px;
	}
	.list-Vdo ul li div.blogVdo section img {
		width:260px;
	}
.nameVdo {
	padding-top:5px; text-align:center; color:#FF0; font-size:16px; font-weight:bold;
}
.list-Vdo ul li nav {
	margin-top:5px; width:111px; height:27px;
}
.list-Vdo ul li nav a {
	display:block; width:111px; height:27px; background:url(list_vdo/images/bt_click-view.png) left top;
}
.list-Vdo ul li nav a:hover {
	background:url(list_vdo/images/bt_click-view.png) left bottom;
}


.btConfirm {
	width:107px; height:61px; display:block;
	background:url(form-register/images/bt_form.png) ;
	font-size:0xp !important ; border:0px; color:transprant; line-height:0px !important;
	cursor:pointer;
	margin-left:-10px;
}
.btUpdate {
	width:148px; height:61px; display:block;
	background:url(form-register/images/bt_update.png) ;
	font-size:0xp !important ; border:0px; color:transprant; line-height:0px !important;
	cursor:pointer;
	margin-left:-10px;	
}
.blogPayment_pic {
	width:30%; float:left; position:absolute; left:0px; top:0px; height:100%;
}
.blogPayment_pic img {
	position:absolute; top:50%; margin-top:-87px;
}
.newBannerHeader {
	background: #000;
padding:0;
margin-top:61px;
}
.boxSearch {
	position:absolute;
	height:30px;
	right:0px; top:-35px;
}
.boxSearch label {
	float:left; font-family:Arial , Tahoma; font-weight:bold; color:#ddd; font-size:14px; padding-top:8px;
}
.boxSearch input {
	width:200px; height:25px; float:left;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
	background:#000;
	border:#000 1px solid; border-left:1px solid #999; border-top:1px solid #999;
	padding:0 10px; color:#fff; font-size:12px; margin-left:10px;
}

/*****************/
.page_bannerJS {
	width:960px; height:250px; overflow:hidden;
	background:url(images/bgBannerJS.jpg) no-repeat center top;
	margin:0 auto;
}
.boxlogoJS {
	width:250px; height:125px;
	position:absolute; left:20px; top:20px;
}
	.boxlogoJS .world {
		width:60px; height:60px;
		border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;
		position:absolute; left:8px; top:13px; z-index:1; overflow:hidden;
	}
	.boxlogoJS .logo {
		position:absolute; left:0px; top:0px; z-index:9;
		width:250px; height:125px;
	}
.page_bannerJS .server {
	position:absolute; right:0px; bottom:-2px; height:250px;
	opacity:0; filter:alpha("opacity=0%");
}
.page_bannerJS .textCall {
	position:absolute; left:395px; top:160px;
	opacity:0; filter:alpha("opacity=0%");
}
.page_bannerJS .textHilight {
	position:absolute; left:80px; top:120px;
	opacity:0; filter:alpha("opacity=0%");
}
.page_bannerJS .t1 {
	position:absolute; left:-40px; top:0px;
	opacity:0; filter:alpha("opacity=0%");
}
.page_bannerJS .t2 {
	position:absolute; left:0px; top:-40px;
	opacity:0; filter:alpha("opacity=0%");
}
.page_bannerJS .t3 {
	position:absolute; left:40px; top:0px;
	opacity:0; filter:alpha("opacity=0%");
}