@font-face {font-family: ThaiSansNeue;src: url("../fonts/DB_HelvethaicaMon_X.eot") /* EOT file for IE */
}
@font-face { font-family: ThaiSansNeue; src: url("../fonts/ThaiSansNeue-Regular.ttf") /* TTF file for CSS3 browsers */
}
html					{	background:#FFFFFF url("") repeat top center;background-position: right 0px;background-attachment: fixed;}
body					{	padding-top:0px;
								margin:0px auto;
								font-family:ThaiSansNeue,Helvetica,Tahoma,Arial,sans-serif;;
								font-size:20px;
								color:#1f1f1f;
								line-height:auto;	 
							}
input         { font-family:Helvetica;}
textarea        {font-family:Helvetica;}
select          {font-family:Helvetica;}
select option   {font-family:Helvetica;}
button         {font-family:Helvetica;}
.clear          { clear:both;}
.f_l            { float:left;}
.f_r            { float:right;}
#wrapper			{width:1000px;margin:0px auto;}
#body_style	{width:1000px;margin:0px auto;background:url('../images/bg_header.png') no-repeat top left;}
#sub_body		{width:980px;margin:0px auto;}
#header			{height:150px;background-color:#F9F9F9;}
#menu				{width:228px;}
#pagintion		{padding:10px 0px 20px 10px}
#foooter			{width:1000px;margin:0px auto;background-color:#222222;}
#div_logo		{width:200px;float:left;}
#content_left		{width:770px;float:left;}
#content_right	{width:230px;float:left;}

.box_home_img {border: 1px solid #d8d8d8;box-shadow: 0 1px 5px #aaaaaa;width:50px;height:50px;}
.div_d img              {display:inline;}
.div_d a img              {display:inline;}
.div_d table              {margin:0px auto;}
.table table {background-image: url("../images/bg_pro.png");background-repeat: repeat;border: 2px solid #ffffff;border-radius: 10px;}
table .hdg, table .hdg2 {border-bottom: 2px solid #ffffff;border-right: 1px solid #ffffff;}
.hdg {color: #fff;font-size: 18px;padding: 20px;}
.sub_hdg, .sub_hdg2 {border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.sub_hdg {color: #ffffff;font-size: 15px;padding: 20px;}
.enquiry_wrapper {background-color: #ff8600;border-radius: 10px;box-shadow: 5px 5px 5px 0 #000;float: left;margin-top: 30px;padding: 15px 14px 30px 16px;width: 200px;
}



/* TEXT*/
.font_d				{font-family:Tahoma;font-size:12px;}
.font_g             {font-family:'ThaiSansNeue';}
.text-indent		{text-indent: 20px;}
.text-green		{color:#1aac67;}
.text-follow			{color:#ACACAC;font-size:16px;font-weight:bold;}
.text-blue			{color:#3399CC;}
.text_s_detail		{color:#5B5B5B;}
.text-oren			{color:#FF6C00;}
.font_title         {color:#ee5500; font-size:20px;}


/* L I N K */
.category_menu a:link , .category_menu a:visited , .category_menu a:active {   color:#070707;text-decoration:none; font-weight:normal;font-size:19px;}
.category_menu a:hover               {   color:#9ace16;text-decoration:none; font-weight:normal;font-size:19px;;}
#menu_bottom a:link , #menu_bottom a:visited , #menu_bottom a:active {   color:#e962d3;text-decoration:none; font-weight:normal;font-size:13px;}
#menu_bottom a:hover               {   color:#b6109d;text-decoration:none; font-weight:normal;font-size:13px;;}
#box_menu a:link , #box_menu a:visited , #box_menu a:active	{	color:#8D8F92;text-decoration:none;	font-weight:bold;font-size:18px;}
#box_menu a:hover				{	color:#1AAC67;text-decoration:none;	font-weight:bold;font-size:18px;;}
.box_detail a:link , .box_detail a:visited , .box_detail a:active { color:#ff6900;text-decoration:none; font-weight:normal;font-size:18px;}
.box_detail a:hover       { color:#222222;text-decoration:none; font-weight:normal;font-size:18px;;}
.product_link a:link , .product_link a:visited , .product_link a:active {   font-family:Tahoma;color:#000000;text-decoration:none; font-size:15px;}
.product_link a:hover               {   font-family:Tahoma;color:#ff6900;text-decoration:none; font-size:15px;}
.product_link                       {font-size:12px;}
.link_go_cart a:link , .link_go_cart a:visited , .link_go_cart a:active { color:#FFFFFF;text-decoration:none; font-weight:normal;font-size:20px;}
.link_go_cart a:hover       { color:#222222;text-decoration:none; font-weight:normal;font-size:20px;;}
#navi a:link , #navi a:visited , #navi a:active {   color:#1AAC67;text-decoration:none; font-size:17px;}
#navi a:hover               {   color:#00ccff;text-decoration:none; font-size:17px;}
#navi                       {font-size:17px;padding:0px 0px 15px 0px;}
#link_face a:link , #link_face a:visited , #link_face a:active {   color:#fcfbf7;text-decoration:none; font-size:60px;}
#link_face a:hover               {   color:#a6ce39;text-decoration:none; font-size:60px;}
#link_face                       {font-size:15px;color:#000000;}
.s_b_article a:link , .s_b_article a:visited , .s_b_article a:active	{	color:#1AAC67;text-decoration:none;	font-weight:normal;font-size:13px;}
.s_b_article a:hover				{	color:#0F7F4B;text-decoration:none;	font-weight:normal;font-size:13px;;}
h2 a:link , h2 a:visited , h2 a:active	{text-decoration:none;	 font-size:18px;font-weight:normal;color:#1AAC67;}
h2 a:hover				{text-decoration:none;	 font-size:18px;font-weight:normal;color:#0f7f4b;}
#banner a:link , #banner a:visited , #banner a:active	{text-decoration:underline;	 font-size:13px;font-weight:normal;color:#1122CC;font-family:Tahoma;}
#banner a:hover				{text-decoration:none;	 font-size:13px;font-weight:normal;color:#1122CC;font-family:Tahoma;}
/* B U T T O N */
.b_orange {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #E99244 0%, #CF721F 100%) repeat scroll 0 0 transparent;
    border-color: #DCA113 #C36F0A #A94A00;
	background-color:#E99244;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #EB9B3F inset, 0 -1px 0 #C76019 inset;
    text-shadow: 0 1px 1px #AB611E;
	height:25px;
	width:125px;
	position:relative;
	text-align:center;
	margin-top:10px;
}
.effect img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.3s ease-in;
}

.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
   width:0;
   height:0;
   transform:translateY(-100px);
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}

.effect a.info {
   opacity:0;
   transform:translateY(-100px);
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}

.effect:hover img {
   opacity:0.7;
   transform:scale(2,2);
}

.effect:hover .mask {
   opacity: 1;
   transform: translateY(0px);
}

.effect:hover a.info {
   opacity:1;
   transform:translateY(100px);
}