.km_banner{width: 100%;height: auto;}
.km_content {width: 90%;height: auto;padding-top: 30px;font-family:'Kanit', sans-serif;letter-spacing: 1px;margin: 0 auto}
.km_headtext {font-size: 32px; font-weight: bold;color: #222;text-align: center;}
.km_detailtxt {font-size: 24px;text-align: justify;text-indent: 90px;margin: 20px auto;width: 100%;
	color: #333}

.km_images {width: 70%;height: auto;margin: 0 auto}
.km_images2 {width: 90%;height: auto;margin: 80px auto;
	-webkit-box-shadow: 0px 0px 18px 4px rgba(50, 50, 50, 0.7);
  	-moz-box-shadow:    0px 0px 18px 4px rgba(50, 50, 50, 0.7);
   	box-shadow: 0 0 18px 4px rgba(50, 50, 50, 0.7);}
.km_images img , .km_images2 img  {width: 100%;height: auto;}
.km_box_head {font-size: 26px; font-weight: bold;color: #ff8c00;padding: 0 20px 0 10px;margin: 0 0 40px 0}
.km_box {width: 100%;height: auto; margin: 0px auto;padding: 60px 0;border: 1px dashed #ff8c00;}/*border: 1px dashed #ff8c00;*/
.km_box1 {width: 100%;height: auto; margin: 10px auto 0px;border: 1px dashed #ff8c00;padding: 40px 0;}

.km_boxtxt {width: 50%;height: auto;display: inline-block;vertical-align: top;padding: 40px 20px 20px 20px;text-align: justify;}
.km_boximg {width: 44%;height: auto;display: inline-block;vertical-align: top;padding: 20px;text-align: center;}
.km_boximg img{width: 100%;height: auto;
-webkit-box-shadow: 0px 0px 18px 4px rgba(50, 50, 50, 0.2);
  	-moz-box-shadow:    0px 0px 18px 4px rgba(50, 50, 50, 0.2);
   	box-shadow: 0 0 18px 4px rgba(50, 50, 50, 0.2);
}
.km_boxtxt p {font-size: 24px;width: 90%;text-align: justify;margin:0;}

.km_hightlight {font-size: 24px; font-weight: bold;color: #ff8c00;}
a .km_hightlight {text-decoration: none;transition: color 0.3s ease;}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.km_choice {width: 80%;height: auto;}
ol {padding: 20px;margin: 0 auto;list-style-type: decimal;}
ol li {
  padding: 5px;
  margin-left: 35px;
  font-size: 24px;
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
	.km_headtext {font-size: 26px;}
	.km_images {width: 90%}
	.km_box1 {display: table;}
	.km_boxtxt {width: 93%;display: table-footer-group;}
	.km_boximg {width: 90%;display: table-header-group;}
	.km_boximg img{width:90%;height: auto;margin-bottom: 40px}
	.km_boxtxt p {width: 90%;height: auto;margin: 0 auto}
	.km_images2 {width: 99%;height: auto;}
	.km_choice {width: 95%;height: auto;}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
	.km_content {width: 95%;height: auto;}
	.km_headtext {font-size: 26px;}
	.km_images {width: 100%}
	.km_detailtxt {font-size: 22px;text-indent: 50px;}
	.km_box1 {display: table;}
	.km_boxtxt {width: 93%;display: table-footer-group;}
	.km_boximg {width: 90%;display: table-header-group;}
	.km_boximg img{width:95%;height: auto;margin-bottom: 40px}
	.km_boxtxt p {width: 90%;height: auto;margin: 0 auto;font-size: 22px;}
	.km_images2 {width: 99%;height: auto;}
	.km_choice {width: 95%;height: auto;font-size: 22px;}
	.km_box_head {font-size: 24px;}
	ol li {font-size: 22px;}
	.km_hightlight {font-size: 22px;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.km_content {width: 95%;height: auto;}
	.km_headtext {font-size: 26px;}
	.km_images {width: 100%}
	.km_detailtxt {text-indent: 50px;font-size: 20px;}
	.km_box1 {display: table;}
	.km_hightlight {font-size: 20px;}
	.km_boxtxt {width: 93%;display: table-footer-group;}
	.km_boximg {width: 90%;display: table-header-group;}
	.km_boximg img{width:95%;height: auto;margin-bottom: 40px}
	.km_boxtxt p {width: 90%;height: auto;margin: 0 auto;font-size: 20px;}
	.km_images2 {width: 99%;height: auto;}
	.km_choice {width: 95%;height: auto;}
	.km_box_head {font-size: 24px;}
	ol li {font-size: 20px;}
}