@media only screen and (min-width: 1224px) {
  /*only display the hover effect on desktops/laptops*/
  div.template_1_h {
	width: auto;

  }
}
@media only screen and (max-width: 1200px) {
	.lof-navigator-outer {
	width: 1008px;
	}

}
@media only screen and (max-width: 1024px) {
	ul.lof-navigator li {
	width: 100px;
	margin-left: 8%;
	padding: 30px 0;
	}
	.lof-navigator-outer {
	width: 900px;
	}
	ul.lof-navigator li img {
	width: 100px;
	height: auto;
	}
}
@media only screen and (max-width: 967px) {
    div#ind_head_group,div.lof-main-outer,div.lof-navigator-wapper{
	width:900px;
	 }
	#ind_news_scroll,div.ind_news_group{
	width:900px;
	}
	div.lof-main-outer{
	height: 346px;
	}
	div#lofslidecontent45.lof-slidecontent{
	height: 456px;
	}
	div.template_1_h{
	height: 565px;
	}
	div#ind_head_subgroup,{
	width:98%;
	}
	div.template_1_f_content{
	width:900px;
	}
	div.lof-navigator-outer{
	width:860px;
	}
	div.ind_news_group,div#ind_news_scroll,{
	width:900px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 460px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 20px;
	padding-right: 20px;
	}
	ul.lof-navigator li img{
	width: 100px;
	height: auto;
	}
	.lof-navigator-wapper .lof-previous,.lof-navigator-wapper .lof-next{
	margin-top: 25px;
	}
	ul.lof-navigator li {
	width: 100px;
	margin-left: 7%;
	height: 70px;
	padding: 0px 0;
	}
	div.ind-navigator-wapper{
	height: 110px;
	}
	img#img_slide{
	width: 260px;
	height: auto;
	}
	h2#ind_news_title{
	width: 800px;
	}
}
@media only screen and (max-width: 910px) {
    div#ind_head_group,div.lof-main-outer{
	width:820px;
	}
	#ind_news_scroll,div.ind_news_group{
	width:820px;
	}
	img#logo ,#ind_head_group h1 a {
	width: 200px;
	height: auto;
	}
	div#ind_head_subgroup{
	width:98%;
	}
	div.template_1_f_content{
	width:820px;
	}
	div.ind_news_group,div#ind_news_scroll,{
		width:820px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 440px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 40px;
	padding-right: 40px;
	}
	div.lof-navigator-outer{
	width:780px;
	}
	ul.lof-navigator li {
	width: 100px;
	margin-left: 6%;
	}
	h2#ind_news_title {
	width: 700px;
	}
}
@media only screen and (max-width: 820px) {
    div#ind_head_group,div.lof-main-outer{
	width:770px;
	}
	#ind_news_scroll,div.ind_news_group{
	width:770px;
	}
	img#logo ,#ind_head_group h1 a {
	width: 170px;
	}
	div#ind_head_subgroup{
	width:98%;
	}
	div.template_1_f_content{
	width:770px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:770px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 410px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 40px;
	padding-right: 100px;
	}
	div.lof-navigator-outer{
	width:758px;
	}
	ul.lof-navigator li {
	width: 120px;
	margin-left: 4%;
	}
	h2#ind_news_title {
	width: 600px;
	}
}
@media only screen and (max-width: 780px) {

    div#ind_head_group,div.lof-main-outer{
	width:720px;
	 }
	#ind_news_scroll,div.ind_news_group{
	width:720px;
	}
	div#ind_head_subgroup{
	width:98%;
	}
	div.template_1_f_content{
	width:720px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:720px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 380px;
	height:315px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 25px;
	padding-right: 170px;
	}
	div.lof-navigator-outer{
	width:710px;
	}
	ul.lof-navigator li {
	width: 110px;
	margin-left: 4%;
	}
}
@media only screen and (max-width: 730px) {

    div#ind_head_group,div.lof-main-outer{
	width:700px;
	 }
	#ind_news_scroll,div.ind_news_group{
	width:700px;
	}
	div#ind_head_subgroup{
	width:100%;
	}
	div.template_1_f_content{
	width:690px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:730px;
	}
	div.lof-navigator-outer{
	width:670px;
	}
	ul.lof-navigator li {
	width: 120px;
	margin-left: 2%;
	}
}
@media only screen and (max-width: 710px) {

    div#ind_head_group,div.lof-main-outer{
	width:680px;
	 }
	div#ind_head_subgroup{
	width:100%;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:710px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 320px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 35px;
	padding-right: 280px;
	}
	div.lof-navigator-outer{
	width:670px;
	}
	ul.lof-navigator li {
	width: 100px;
	margin-left: 4%;
	}
	#ind_head_tel {
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
}
@media only screen and (max-width: 690px) {

    div#ind_head_group,div.lof-main-outer{
	width:660px;
	 }
	div#ind_head_subgroup{
	width:100%;
	}
	div.template_1_f_content{
	width:660px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:690px;
	}
	img#img_slide{
	width: 260px;
	height: auto;
	}
	img#logo{
	width: 160px;
	height: auto;
	}
	#ind_head_group h1 a {
	width: 138px;
	height: 36px;
	}
	#english #ind_head_language a{
	font-size: 10px;
	padding-top:0.5em
	}
	#thai #ind_head_language a{
	font-size: 10px;
	padding-top:0.5em
	}
	#english #ind_head_language {
	width: 100px;
	height: 24px;
	margin-top:3px;
	}
	#thai #ind_head_language {
	width: 100px;
	height: 24px;
	margin-top:3px;
	}
	div.lof-navigator-outer{
	width:627px;
	}
	ul.lof-navigator li {
	width: 90px;
	margin-left: 4%;
	height: 70px;
	}
}
@media only screen and (max-width: 670px) {

    div#ind_head_group{
	width:630px;
	height: 100px;
	 }
	div.lof-main-outer{
	width:630px;
	 }
	div#ind_head_subgroup{
	width:100%;
	}
	#english .ind_head_nav {
	margin-top: 20px;
	width: 460px;
	}
	#thai .ind_head_nav {
	margin-top: 20px;
	width: 460px;
	}
	#english #ind_head_main_menu {
	width: 460px;
	}
	#thai #ind_head_main_menu {
	width: 460px;
	}
	#nav li ul.dropdown{
	width: 460px;
	}
	#english .dropdown .text {
	width: 426px;
	}
	#thai .dropdown .text {
	width: 426px;
	}
	#nav ul li a {
	width: 77px;
	height: 77%;
	}
	div.template_1_f_content{
	width:630px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:630px;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 246px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 45px;
	padding-right: 420px;
	}
	.lof-main-item-desc div.nodeBlock{
	width: 19.5em;
	height: 18em;
	}
	img#img_slide{
	width: 250px;
	height: auto;
	}
	div.lof-navigator-outer{
	width:580px;
	}
	ul.lof-navigator li {
	width: 80px;
	margin-left: 5%;
	height: 70px;
	}
	div#c3 {
	width: 100px;
	}
	h2#ind_news_title {
	width: 500px;
	}
}
@media only screen and (max-width: 630px) {

    div#ind_head_group,div.lof-navigator-wapper{
	width:93%;
	 }
	div #lof-main-outside{
	height: 280px
	}
	div.template_1_h{
	height: 492px
	}
	div#ind_head_subgroup{
	width:100%;
	}
	div.template_1_f_content{
	width:600px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:600px;
	}
	#ind_js_banner {
	padding-top: 0px;
	height: 392px;
	}
	.lof-main-item-desc div.nodeBlock{
	width: 19.5em;
	}
	p.ind_js_img,div.lof-main-item-desc{
	width: 220px;
	}
	div.nodeBlock{
	float: left;
	margin-left: 0px;
	}
	div.lof-main-item-desc{
	padding-left: 40px;
	padding-right: 480px;
	}
	.lof-main-item-desc div.nodeBlock{
	width: 19.5em;
	}
	#ind_head_group h1 a{
	}
	img#img_slide{
	width: 200px;
	height: auto;
	}
	.nodeBlock ul li a  {
	font-size: 13px;
	line-height: 100%;
	}
	.nodeBlock h2 {
	font-size: 0.9em;
	padding: 2px 0px;
	}
	#ind_head_main_menu{
	font-size:1em;
	}
	#ind_head_tel {
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	    margin-right: 14px;
	}
	div.lof-main-outer{
	width:580px;
	height: 280px;
	}
	div#lofslidecontent45.lof-slidecontent {
	height: 393px;
	}
	#fnavbox li {
	width: 90px;
	}
	div.lof-navigator-wapper {
	width: 100%;
	}
}
@media only screen and (max-width: 610px) {

    div#ind_head_group{
	width:580px;
	height: 72px;
	 }
	div.lof-main-outer{
	height: 239px;
	}
	div#ind_head_subgroup{
	width:100%;
	}
	div.template_1_f_content{
	width:580px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:580px;
	}
	.lof-main-item-desc div.nodeBlock{
	width: 16.5em;
	height: 200px;
	}
	#english .lof-main-item-desc{
	padding-top:0.5%;
	}
	#thai .lof-main-item-desc{
	padding-top:0.5%;
	}
	.nodeBlock ul li a  {
	font-size: 12px;
	line-height: 100%;
	}
	#english .ind_head_nav{
	width: 30em;
	height: 20px;
	margin-top: 2px;
	}
	#thai .ind_head_nav{
	width: 30em;
	height: 20px;
	margin-top: 2px;
	}
	#english #ind_head_main_menu{
	width:30em;
	height:25px;
	margin-top:-3px;
	right: 10px;
	}
	#thai #ind_head_main_menu{
	width:30em;
	height:25px;
	margin-top:-3px;
	}
	#nav li ul.dropdown{
	width:30em;
	}
	#english .dropdown .text {
	width: 364px;
	}
	#thai .dropdown .text {
	width: 364px;
	}
	#nav ul li,#nav ul li a{
	width: 5em;
	}
	div#ind_js_banner{
	padding-top:3px;
	}
	.nodeBlock ul {
	padding: 0px 3px 3px 3px;
	}
	.nodeBlock ul li {
	padding-top: 2px;
	padding-bottom: 2px;
	}
	.nodeBlock h2 {
	font-size: 0.9em;
	padding:0px;
	}
	img#img_slide{
	width: 160px;
	height: auto;
	}
	div.lof-navigator-outer{
	width:95%;
	}
}
@media only screen and (max-width: 590px) {

    div#ind_head_group{
	width:590px;
	height: 70px;
	 }
	div.template_1_h{
	height: 340px;
	}
	div.lof-main-outer{
	height: 148px;
	}
	.lof-main-item-desc div.nodeBlock{
	width: 14.5em;
	height: 130px;
	}
	div.template_1_f_content{
	width:560px;
	}
	div.ind_news_group,div#ind_news_scroll{
	width:560px;
	}
	.nodeBlock h2 {
	padding:0px;
	margin:0px;
	}
	img#img_slide{
	width: 110px;
	height: auto;
	}
	#english .lof-main-item-desc{
	padding-top:0.3%;
	}
	#thai .lof-main-item-desc{
	padding-top:0.3%;
	}
	.lof-main-item-desc div.nodeBlock{
	top:-8px;
	}
	h5 {
	padding-top: 0px;
	padding-bottom: 0px;
	}
	div#c3{
	clear: both;
	float:right;
	width:80px;
	height:100px;
	}
	h2#ind_news_title {
	width: 400px;
	}
	img#logo {
	width: 130px;
	}
	div #lof-main-outside {
	height: 150px;
	}
}

@media only screen and (max-width: 567px) {
	div#ind_head_group,div.lof-navigator-wapper{
	width:98%;
	 }
	div#ind_head_group {
	width: 100%;
	 }
	#english .ind_head_nav {
	display :none;
	}
	#thai .ind_head_nav {
	display :none;
	}
	#english #ind_head_language{
	display :none;
	}
	#thai #ind_head_language{
	display :none;
	}
	ul#ind_head_language2.mm-list{
	margin-left: 0px;
	}
	h5{
	font-size: 11px;
	}
	div.lof-navigator-outer{
	width:90%;
	height: 100px;
	}
	#english #ind_head_language {
	width: 120px;
	}
	#thai #ind_head_language {
	width: 120px;
	}
	#ind_head_tel{
	width: 150px;
	margin-top: -12px;
	}
	img#logo {
	width: 120px;
	height: auto;
	padding-left: 10px;
	padding-top: 7px;
	}
	ul.lof-navigator li img {
	width: 50px;
	height: auto
	}
	ul.lof-navigator li{
	width: 46px;
	height: 30px;
	margin-left:9%;
	}
	div.ind-navigator-wapper {
	height: 68px;
	}
	.lof-navigator-wapper .lof-previous,.lof-navigator-wapper .lof-next{
	margin-top: 0px;
	}
	div.template_1_f_content {
	width: 95%;
	margin: 6px auto;
	}
	div.ind_news_group, div#ind_news_scroll {
	width: 300px;
	}
	#english .f_direction {
	margin-top: 10px;
	width: 286px;
	height: 100px;
	padding-top: 7px;
	padding-bottom: 7px;
	}
	#thai .f_direction {
	margin-top: 10px;
	width: 280px;
	height: 100px;
	padding-top: 7px;
	padding-bottom: 7px;
	}
	#english .ftext ul {
	width: 253px;
	margin-top: -44px;
	}
	#thai .ftext ul {
	width: 276px;
	margin-top: -44px;
	}
	div.ftext {
	padding-top: 15px;
	}
	#english .f_direction{
	font-size: 16px;
	}
	#thai .f_direction{
	font-size: 15px;
	}
	div.lof-main-item-desc {
	padding-left: 13px;
	padding-right: 704px;
	width: 120px;
	}
	p.ind_js_img, div.lof-main-item-desc {
	width: 121px;
	}
	#fnavbox li {
	width: 95px;
	padding-top: 7px;
	}
	element.style {
	}
	#ind_head_group h1 a {
	width: 130px;
	height: 30px;
	}
	#ind_head_tel {
	font-size: 13px;
	margin-right: -7px;
	}

	div.template_1_h {
	height: 300px;
	}
	#ind_news_title {
	font-size: 12px;
	}
	div.lof-navigator-wapper{
	padding: 16px 0px;
	}
	a.minimenu{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	top: 26px;
	margin-right: 8%;
	}
	h2#ind_news_title {
	width: 250px;
	}
	div#lofslidecontent45.lof-slidecontent {
	height: 250px;
	}
	div #lof-main-outside {
	height: 156px;
	}
}

@media only screen and (max-width: 530px) {
	ul.lof-navigator li {
	margin-left: 8%;
	}
	a.minimenu{
	height: 88px;
	}
}

@media only screen and (max-width: 500px) {
	ul.lof-navigator li {
	margin-left: 7%;
	}
}

@media only screen and (max-width: 470px) {
	ul.lof-navigator li {
	margin-left: 7%;
	}
}

@media only screen and (max-width: 450px) {
	ul.lof-navigator li {
	margin-left: 4%;
	}
}
*/