@CHARSET "UTF-8";







@font-face {
font-family: "can_Rukdeaw01";
src:url(ZFPRTT_1.ttf);
/*
src: url(layijiMahaniyo.ttf);
src: url("layijiMahaniyo.eot");
src: local(layijiMahaniyo), url("layijiMahaniyo.ttf");
*/


}






*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;}
body{ 
color:#333333;
background:url(bg.jpg) repeat top  left;

font-size:13px;


}
.waper{
	width:940px;
	margin:auto;
}
#header{
	background:url(header.png) no-repeat top center;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='header.png', sizingMethod='scale');
}
#menu{
	list-style:none;
}
#menu li{
	display:inline;
}
#menu li a{
	display:block;
	background:url(ht.png) no-repeat left;
	float:left;
	padding-left:25px;
	font-size:1.2em;
	color:#000;
	margin-right:20px;
	font-weight:bolder;
}
#menu li a:hover{
color:#fff;
}
.cut{
	background:url(cut.png) no-repeat center center;
	height:40px;
}
.rabbit{
	background:url(rabbit.png) no-repeat left;
	padding-left:60px;
	font-size:18px;
	padding-bottom:15px;
	padding-top:15px;
	color:#f7667a;
}
.head_list{
	background:url(ga.png) no-repeat top left ;
	height:20px;
}
.bt_list{
	background:url(ga.png) no-repeat bottom left ;
	height:20px;
}
.cont_list{
	background:url(gac.png) repeat-y  ;
	padding-right:50px;
}
#cat{
	list-style:none;
	margin-left:20px;
}
#cat li{
	
	background:url(lc.png) no-repeat bottom;
	display:block;
	padding-bottom:10px;
}
#cat li a{
	
color:#000000;
	font-size:1em;
	display:block;
	background:url(hb.png) no-repeat;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}
#cat li a:hover{
	
	color:#8ED1E4;
	
}
.sbg{
	background:url(sbg.png) no-repeat ;
	height:250px;
}

#slider {
	margin-top:7px;
	position:relative;
    z-index:1;
	background:url(images/loading.gif) no-repeat 50% 50%;
	width:670px;
	height:228px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
	
}

.nivo-controlNav {
	position:absolute;
	left:40px;
	bottom:20px;
	
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#content{
	color:#000000;
	
	
}
#content h1{
	color:#F7667E;
	font-size:1.8em;
	margin-bottom:10px;
	
}
#content ul,ol{
	margin-left:50px;
}
#product_list{
	list-style:none;
}
#product_list li{
	display:block;
	float:left;
	width:181px;
	height:152px;
	background:url(fm.png) no-repeat ;
	padding:0px 0px 0px 0px;
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
	margin-top:15px;
}

#product_list li a{
	display:block;
	
	width:160px;
	height:129px;
	overflow:hidden;
	margin-left:10px;
	margin-top:10px;
}
.box_img{
	
	width:205px;
	height:153px;
	background:url(bg_img.png) no-repeat top center;
	vertical-align:middle;
	
	overflow:hidden;
	margin-left:15px;
	margin-top:15px;
	
}
.box_img a{
	
	width:192px;
	height:140px;
	overflow:hidden;
	display:block;
	
}
.box_img img{
	margin-left:12px;
	margin-top:9px;
	
}
#contact_are{
	
	background:url(ct.png) bottom left no-repeat;
	height:500px;
	margin-left:30px;
}
#contact_form{
	
	
	margin-top:15px;
	margin-left:30px;
	
}
#contact_form input{
	
	border:#c0c0c0 1px dotted;
	height:20px;
	width:200px;
	color:#7a5a46;
	margin-top:5px;
	
}

#contact_form input[type=submit]{
	
	border:#c0c0c0 1px dotted;
	height:20px;
	width:200px;
	color:#fff;
	margin-top:5px;
	background:#F7667E;
	
}
#contact_form textarea{
	
	border:#c0c0c0 1px dotted;
	height:80px;
	width:200px;
	color:#7a5a46;
	margin-top:5px;
	
}


#alist{
	list-style:none;
}
#alist li{
	display:block;
	float:left;
	width:200px;
	height:249px;
	background:url(xa.png) no-repeat ;
	padding:0px 0px 0px 0px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
	
}

#alist li a{
	
	color:#000;
}
#alist li a:hover{
	color:#F7667A;
}

.imglink{
	width:160px;
	height:120px;
	display:block;
	overflow:hidden;
	padding-top:30px;
	padding-left:17px;
}
/* Content - Portfolio Listing */
#howto{
	
}
#howto strong{
	color:#F7667E;
}
ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 0px; line-height: 64px; margin-top:5px; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #ff8080; color: #fff; font-weight: bold; text-decoration: none; 
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
	behavior: url(border-radius.htc);
font-size:.9em;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #fff; }

ul#portfolio-list{ margin: 50px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 120px; height: 135px; display: block; float: left; margin-right: 14px; overflow: hidden;margin-top:10px; }
ul#portfolio-list li a{ display: block; width: 117px; height: 120px; overflow: hidden; border: 1px solid #ffffff; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }