body{ background:#ff5400 top center repeat fixed; margin:0; padding:0;}
	a:link { color:FFF; text-decoration: none}
	a:visited { color:#FFF; text-decoration: none}
	a:active { color:#F0F; text-decoration: none}
	a:hover { color:#F00; text-decoration: none}
	#container{
	width:960px;
	margin:0px auto;
	padding:0px;}
	
	.left-column{
	width:187px;
	text-align:left;
	float:left;}
	.center-column
	{width:55%; height:280px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:24px; color:#ff4500; margin-top:20px; float:left; margin-left:35px; background:url(../images/box.png); padding-top:10px; padding-left:20px; }
	.minibox{width:100%; float:left; font:"Cordia New", tahoma, "Angsana New";font-size:22px; color:#333; margin-top:20px; float:left;}
	.boxbutton1{width:40%; margin-top:20px; float:left; text-align:center; padding-left:35px;}
	.boxbutton1:hover{ filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.boxbutton2{width:40%; margin-top:20px; float:left; text-align:center;}
	.boxbutton2:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}				
	.right-column{width:270px;float:left;
	margin-left:10px; margin-right:10px;
	text-align:center;}

	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:230px;}
	.texthead
	{width:50%; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; color:#FFF; margin-top:25px;}
	.boxnone
	{width:100%; height:90px;}
	.boxunder
	{width:100%; font:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#FFF; float:left; background:#FFF;}	
	.textunder
	{width:100%; float:left; }
	.textx
	{ width:80%; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; color:#ff4500; margin-top:60px; margin-left:10px;}
	.boxx
	{ width:auto; float:left; margin-left:10px; padding-top:40px;}
	.textunder2
	{width:80%; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:18px; color:#333; margin-top:5px; margin-left:120px;}		
	.banner
	{ width:100%; height:450px; background:url(../images/banner.jpg);}
	.detail
	{ width:960px; margin:0px auto;}	
	.boxline
	{ width:100%; height:25px; background:url(../images/line.jpg);}
	.boxfooter
	{width:100%; float:left;}	
	.footer
	{width:100%; height:100px; padding-top:70px; font:"Cordia New", tahoma, "Angsana New"; font-size:22px; font-size:14px; font-weight:bold; text-align:center; color:#FFF; background:#ff4500;}
	
	.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
	margin-right:5px;
    -webkit-font-smoothing: antialiased;}
	
	.fa-hand-o-right:before {
    content: "\f0a4";}

@media screen and (max-width:991px){
	#container{width:100%;}
	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:200px;}
	.texthead{width:50%; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; margin-top:25px; padding-left:10px;}	
	.detail{width:100%;}
	.center-column
	{width:52%; height:280px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:24px; color:#ff4500; margin-top:20px; padding-top:10px; float:left; margin-left:35px; background:url(../images/box.png); padding-left:20px;}
	
	.textunder2
	{width:75%; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:22px; color:#333; margin-top:20px;}		
}
@media screen and (max-width:926px){
	.center-column
	{width:48%; height:280px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:24px; color:#ff4500; margin-top:20px; padding-top:10px; float:left; margin-left:35px; background:url(../images/box.png);}
	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:180px;}
	.minibox{width:100%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size: 0.7em;color:#333; margin-bottom:20px; float:left;}
	.left-column{ margin-top:120px;
	}
	.banner
	{height:600px;}
	.boxbutton1{width:100%; margin-top:0px; float:left; padding-left:0px; text-align:center;}
	.boxbutton1:hover{width:100%; margin-top:0px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.boxbutton2{width:100%; margin-top:10px; float:left; text-align:center;}
	.boxbutton2:hover{width:100%; margin-top:10px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	
	.texthead{width:50%; float:left; font:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold;margin-top:25px;}	
	.textunder2
	{width:90%; float:left; font:Tahoma, Geneva, sans-serif; font-size:20px; font-weight:bold; color:#333; margin-top:20px; margin-left:0px; padding-left:15px; }	
}

@media screen and (max-width:850px){
	.left-column{width:50%;text-align:center; margin-top:0px;}
	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:160px;}
	.center-column{
	width:100%; height:auto; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; color:#333; font-weight:bold; margin-top:60px; float:left; margin-left:0px; text-align:center; background:none; padding-left:0px;}
	.col_button
	{ width:100%; margin:0px auto;}
	.banner
	{height:380px;}
	.boxbutton1{width:50%; margin-top:20px; float:left; text-align:center;}
	.boxbutton1:hover{width:50%; margin-top:20px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.boxbutton2{width:50%; margin-top:20px; float:left; text-align:center;}
	.boxbutton2:hover{width:50%; margin-top:20px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.minibox{width:100%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size: 0.7em;color:#EEE; margin-top:20px; float:left;}

}

@media screen and (max-width:768px){
	
	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:140px;}
	.boxfooter
	{width:100%; margin-top:25px; float:left;}	
	.footer
	{width:100%; height:100px; padding-top:70px; font:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:center;}
	.boxx
	{ display:none;}
	}

@media screen and (max-width:520px){
	body{ background:url(../images/bg_moblie.jpg) top repeat fixed; margin:0; padding:0;}
	.banner
	{ width:100%;background:none; margin:0; padding:0;}
	.boxhead
	{width:70px; height:auto; float:left; margin-top:10px; margin-right:10px; margin-left:120px;}
	.texthead{width:50%; float:left; font:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#333; padding-left:10px;}	
	.left-column{width:100%;text-align:center;}
	.boxnone{ display:none;}
	.boxbutton1{width:100%; margin-top:20px; float:left; text-align:center;}
	.boxbutton1:hover{width:100%; margin-top:20px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.boxbutton2{width:100%; margin-top:20px; float:left; text-align:center;}
	.boxbutton2:hover{width:100%; margin-top:20px; float:left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
	.boxline
	{display:none;}
	.minibox{width:97%; float:left; font-family:Tahoma, Geneva, sans-serif; font-size: 0.7em;color:#333; margin-top:20px; float:left;}
	.boxunder
	{width:97%; background:url(../images/box2.png); margin-left:5px;padding-top:10px; padding-left:0px;}	
	.center-column{
	width:97%; height:auto; margin-left:5px; margin-right:5px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; color:#333; font-weight:bold; margin-top:10px; float:left; text-align:center; background:url(../images/box2.png); padding-top:15px;}
	.boxhead
	{width:70px; height:auto; float:left; margin-top:5px; margin-right:0px; margin-left:0px;}
	.textunder
	{float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; color:#333;}
	.textunder2
	{float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:22px; font-weight:bold; color:#333;}	
}

@media screen and (max-width:480px){
	
	.banner
	{ width:100%; background:none; margin:0; padding:0;}
}

@media screen and (max-width:380px){
	.banner
	{ width:100%;background:none; margin:0; padding:0;}
	#container{width:100%;}
	img{width:75%;}
	.boxhead{width:100%; height:auto; text-align:center; margin-top:5px; margin-right:0px;}
	.texthead{width:100%; text-align:center; font:Tahoma, Geneva, sans-serif; font-size:50px; font-weight:bold;margin-top:25px; float:left; padding-left:0px;}	
	.detail{width:100%;}
	.left-column{width:100%;text-align:center;}
	.boxunder{width:97%; background:url(../images/box2.png); margin-left:5px; margin-right:5px; padding-top:10px; padding-left:0px;}
	.center-column{
	width:97%; height:auto; margin-left:5px; margin-right:5px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; margin-top:10px; float:left; text-align:center; background:url(../images/box2.png); padding-top:15px;}

}

@media screen and (max-width:360px){
	.banner
	{ width:100%; background:none; margin:0; padding:0;}
	.boxunder{width:96%; background:url(../images/box2.png); margin-left:5px; margin-right:5px; padding-top:10px; padding-left:0px;}
	.center-column{
	width:96%; height:auto; margin-left:5px; margin-right:5px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; margin-top:10px; float:left; text-align:center; background:url(../images/box2.png); padding-top:15px;}
}
@media screen and (max-width:280px){
	.banner
	{ width:100%; background:none; margin:0; padding:0;}
	#container{width:100%;}
	img{width:100%;}
	.boxhead{width:100%; height:auto; text-align:center; margin-top:5px; margin-right:0px;}
	.texthead{width:100%; text-align:center; font:Tahoma, Geneva, sans-serif; font-size:50px; font-weight:bold; margin-top:25px; float:left;}	
	.detail{width:100%;}
	.boxunder{width:95%; background:url(../images/box2.png); margin-left:5px; margin-right:5px; padding-top:10px; padding-left:0px;}
	.center-column{
	width:95%; height:auto; margin-left:5px; margin-right:5px; float:left; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-weight:bold; margin-top:10px; float:left; text-align:center; background:url(../images/box2.png); padding-top:15px;}

.boxfooter
	{width:100%; margin-top:25px; float:left;}	
	.footer
	{width:100%; height:100px; padding-top:80px; font:"Cordia New", tahoma, "Angsana New"; font-size:28px; font-size:14px; font-weight:bold; text-align:center;}
}