.PageForm {
	display:block;
	margin:30px auto;
/*	width:900px;  */
	/*width:750px; */
}
.PageForm dt {
	display:block;
	float:left;
	clear:both;
	width:32%;
	min-height: 61px;
	text-align:right;
	font-weight:bold;
	line-height:135%;
	/*padding:11px 20px;   */
	 padding:1px 20px 1px 15px;   /* padding:20px 20px; */
/*	 
	border-top:1px solid #CCC;
	background-color: #e2e2e2;
	*/
}
.PageForm dd {
	display:block;
	float:right;
	width:68%;
	min-height: 61px;
	padding:6px 20px; /*  padding:23px 20px;  padding:15px 20px; */
	 word-wrap: break-word;
	
	/*border-top:1px solid #CCC;*/
	border-left:1px solid #CCC;
	
}
.PageForm dt.Full {
	width:100%;
	text-align:center;
}



/* --------------------------- */


.ContactForm {
	display:block;
	margin:30px auto;
	width:900px;  /*width:750px; */
}
.ContactForm dt {
	display:block;
	float:left;
	clear:both;
	width:32%;
	min-height: 61px;
	text-align:right;
	font-weight:bold;
	line-height:135%;
	 padding:20px 20px;
}
.ContactForm dd {
	display:block;
	float:right;
	width:68%;
	min-height: 61px;
	padding:15px 20px;
	/*
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	*/
}
.ContactForm span{
	color:#C00;
	font-size:85%;
	padding-right:5px;
}
.ContactForm dd p {
	color:#C00;
	margin:3px 0 0;
}
.ContactForm dd p.Example {
	color:#4b4b4b;
	font-size:85%;
	letter-spacing:0;
}
.ContactForm dt.Full {
	width:100%;
	text-align:center;
}

.ContactForm input[type="text"],
.ContactForm textarea,
.ContactForm p.ErrorInfo {
	/* width:90%; */
}
.ContactForm p.ErrorInfo {
	color:#C00;
	border:2px solid #C00;
	margin:0 auto 10px;
	padding:10px 0;
	background:#FFF;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.ContactForm div.FormInfo {
	color:#0000FF;
	text-align:center;
	border:2px solid #0000FF;
	margin:20px auto 0;
	padding:50px 0;
	background:#FFF;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ContactForm .ProductList {
	display:block;
	margin:20px auto 0;
	width:100%;
}
.ContactForm .ProductList dt {
	position: relative;
	display:block;
	float:left;
	clear:both;
	width:45%; /* 30 */
	padding:0;
	border:none;
	text-align:left;
}
.ContactForm .ProductList dd {
	float:right;
	width:55%; /*70*/
	background:#FFF;
	border:1px solid #c3c3c3;
	padding:10px 15px;
}
.ContactForm .ProductList dd.BtnBox {
	width:160px;
	text-align:right;
	background:none;
	line-height:0;
}
.ContactForm .ProductList dt img {
	max-width:95%;
	border:1px solid #c3c3c3;
}
.ContactForm .ProductList dt img.Icon {
	border:none;
	position:absolute;
	top:0;
}
.ContactForm .ProductList p {
	margin:0 40px 0 0 !important;
	width:200px;
	line-height:225%;
	font-size:95%;
	letter-spacing:0;
	float:left;
	color:#4b4b4b !important;
}
.ContactForm .ProductList p span {
	background:#efefef;
	padding:1px 7px;
	margin-right:7px;
	font-size:85%;
	font-weight:bold;
	color:#4b4b4b !important;
}

/*--- PC ---*/
@media only screen and (min-width: 960px){
}
@media only screen and (max-width:959px){
	.ContactForm  { width:100%; }
}

/*-- ------ ชุดนี้ เวลาย่อจอ แล้ว ปัดบรรทัด ---------------------- --*/
@media only screen and (max-width:640px){
	.PageForm dt,
	.PageForm dd {
		float:none;
		 width:100%;
		text-align:left;
	}
/*-- ----------------------------- --*/



/*---  ---*/
@media only screen and (max-width:640px){
	.ContactForm dt,
	.ContactForm dd {
		float:none;
		width:100%;
		text-align:left;
	}
	.ContactForm dt {
		padding-bottom:10px;
	}
	.ContactForm dd {
		border:none;
		padding-top:0;
	}
	.ContactForm input,
	.ContactForm textarea,
	.ContactForm select {
		width:100%;
	}
	.ProductInfo dt {
		float:left;
		width:30%;
	}
	.ProductInfo dd {
		float:right;
		width:70%;
		border:1px solid #c3c3c3;
		padding:10px 15px;
	}

}
/*------*/
@media only screen and (max-width:480px){
	.ProductInfo dt,
	.ProductInfo dd {
		float:none;
		width:100%;
	}
	.ProductInfo dt { text-align:center; }
	.ProductInfo dt img { width:60%; }
	.ProductInfo dt img.Icon { width:auto; }
}


/* ---- My css ---- */
.list_title_item{
   /*font-family: Sans-Serif; */
   font-family: Boon;
   font-size:133%;
   padding: 3px 2px 10px 0px;
   color:#015034;   /* #ff6600;  */  /* #737373; */
   font-weight: bold;
   text-shadow: 0.5px 0.5px 0.5px black;
}
.spec{
   /*font-family: Sans-Serif;*/
   font-family: Boon;
   font-size:90%;
   padding: 7px;
   color:#ff0000;
}
/*
.ListBox {
	width:100%;
	min-height:160px;
	background:#FFF;
	border:1px solid #c3c3c3;
	padding:10px 10px;
	margin:0 0 8px 0;
}
.ListBox  p {
	width:220px;
	margin:0 40px 0 0;
	line-height:225%;
	font-size:95%;
	letter-spacing:0;
	float:left;
}
.ListBox p span {
	background:#efefef;
	padding:1px 7px;
	margin-right:7px;
	font-size:85%;
	font-weight: bold;
	width:100px;
}
*/