/*
* 	960 version - 1.0
* 	Copyright 2012, MyPassion
* 	09/29/2012
*/
	
/* ---------------------------------------------------------------------- */
/*  Custom  960 Grid System
/* ---------------------------------------------------------------------- */
	.container{
		width:1200px;
		margin:0 auto 30px;
		clear:both;
		display:block;
		position:relative;
		/* overflow: hidden; */
	}
	.column {
		width:1200px;
		position:relative;
		margin-right:0;
		margin-left:0;
		margin-bottom:20px;
		float:left;
		clear:both;

	}
	 
	.column-one-half,
	.column-one-third,
	.column-one-fourth,
	.column-two-third,
	.column-three-fourth {
		float:left;
		margin-right:0;
		margin-left:0;
		margin-bottom:0;
		position:relative;
		text-align: left;
		font-family: Arial, Helvetica, 宋体, sans-serif;
	}
	.column-one-half{margin-bottom:0;}
	.column-one-fifth{
		width: 18.3%;
		position: relative;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 30px;
		margin-bottom: 20px;
		float: left;
	}
	.column-one-fifth img{width:100%;} 
	li:hover.column-one-fifth{
		box-shadow: 0 0 1px #525252;
	}
	.column-one-fifth a.Image{
		padding: 10px 10px;
		background: #fff;
		display: block;
	}
	.column-one-fifth p{
		background: #fff;
		padding: 10px 0;
		font-weight: normal;
		margin: 0;
		font-family: sukhumvit;
		font-size: 14px;
	}
	.last{
		margin-right:0;	
	}
	.first{
		margin-left:0;
	}
	 
	.column-one-half        { width:460px; width: 45%;float: left;}
	.column-one-third       {
	width: 31.3%;
    float: left;
    background: #fff;
    margin: 2% 1% 5%;
    padding-bottom: 30px;
}
	.column-one-fourth      { width:214px;width: 25%; }
	
	.column-two-third       { width: 58%;float: left; margin: 20px 0 20px;padding: 0 0 0 2%; }
	.column-two-one{width:40%;float:left;margin: 4% 0 5%;}
	.column-three-fourth    { width:700px; }
	.wrapper-dropdown-1{display:none;}
	
	
	.column-one-half {
		width: 600px;
		/* width: 50%; */
		float: left;
		border-radius: 2px;
		padding: 0;
}
	.moreDetail {
		width: 896px;
	}
	.maps{
	background: none;
	padding: 0;
	width: 460px;
}
@media only screen and (min-width: 960px) and (max-width: 1060px) {
	
	.controller 			{ width:100%; }
	.container              { width:960px; }
}

/* ------------------------------------------- */
/*  Responsive Grid :
/*
/*  1. Tablet
/*  2. Mobile Portrait
/*  3. Mobile Landscape
/* ------------------------------------------- */
 
/*------------------------------------------------------------------*/ 
/*	1) Note: Design for a width of 768 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .controller 			{ width:100%; }
	.container              { width:98%; margin:0 auto; }
	.column                 { width:100%; }
    .column-one-half        { width:364px; width: 44.3%;padding: 10px 10px;}
    .column-one-third       { width:31%;}
    .column-one-fourth      { width:165px; width: 46.5%;}
	.column-one-fifth {width: 30.5%;}
    .column-two-third       { width:96%; }
    .column-three-fourth    { width:556px; }
	.column-two-one{width:100%;}

}


/*------------------------------------------------------------------*/ 
/*	2) Note: Design for a width of 480 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
	.controller 			{ width:100%; }
	.container              { width:90%; margin:0 auto; }
	.column       			{ width:100%; }
	.column-one-half{ width:84%;padding: 20px 20px;margin-right: 10px;margin-left: 10px;margin-bottom: 20px;}
	.column-one-third{width: 98%;}
	.column-two-third{width:96%;}
	.column-two-one{width:100%;}
	.column-one-fourth{width: 94%;}
	.column-three-fourth{}
	.column-one-fifth {width: 44.5%;width: 94%;}
	
}

/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 479px){
   .controller 			{ width:100%; }
	.container              { width:100%; margin:0 auto; }
	.column       			{ width:100%; }
	.column-one-half{ width:84%;padding: 10px 10px;margin-right: 10px;margin-left: 10px;margin-bottom: 10px;}
	.column-one-third{width: 98%;}
	.column-two-third{}
	.column-one-fourth{width: 94%;}
	.column-three-fourth{}
	.column-one-fifth {width: 44.5%;width: 94%;}
		.column-two-one, .column-two-third{width:100%;padding:0; margin: 0 0 20px;}
}

/* ---------------------------------------------------------------------- */
/*  Custom Margins
/* ---------------------------------------------------------------------- */
	.pd-0		{padding:0;}
	.m-a			{ margin:0 auto; }
	.m-top-35		{ margin-top:35px; }
	.m-top-25		{ margin-top:25px; }
	.m-bottom-25	{ margin-bottom:25px; }
	.m-left-25		{ margin-left:25px; }
	.m-right-25		{ margin-right:25px; }
	.m-top-20		{ margin-top:20px; }
	.m-bottom-20	{ margin-bottom:20px; }
	.m-left-20		{ margin-left:20px; }
	.m-right-15		{ margin-right:20px; }
	.m-top-15		{ margin-top:15px; }
	.m-bottom-15	{ margin-bottom:15px; }
	.m-left-15		{ margin-left:15px; }
	.m-right-15		{ margin-right:15px; }
	.m-top-10		{ margin-top:10px; }
	.m-bottom-10	{ margin-bottom:10px; }
	.m-left-10		{ margin-left:10px; }
	.m-right-10		{ margin-right:10px; }
	.m-top-5		{ margin-top:5px; }
	.m-bottom-5		{ margin-bottom:5px; }
	.m-left-5		{ margin-left:5px; }
	.m-right-5		{ margin-right:5px; }
	
	.m-bottom-0		{ margin-bottom:0; }