@charset "utf-8";
/* CSS Document */

.cat{
	margin:0;
	padding:0;	
	height:141px;
	background:url(../images/cat/bg.jpg) top left repeat-x;
}
.cat .container-main-5{
	min-height:141px;
	background:url(../images/cat/line.jpg) top center repeat-y;
}

.cat .pico{
	margin:0;
	padding:0;
	padding-top: 16px;
}
.cat .pico .icon{
	margin:0;
	padding:0;
	margin-right: 32px;
}
.cat .pico .icon img{
	max-width:100%;
	height:auto;
}
.cat .pico .topic{
	margin:0;
	padding:0;
	font: 24px/42px 'Kanit', Arial, sans-serif;
	color:#323590;
}
.cat .pico .detail{
	margin:0;
	padding:0;
	width:349px;
}
.cat .pico .detail ul{
	margin:0;
	padding:0;
}
.cat .pico .detail ul li{
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font: 18px/20px 'Kanit', Arial, sans-serif;
	color:#333333;
	background:url(../images/cat/bullet-1.png) 0px 12px no-repeat;
}
.cat .pico .button{
	margin:0;
	padding:0;
	text-align:center;
}
.cat .pico .button img{
	max-width:100%;
	height:auto;
}


.cat .rent{
	margin:0;
	padding:0;
	padding-top: 16px;
}
.cat .rent .icon{
	margin:0;
	padding:0;
	margin-right: 32px;
}
.cat .rent .icon img{
	max-width:100%;
	height:auto;
}
.cat .rent .topic{
	margin:0;
	padding:0;
	font: 24px/42px 'Kanit', Arial, sans-serif;
	color:#e40988;
}
.cat .rent .detail{
	margin:0;
	padding:0;
	width:349px;
}
.cat .rent .detail ul{
	margin:0;
	padding:0;
}
.cat .rent .detail ul li{
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font: 18px/20px 'Kanit', Arial, sans-serif;
	color:#333333;
	background:url(../images/cat/bullet-2.png) 0px 12px no-repeat;
}
.cat .rent .button{
	margin:0;
	padding:0;
	text-align:center;
}
.cat .rent .button img{
	max-width:100%;
	height:auto;
}
@media (max-width: 374px) { 
.cat {
	height: 249px;
	background:#e5e5ea url(../images/cat/bg.jpg) top left repeat-x;
}  
.cat .container-main-5{
	background:none;	
}
.cat .pico{
	    padding-bottom: 10px;
    border-bottom: 1px solid #c0c0c7;
}
.cat .pico .icon{
	display:none;	
}
.cat .pico .topic{
    font: 18px/42px 'Kanit', Arial, sans-serif;
}
.cat .pico .detail{
	width: 338px;	
}
.cat .pico .detail ul li{
	    font: 14px/20px 'Kanit', Arial, sans-serif;
    background: url(../images/cat/bullet-1.png) 0px 10px no-repeat;
}
.cat .rent .icon{
	display:none;	
}
.cat .rent .topic{
    font: 18px/42px 'Kanit', Arial, sans-serif;
}
.cat .rent .detail{
	width: 338px;	
}
.cat .rent .detail ul li{
	   font: 14px/20px 'Kanit', Arial, sans-serif;
    background: url(../images/cat/bullet-2.png) 0px 10px no-repeat;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.cat {
	height: 249px;
	background:#e5e5ea url(../images/cat/bg.jpg) top left repeat-x;
}  
.cat .container-main-5{
	background:none;	
}
.cat .pico{
	    padding-bottom: 10px;
    border-bottom: 1px solid #c0c0c7;
}
.cat .pico .icon{
	display:none;	
}
.cat .pico .topic{
    font: 20px/42px 'Kanit', Arial, sans-serif;
}
.cat .pico .detail ul li{
	    font: 14px/20px 'Kanit', Arial, sans-serif;
    background: url(../images/cat/bullet-1.png) 0px 10px no-repeat;
}
.cat .rent .icon{
	display:none;	
}
.cat .rent .topic{
    font: 20px/42px 'Kanit', Arial, sans-serif;
}
.cat .rent .detail ul li{
	   font: 14px/20px 'Kanit', Arial, sans-serif;
    background: url(../images/cat/bullet-2.png) 0px 10px no-repeat;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.cat {
	height: 279px;
	background:#e5e5ea url(../images/cat/bg.jpg) top left repeat-x;
}  
.cat .container-main-5{
	background:none;	
}
.cat .pico{
	    padding-bottom: 30px;
    border-bottom: 1px solid #c0c0c7;
}
.cat .pico .icon{
	display:none;	
}
.cat .pico .topic{
    font: 22px/42px 'Kanit', Arial, sans-serif;	
}
.cat .pico .detail ul li{
	    font: 16px/20px 'Kanit', Arial, sans-serif;	
}
.cat .rent .icon{
	display:none;	
}
.cat .rent .topic{
    font: 22px/42px 'Kanit', Arial, sans-serif;	
}
.cat .rent .detail ul li{
	    font: 16px/20px 'Kanit', Arial, sans-serif;	
}
 }
@media (min-width: 576px) and (max-width: 767px) {
	.cat {
	height: 259px;
	background:#e5e5ea url(../images/cat/bg.jpg) top left repeat-x;
}  
.cat .container-main-5{
	background:none;	
}
.cat .pico{
	    padding-bottom: 10px;
	    border-bottom: 1px solid #c0c0c7;
}
.cat .pico .icon{
	display:none;	
}
.cat .pico .topic{
    font: 22px/42px 'Kanit', Arial, sans-serif;	
}
.cat .pico .detail{
	    width: 389px;
}
.cat .pico .detail ul li{
	    font: 16px/20px 'Kanit', Arial, sans-serif;	
}
.cat .rent .icon{
	display:none;	
}
.cat .rent .topic{
    font: 22px/42px 'Kanit', Arial, sans-serif;	
}
.cat .rent .detail{
	    width: 389px;
}
.cat .rent .detail ul li{
	    font: 16px/20px 'Kanit', Arial, sans-serif;	
}
	 }
@media (min-width: 768px) and (max-width: 991px) { 
.cat {
	height: 301px;
	background:#e5e5ea url(../images/cat/bg.jpg) top left repeat-x;
}  
.cat .container-main-5{
	background:none;	
}
.cat .pico{
	    padding-bottom: 30px;
    border-bottom: 1px solid #c0c0c7;
}
 }
@media (min-width: 992px) and (max-width: 1199px) {
	.cat .pico .icon{
		    margin-right: 11px;
	}
	.cat .pico .topic{
		    font: 21px/42px 'Kanit', Arial, sans-serif;	
	}
	.cat .pico .detail ul li{
			font: 15px/20px 'Kanit', Arial, sans-serif;
	}
	.cat .rent .icon{
		    margin-right: 11px;
	}
	.cat .rent .topic{
		    font: 21px/42px 'Kanit', Arial, sans-serif;	
	}
	.cat .rent .detail ul li{
			font: 15px/20px 'Kanit', Arial, sans-serif;
	}
	 }
@media (min-width: 1200px) { ... }