/* CSS Document */
*{ margin:0; padding:0;}

a {
	text-decoration: none;
	color:#000;
}

body {
	margin:0;
	padding:0;
	background: #fff url(../images/background.png) repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	line-height:25px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Font-Face-----*/

@font-face {
    font-family: 'kittithada_bold_75_pregular';
    src: url('fonts/kit75p-webfont.eot');
    src: url('fonts/kit75p-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kit75p-webfont.woff') format('woff'),url('fonts/kit75p-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kittithada_roman_55_fregular';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kit55f-webfont.woff') format('woff'), url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kittithada_roman_italic_56_Rg';
    src: url('fonts/kit56p-webfont.eot');
    src: url('fonts/kit56p-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/kit56p-webfont.woff') format('woff'),url('fonts/kit56p-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thai_sans_literegular';
    src: url('fonts/thaisanslite_r1_1-webfont-webfont.eot');
    src: url('fonts/thaisanslite_r1_1-webfont-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/thaisanslite_r1_1-webfont-webfont.woff') format('woff'),url('fonts/thaisanslite_r1_1-webfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Style-text-----*/

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}

.font12{ font-size:12px;}
.font18{ font-size:18px;}
.font28{ font-size:28px;}

.red{ color:#f00;}
.orange{ color:#f6883e;}
.blue{ color:#03F;}

.space20{ padding-left:20px;}

.font-bold{ font-weight:bold;}
.font-italy{ font-style:italic;}

.font-thai-sans{ font-family: 'thai_sans_literegular';}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Style-text-----*/

#wrapper{
	width:980px;
	margin:auto;
}

#header{
	width:980px;
	padding:5px 0 0 0;
	height:100px;
	margin:auto;
}

.header-left{
	float:left;
	width:250px;
	height:90px;
	margin:auto;
}

.header-right{
	float:right;
	width:700px;
	text-align:right;
	font-size:12px;
	color:#fff;
	line-height:20px;
}

.header-right a{ 
	text-decoration:none; 
	color:#fff; 
}
.header-right a:hover{
	 text-decoration: underline; 
	 color:#fff;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Main-menu-----*/

#main_menu{
	width:980px;
	height:50px;
	margin:0px auto 0 auto;
	float:left;
	background:url(../images/bg-menu.png) bottom no-repeat;
}
#main_menu ul{
	margin:5px auto;
}

#main_menu ul li{
	margin:auto;
	padding:0 0 0 40px;
	float:left;
	text-align:center;
	display:inline;
	position:relative;
	
}

#main_menu ul li a{
	margin:auto;
	color:#242424;
	display:block;
	text-decoration:none;
	font-size:14px;
	padding:0 40px;
	font-family:"Times New Roman";
}

#main_menu ul li a:hover,#main_menu ul li a.current {
	color:#fff;
	background:url(../images/icon.png) left no-repeat;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Slide-----*/

#slide{
	margin:20px auto auto auto;
	padding:0;
	width:960px;
	height:418px;
	text-align:center;
}

#slide-1{
	margin:0;
	padding:0;
	width:238px;
	height:125px;
	text-align:center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Content-----*/

#content{
	width:980px;
	margin:auto;
	background: url(../images/bg-content.png) repeat-x;
}

.content-detail{
	margin:auto;
	padding:10px;
	width:950px;
	height:270px;
	display:block;
	color:#fff;
	background-color:rgba(255,255,255,0.4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.content-detail .box-1{
	width:400px;
	display:inline;
	float:left;
	margin-left:5px;
}

.content-detail .box-2{
	width:265px;
	display:inline;
	float:left;
	color:#242424;
	line-height:30px;
}

.content-detail .box-2 h3{
	font-family: 'kittithada_roman_55_fregular';
	font-size:30px;
	color:#;
	text-decoration: underline;
	color:#f6883e;
	text-align:center;
}

.content-detail .box-2 p{ font-family:"Times New Roman"; font-size:30px; text-align:center; color:#242424; text-shadow:1px 1px 1px #ccc;}

.content-detail .box-2 a{ color: #242424; text-decoration:underline; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Footer-----*/

#footer{
	width:980px;
	height:110px;
	margin:10px auto auto auto;
	padding:5px 0 0 0;
    border-top: double #f6883e;
	text-align:center;
	color:#242424;
	font-family: 'kittithada_roman_55_fregular';
	font-size:20px;
}

#footer a{ 
	text-decoration:none; 
	color:#242424; 
	line-height:10px;
}
#footer a:hover{ 
	color: #F60;
}
.copyright{ 
	font-size:20px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----- CONTACT -----*/

.contact-form{
	width:320px;
	float:left;
	margin:10px 0;
}
.contact-text{
	width:570px;
	float:left;
	margin:10px 0 20px 25px;
}
.refresh{
	position:relative;
	top:8px;
	right:5px;
}
.button_contact{
	margin:5px 0 0 0;
	padding:5px 20px;
	cursor:pointer;
}


#hongkiat-form { box-sizing: border-box; }

#hongkiat-form .txtinput { 
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 5px;
	font-size: 14px;
	padding: 7px 25px;
	padding-left: 35px;
	width: 250px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form .code {
	font-family: "Helvetica Neue", Arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 5px;
	font-size: 14px;
	padding: 7px 25px;
	padding-left: 35px;
	width: 120px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput:focus { 
	color: #333;
	border-color: rgba(41, 92, 161, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none; 
}

#hongkiat-form input#company {
	background: #fff url('../images/contact/company.png') 5px 4px no-repeat;
}
#hongkiat-form input#name {
	background: #fff url('../images/contact/name.png') 5px 4px no-repeat;
}
#hongkiat-form input#email {
	background: #fff url('../images/contact/email.png') 5px 4px no-repeat;
}
#hongkiat-form input#txtverfycode {
	background: #fff url('../images/contact/txtverfycode.png') 5px 4px no-repeat;
}
#hongkiat-form input#tel {
	background: #fff url('../images/contact/tel.png') 5px 4px no-repeat;
}
#hongkiat-form input#fax {
	background: #fff url('../images/contact/fax.png') 5px 4px no-repeat;
}

#hongkiat-form textarea {
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 5px;
	font-size: 14px;
	padding: 7px 25px;
	padding-left: 35px;
	width: 250px;
	height: 100px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
	color: #333;
	border-color: rgba(41, 92, 161, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
	outline: 0 none; 
}
#hongkiat-form textarea#address {
	background: #fff url('../images/contact/address.png') 5px 4px no-repeat;
}
#hongkiat-form textarea#message {
	background: #fff url('../images/contact/message.png') 5px 4px no-repeat;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----Other CSS-----*/

.content_full{
	margin:0 auto;
	padding:10px 30px 10px 20px;
	width:920px;
	min-height:270px;
	display:block;
	background-color:rgba(255,255,255,0.4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: 'kittithada_roman_55_fregular';
	font-size:22px;
	color:#000;
}

.title{
	font-family: 'kittithada_roman_55_fregular';
	font-size:36px;
	margin:10px 0 15px 0;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}

.text-detail{
	font-family: 'kittithada_roman_55_fregular';
	font-size:22px;
	text-indent:20px;
	text-align:justify;
}


.product-left{
	width:210px;
	float:left;
	margin-right:20px;
	background-color:rgba(255,255,255,0.4);
	border-radius:5px;
	font-size:18px;
/*	padding:5px;*/

}
.title_menu{
	width:210px;
	background:#F4D07B;
}
.title_menu a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
}
.title_menu a:hover{
	color:#F00;
}
.list_menu a{
	text-decoration:none;
	color:#000;
	font-size:18px;
	padding-left:7px;
}
.list_menu a:hover{
	color:#06C;
}

.product-right{
	width:680px;
	float:right;
}
.product-right ul{
	margin:10px auto 10px auto;
	width:99%;
	display:block;
}
.product-right ul li{
	width:200px;
	display:inline-block;
	margin:0 10px 10px 0;
	vertical-align:top;
	background:#FFF;
	min-height:250px;
	padding:7px;
	font-size:20px;
	
}
.product-right ul li:hover{
	box-shadow: 0px 0px 10px #999;
}
.product-right ul li a{
	text-decoration:none;
	color:#000;
}
.product-right ul li a:hover{;
	color:#000;
}

.product-right ul li .show_img{
	width:200px;
	height:200px;
	background:#FFF;
	margin-bottom:5px;
	overflow:hidden;
	
}
.product-right ul li .show_img:hover{
	-webkit-filter: brightness(50%);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.link_cilck{
	float:right;
	color:#000;
}
.link_cilck:hover{
	color:#F00;
}
	
.view_img{
	width:300px;
	margin-bottom:10px;
	border:3px #FFF solid;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----- PROMOTION -----*/


.view {
   width: 275px;
   height: 180px;
   margin: 20px 10px;;
   float: left;
   border: 5px solid #FFF;
   overflow: hidden;
   position: relative;
   text-align: center;
   
   -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 275px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size:26px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   font-weight:normal;
   }
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   font-size:18px;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(221,175,95,0.3);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.box_promotion{
	width:730px;
/*	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);*/
	padding:5px;
	margin:10px 5px;
	display:inline-block;
	background:#FFF;
}

.box_text{
	display:inline-block;
	width:710px;
	word-wrap:break-word;
	font-size:22px;
	line-height:20px;
	text-align:justify;
	margin-top:10px;
	padding:10px;
	font-family: 'kittithada_roman_55_fregular';
}

.promotion_text{
	font-size:30px;
	font-family: 'kittithada_roman_55_fregular';
	color:#00C;
}
.bt_search{ 	
	width: 70px;
	cursor:pointer;
	padding: 1px 5px;
	color: #000;
	font-family: 'kittithada_roman_55_fregular';
	font-size: 20px;	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.txtsearch{ 
	font-family: 'kittithada_roman_55_fregular';
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	font-size: 20px;
	padding: 2px 5px;
	width: 270px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.txtselect{ 
	font-family: 'kittithada_roman_55_fregular';
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	font-size: 20px;
	padding: 1px 5px;
	width: 150px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----- LIST PAGE -----*/

div.badoo {
	width:100%;
	margin-top:20px;
	/*border-top: 1px solid #000;*/
	padding:10px 0px;
	font-size:14px; 
	color:#00b7ea; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
}
div.badoo a{
	border:#999 1px solid;
	padding:2px 5px;
	margin:0px 4px;
	color:#999;
	text-decoration:none;
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
div.badoo a:hover {
	border:#00b7ea 1px solid;
	color:#00b7ea;
}
div.badoo span.current {
	padding:2px 5px;
	border:#00b7ea 1px solid;
	background: #00b7ea; /* Old browsers */
	background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	margin:0px 4px;
}
div.badoo span.disabled {
	display:none;
}





.detail_proleft{
	width:350px;
	float:left;
}
.detail_proright{
	width:300px;
	float:right;
}




.product-ul{
	margin:0px auto 10px auto;
	width:98%;
	display:block;
}
.product-ul li{
	width:200px;
	display:inline-block;
	margin:0 10px 10px 0;
	vertical-align:top;
	background:#FFF;
	min-height:250px;
	padding:7px;
	font-size:20px;
	
}
.product-ul li:hover{
	box-shadow: 0px 0px 10px #999;
}
.product-ul li a{
	text-decoration:none;
	color:#000;
}
.product-rul li a:hover{;
	color:#000;
}

.product-ul li .show_img{
	width:200px;
	height:200px;
	background:#666;
	margin-bottom:5px;
	
}
.product-ul li .show_img:hover{
	-webkit-filter: brightness(50%);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-----END CSS-----*/