@charset "utf-8";
/* CSS Document */
/* Responsive */

/* 1280px*/

@media only screen and (max-width: 1280px) {
.circle-mn {top: 165px;left: 41.5%;}
.logo {
    margin-left: 45px;
}
.button {
    margin-right: 50px !important;
}
#picindex3, #picindex4 {
	top: 52%!important;
}

#cap-index2-2 {
	width: 33%!important;
}
#cap-index3-2 {
	right: 95px!important;
	width: 28% !important;
}
#cap-index5-1 {
	width: 49%!important;
}
#cap-index5-2 {
	width: 45%!important;
	right: 80px!important;
	top: 670px !important;
}
#cap-index7-2 {
	width: 62%!important;
}
#cssmenu ul {
	top: -45px !important;
}
.irbox-left {
	width: 36%;
	padding: 0 50px;
}
.irbox-center {
	width: 25%;
}


}

/*------------------------End---------------------------*/

@media only screen and (max-width: 1112px) {
.circle-mn {top: 140px;left: 40.5%;}
}

/*------------------------End---------------------------*/

/* 1098px*/
@media only screen and (max-width: 1098px) {
.content {
	width: 95%;
}
#cssmenu ul li {
	width: 170px!important;
	margin: 0 20px 40px 0 !important;
}
#cssmenu ul li a {
	width: 170px!important;
	height: 170px!important;
}
.text-menu {
	font-size: 19px !important;
}
.content-menu {
	width: 95%!important;
}
.ab-last {
    right: 25px !important;
}
.circle-mn {
    top: 130px;
    left: 40%;
    width: 200px;
    height: 200px;
    font-size: 33px;
}
.ab-left {
    left: 120px;
}
.circle-mn img {
    width: 70px;
    height: 65px;
    margin-bottom: 5px;
}
.policy-ad-txt {
    width: 95%;
}
.bullet-point, .bullet-point-right {
    width: 90px;
    background-size: 100%;
}
.box-mile-left .bullet-point {
    margin-right: -40px;
}
.box-mile-right .bullet-point-right {
    margin-left: -40px;
}
.box-mile-detail {
    padding-right: 45px;
}
.box-mile-detail-right {
    padding-left: 45px;
}
.mile-txt, .mile-txt-right {
    width: 71%;
}
.about-philo-left {
    width: 100%;
    word-break: unset;
}
.about-philo-right {
    width: 100%;
    padding-left: 0;
}
.about-philo-left p, .about-philo-right p {
    margin-bottom: 20px;
}
.about-philo-left h3.title-txt br {
    display: none;
}
.philo-middle {
    margin-top: -125px;
}
.philo-middle img {
    width: 300px;
}
.philobox {
    width: 285px;
}
.philobox2 {
    top: 155px;
    left: 120px;
}
.philobox3 {
    top: 205px;
    left: 350px;
}
.philobox4 {
    top: 156px;
    right: 107px;
}
.philoboxtop {
    width: 230px;
}
.philo-top {
    width: 63%;
	height: 320px;
}
img.boxtop3 {
    top: -3px;
    right: 10px;
}
img.boxtop2 {
    top: -23px;
    left: 193px;
}
img.boxtop1 {
    top: -4px;
    left: 10px;
}
.about-philo-right div {
    width: 100%!important;
}
.about-philo-right ul {
    margin-bottom: 0;
}
.company img {
    width: 100%;
}
.pg-box-main {
    width: 45%;
    left: 28%;
}
.pg-box-main img {
    width: 100%;
}
.pg-logo-main {
    position: absolute;
    top: 28%;
    left: 23%;
}
.pmg-1 {
    left: -3%;
}
.pmg-2 {
    left: 20%;
    bottom: -9px;
}
.pmg-3 {
    bottom: -8px;
    right: 18%;
}
.pmg-4 {
    right: -3%;
}
.head-board, .manage-content ul.board-box li {
    width: 18.9%;
}
ul.board-box {
    margin-left: -7px;
}
ul.board-box li {
    width: 18.9%;
    margin: 0 0 10px 10px;
}
.board-name {
    font-size: 23px;
}
.board-name span {
    font-size: 22px;
}
.logo {
    margin-left: 25px;
}
.button {
    margin-right: 25px !important;
}
.product-type-preface {
    width: 100%;
}
.title-preface {
    padding: 15px 0;
}
.product-type-preface p {
    margin-top: 15px;
}
.export-txt {
    width: 59%;
	margin-top: 0;
	float: left;
}
.brief-txt p {
    font-size: 24px;
    line-height: normal;
    margin-top: 10px;
}
.property-box {
    width: 21%;
    font-size: 29px;
    margin-right: 60px;
    margin-top: 0;
}
ul.product-box li img {
    width: 100%;
}
ul.product-box li {
    margin-left: 30px;
}
.product-name {
    font-size: 27px;
}
h2.brand-name {
    font-size: 47px!important;
}
.logo-brand {
    width: 17%;
    float: left;
	margin-right: 20px;
}
.brand-txt {
    margin-left: 10px;
	margin-top: 25px;
	width: 78%;
}
.brand-txt h1 {
	margin-top: 10px!important;
	font-size: 30px!important;
}
.brand-txt p {
	margin-top: 10px!important;
	font-size: 27px!important;
}
.export-mnbox {
    width: 49.4%;
}
.circle-mn2 {
    top: 125px;
    left: 39%;
	font-size: 30px;
}
.product-detail-pic {
    width: 32%;
}
.detail-box {
    margin: 10px 0;
}
h3.company-contact-name {
    font-size: 27px;
}
.package-size-box h3 {
    font-size: 27px;
}
.distributor-map {
    padding-bottom: 120px;
}
.continent1 {
    top: 140px;
    left: 165px;
}
.continent2 {
    top: 270px;
    left: 300px;
}
.continent3 {
    top: 115px;
    right: 340px;
}
.continent4 {
    top: 100px;
    right: 200px;
}
.continent5 {
    top: 230px;
    right: 395px;
}
.continent6 {
    top: 340px;
    right: 90px;
}
title-preface h3 {
    font-size: 41px;
    line-height: 40px;
}
.title-preface h3 span {
    font-size: 47px;
}
.distributor-brief .title-preface {
    padding: 10px 0;
}
.distributor-brief p {
    margin-top: 10px;
    font-size: 27px;
	margin-bottom: 40px;
}
.list1 {
    top: -70px;
    left: 95px;
}
.list3 {
    top: -90px;
    right: 260px;
}
.list4 {
    top: -110px;
    right: 120px;
}
.list2 {
    top: 60px;
    left: 230px;
}
.list5 {
    top: 300px;
    right: 315px;
}
.list6 {
    top: 130px;
    right: 10px;
}
ul.news-box li {
    width: 32.5%;
}
ul.news-menu li {
    width: 26%;
}
ul.news-menu li.video {
    width: 21%;
}
.ex-contact-box {
    width: 47%;
}
.ex-contact {
    width: 85%;
}
.news-crs-newsbox, .news-crs-csrbox {
    padding: 30px;
}
.news-csr-circle {
    position: absolute;
    top: 30%;
    left: 37%;
    width: 280px;
    height: 280;
    font-size: 37px;
    line-height: 40px;
}
.news-csr-circle img {
    margin-top: 20px;
}
.box-text-news {
    min-height: 130px;
	padding: 15px 20px;
}
.news-topic {
    font-size: 23px;
}
.media-video-all figure.effect-media {
    width: 32%;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    top: 20px;
}
.item-topic {
    top: 25%;
}
ul.work-box li {
    width: 32.5%;
}
.work-topic {
    font-size: 37px;
}
.btn-itv-video a {
    margin-top: 20px;
}
#form-contact {
    width: 40%!important;
}
.irbox-left {
    padding: 0 30px;
}
.irbox-center {
    width: 24.5%;
}
.ir-tradebox {
    padding: 20px;
}
.stock-exchange-box {
    padding: 25px;
}
.irbox-right {
    width: 36%;
}
.ir-preface {
    word-break: unset;
}
.ir-mainmenu-box a {
    padding: 25px;
}
.ir-mainmenu-box a, ul.ir-mainmenu li a, .btn-ir-all a {
    font-size: 24px;
}
.btn-ir-all a {
    padding: 10px 0;
}
.about-profile-left {
    width: 100%;
    float: unset;
    word-break: unset;
}
.about-profile-right img {
    margin: 0 !important;
}
ul.fnc-report-box li {
    width: 27%;
}
.fnc-report-year {
    width: 45%;
}
.fnc-report-dl {
    width: 55%;
}
.fancybox-content {
    width: 80% !important;
	height: 80% !important;
}
#form-contact .contact-secu-code {
    width: 70%;
}
.irbox-left {
    width: 39%;
}
.news-detail-detail {
    height: 145px;
}
.mile-txt-right {
    margin-bottom: 100px;
}
ul.benefit-box-list li {
    line-height: 24px;
}
.ad-head .about-brief {
    height: 273px;
	padding: 0 50px;
}
.ad-head .about-brief br {
    display:none;
}
.property-box-long {
    font-size: 27px;
    margin-right: 38px;
}
.footer-right {
    width: 60%;
}
.footer-left {
    width: 40%;
}
.distributor-map {
    display: none;
}
.distributor-brief {
    width: 100%;
    position: relative;
}
.distributor-map-mb {
	display: block!important;
	margin-top: 20px;
}
.distributor-map-mb img {
	width: 100%;
}
.distributor-content .title-preface h3 span {
    display: inline;
}
.map-data-mb {
	display: block!important;
}
ul.map-data {
	padding: 0 0 30px 0;
	margin: 20px 0 0 0;
	display: block!important;
}
ul.map-data li {
	display: block;
	font-size: 27px;
	border-bottom: 1px solid #d9d9d9;
	font-family: 'psl_kittithada_probold';
}
ul.map-subject {
	margin: 20px 0 30px 0;
	padding: 0;
	font-size: 14px;
	color: #626775;
	font-family: 'psl_kittithada_probold';
	width: 100%;
}
ul.map-subject li {
	list-style: none;
	font-size: 27px;
	border: none;
	padding-right: 10px;
	color: #626775;
	border-bottom: none!important;
	padding: 0 0 20px 20px;
	background: url(../images/icon/bullet-trapezoid.png) no-repeat left 6px;
	background-size: 11px;
	width: 20%;
	float: left;
}
ul.map-subject li span {
	display: block;
	font-weight: bold;
}
.distributor-content {
	background: none;	
}
.guidebox {
    display: none;
}
.export-txt ul li {
    padding: 0 0 0 20px;
    background: url(../images/icon/bullet-trapezoid.png) no-repeat left 8px;
    background-size: 11px;
    font-size: 24px;
    line-height: normal;
}
.interbiz-content .property-row {
    margin-top: 40px;
}

}

/*------------------------End---------------------------*/

@media screen and (max-width: 1024px) {
.news-landing img{
    width: 100%;
}
.benefit-box-right {
    padding: 15px 40px 0 40px;
}
.ad-head .about-brief {
    height: 255px;
}
.property-box-long {
    margin-right: 25px;
    width: 16%;
}
.bord-popup-box {
	width: 80%!important;
}
}

/*------------------------End---------------------------*/



/* 980*/

@media screen and (max-width: 980px) {
.back-top {margin-top: 0;}
.fadeIn, .fadeInUp, .bounceInUp, .bounceIn, .bounceInDown, .slideIn, .slideInUp, .slideInDown, .slideInRight, .slideInLeft, .fadeInRight {
    animation-name: none!important;
	animation-duration: none!important;
}
.hidden {
	opacity: 1;
}
.visible {
	opacity: 1;
}

#wrapper {
    padding-top: 0;
}
#header {
    position: relative;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 0 0 0;
}
#container {
	border-top: none;
}
#mn-mobile {
	display: block!important;
}
#cssmenu {
	display: none;
}
.logo img {
	width: 90px;
	height: auto;
}
.sitemap-icon a, .lang {
	padding: 10px;
	margin-top: 15px;
	height: 43px;
	width: 45px;
	text-align: center;
}
.sitemap-icon a img {
	width: 23px!important;
	height: 23px;
}
.lang img {
	width: 26px;
	height: 20px;
	margin-top: 2px;
}
#menumobile ul {
    position: absolute !important;
    top: 80px !important;
    padding-top: 0 !important;
    border-top: none !important;
}
#menumobile #head-mobile {
    height: 80px!important;
}
.lang, .sitemap-icon a {background: #ffffff;}
.top-padding {
    height: 105px!important;
}
.policy-ad-txt {
    width: 100%;
}
#navigate, .close-back {
    display: none;
}
.news-detail-mb .close-back {
    display: block!important;
	margin-top: 15px;
}
.close-back img {
    margin-top: 0;
}

.bullet-point, .bullet-point-right {
    width: 80px;
}
.box-mile-left .bullet-point {
    margin-right: -37px;
}
.box-mile-detail {
    padding-right: 40px;
}
.box-mile-right .bullet-point-right {
    margin-left: -37px;
}
.has-bg {
	background: none!important;	
}
.about-content-mile {
    background: none;
    padding-top: 0;
    margin-top: 0;
}
.milestone-center {
    display: none;
}
.box-mile {
    width: 100%;
    padding: 0!important;
	margin-bottom: 20px;
}
.box-mile-detail {
    padding-right: 0;
}
.box-mile-detail img, .box-mile-detail-right img {
    width: 50%;
	vertical-align: bottom;
}
.mile-txt, .mile-txt-right {
    width: 50%;
    margin-top: 0;
	min-height: 293.35px;
	padding: 30px;
}
.box-mile-right {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}
.box-mile-detail-right {
    padding-left: 0;
}
.box-mile-detail ul li, .box-mile-detail-right ul li {
    display: inline;
	font-size: 24px;
}
.mile-year {
    line-height: normal;
    padding: 0 0 10px 0;
	text-align: left;
}
img.boxtop3 {
    top: -3px;
    right: -16px;
}
.philo-top {
    margin-left: 160px;
}
.philobox3 {
    top: 192px;
    left: 329px;
}
.philobox4 {
    top: 146px;
    right: 101px;
}
.philobox2 {
    top: 146px;
    left: 111px;
}
.philo-mobile {display: block!important}	
	
.philo-pc {display: none}		

.philo-boxhead	{
	background: #f7f7f7;
	padding: 30px;
	text-align: center;
}
.philo-boxhead span	{
	display: block;
	font-family: 'psl_kittithada_probold';
	font-size: 40px;
	margin-top: 10px;
}	
.philo-boxhead h1	{
	display: block;
	font-family: 'psl_kittithada_probold';
	font-size: 40px;
	margin-top: 10px;
}	
ul.philo-boxsec	{
	padding: 20px 0;
	width: 65%;
	margin: 0 auto;
}
ul.philo-boxsec li	{
	width: 32%;
	padding: 0  0 0 15px ;
	display: inline-block;
}
ul.philo-boxsec li img	{
	width: 100%;
}	
h2.philo-head {
    font-size: 57px;
    font-family: 'psl_kittithada_probold';
    line-height: 47px;
    text-align: center;
    margin: 20px 0;
}
h2.philo-head span {
	display: block;
	color: #37b1ec;
}	
ul.philo-boxall	{
	list-style: none;
}
ul.philo-boxall	li{
	border-top: 2px solid #f2f2f2;
	padding: 30px;
}	
.box-icon {
	width: 20%;	
	display: inline-block;
}	
.box-icon img{
	width: 100px;
	vertical-align: middle;
}
.box-text {
	width: 60%;	
	display: inline-block;
	font-family: 'psl_kittithada_probold';
	vertical-align: middle;
}	
.box-text h3 {
	font-size: 37px;
}	
.box-text p {
	font-size: 31px;
	margin: 10px 0 0 0;
}	
.about-philo-left p, .about-philo-right p {
    margin-bottom: 0;
}
.about-philo-right ul li {
    font-size: 27px;
}
h3.title-txt {
    font-family: 'psl_kittithada_probold';
}
.about-philo-left p, .about-philo-right p {
    font-size: 27px;
}
.about-philo-left h3, .about-philo-right h3 {
    font-size: 35px !important;
}
.box-text p {
    font-size: 27px;
}
#nav-menu-mb { display: block!important; margin:25px 0;}
.select-style select { width:100%; -webkit-appearance: none; -moz-appearance: none;  padding:5px 10px; border:none; color:#fff; background:url(../images/icon/arrow-mn-hover.png) no-repeat right 10px center #37b1ec; font-family: 'psl_kittithada_probold'; font-size: 24px;}
.select-style optgroup {background: #ffffff!important; color: #37b1ec!important;}
.select-style option {color: #4c4c4c!important; background: #ffffff!important;}
ul.orz-menu-tab {display: none;}
ul.ir-menu-tab {display: none;}
.ver-pc{
	display: none;	
}
.st-mobile {
	display: block!important;	
}
.st-boxhead	{
	padding: 30px;
	text-align: center;
}	
.st-boxhead img	{
	width: 165px;
}
ul.st-boxall	{
	list-style: none;
}
ul.st-boxall li {
	border-bottom: 2px solid #f2f2f2;
	padding: 30px;
	background: #f8f8f8;
}

.box-st-icon {
	width: 45%;	
	display: inline-block;
	padding-right: 30px;
	text-align: center;
}	
.box-st-icon img{
	width: 200px;
	vertical-align: middle;
}
.box-st-txt {
	width: 50%;	
	display: inline-block;
	font-family: 'psl_kittithada_probold';
	vertical-align: middle;
	color: #37b1ec;
}	
.box-st-txt h3 {
	font-size: 37px;
	line-height: 30px;
}	
.box-st-txt p {
	font-size: 31px;
	margin: 10px 0 0 0;
}	
.mb-btn a {
	padding: 15px 0;
	text-align: center;
	font-size: 24px;
	background: #37b1ec;
	border: 1px solid #37b1ec;
	color: #ffffff;
	font-family: 'psl_kittithada_probold';
	border-radius: 5px;
	margin-top: 25px;
}
.mb-btn a:hover {
	background: #ffffff;
	border: 1px solid #37b1ec;
	color: #37b1ec;
}
.st-btn {
	width: 100px;
}	
ul.product-box li {
    margin-left: 37px;
    width: 21%;
}
.property-box img {
    width: 95%;
    margin-bottom: 15px;
}
.property-box {
    width: 22%;
    font-size: 27px;
    margin-right: 35px;
    margin-top: 0;
}

.brief-box {
    margin: 30px 0;
}
h1.title-txt {
    padding: 35px 0;
}
.export-brief {
    margin: 0 0 20px 0;
}
.ad-head {
    margin-top: 0;
}
.distributor-map {
    padding-top: 40px;
}
.newsdetail-topic {
    font-size: 29px;
	margin-bottom: 10px;
}
h3.contact-head {
	line-height: normal;
}
h3.contact-head {
    font-size: 27px!important;
}
p.telcontact {
    font-size: 23px;
}
p.mailcontact {
    font-size: 27px;
}
.news-topic {
    font-size: 21px;
}

.group-content {
    background: none;
    padding: 45px 0 80px 0;
}
.sitemap-content {
    padding-top: 30px;
}
.site-map li a {
    font-size: 24px;
    line-height: 20px;
}
.contact-boxbig {
    padding: 20px;
}
.contact-boxsmall a {
    font-size: 27px;
	max-height: 250px;
}
.irbox-left {
    width: 95%;
    margin: 0 auto;
    padding: 0;
    float: unset;
	margin-bottom: 10px;
}
.ir-title-preface img {
    float: unset;
}
.ir-title-preface h1 {
    float: unset;
	display: inline-block;
	vertical-align: top;
	line-height: 45px;
}
.ir-title-preface {
    text-align: center;
	padding: 30px 0 15px 0;
}
.ir-preface p {
    margin: 15px 0 !important;
}
ul.ir-mainmenu {
    display: none;
}
.irbox-center {
    width: 100%;
}
.ir-tradebox {
    padding: 53px 0;
	text-align: center;
	width: 50%;
	float: left;
	height: 336px;
}
.ir-tradebox iframe {
	width: 210px;
}
.ir-menu-etc {
	width: 50%;
	float: left;
}
.ir-mainmenu-box a {
    padding: 20px 30px;
    font-size: 27px;
}
.irbox-right {
    width: 100%;
}
.topicselect {
    background: url(../images/icon/arrow-select-de.png) no-repeat center right 14px #37b1ec;
    background-size: 12px;
    padding: 10px 15px;
}
.topic {
    padding-left: 0;
    background: url(../images/icon/arrow-select.png) no-repeat center right 14px;
    background-size: 12px;
	padding: 10px 15px;
}

ul.ir-data li {
    font-size: 24px;
}
ol.subject li {
    font-size: 14px!important;
}
.topic:hover {
    color: #ffffff;
    background: url(../images/icon/arrow-select-de.png) no-repeat center right 14px #37b1ec;
    background-size: 12px;
}
ul.fnc-report-box li {
    margin-left: 59px;
}
.taro-bg, .kk-bg {
    padding: 40px 0;
}
.item-topic {
    top: 18%;
    font-size: 23px;
}
.mile-txt, .mile-txt-right {
   	margin-bottom: 0!important;
}
.person-pic {
    width: 30%;
}
.interview-txt {
    padding: 35px;
	width: 70%;
}
p.staff-opinion span {
    font-size: 27px;
    width: 95%;
}
p.staff-opinion {
    margin: 25px 0;
}
.staff-name {
    font-size: 37px;
}
.staff-position {
    font-size: 31px;
}
.about-column {
    width: 100%;
}
.column-box-left {
    padding-right: 0 !important;
}
.column-box-right {
    padding-left: 0 !important;
	margin-top: 20px;
}
.column-box-right p, .column-box-left p {
    margin-bottom: 10px;
}
.ad-head .about-brief {
    padding: 0;
    background: #ffffff;
    height: unset;
    padding-top: 35px;
}
.property-box-long {
    margin-right: 20px;
    width: 17%;
}
.interbiz-content h2.brand-name {
    font-size: 37px !important;
}
.interbiz-content h2.brand-name span {
    font-size: 32px;
}

}

/*------------------------End---------------------------*/


/* 800*/
    
@media screen and (max-width: 800px) {
.logo {
	margin-left: 15px;
}

.about-brief {
    width: 90%;
}
.policy-ad-txt {
    font-size: 38px;
}
h2.title-sub {
    font-size: 38px;
    margin: 30px 0 !important;
}
h3.title-txt {
    font-size: 33px;
}
.vs-ad {
    background-size: cover;
}
.vs-ad2 {
    padding: 90px 0;
    background-size: cover;
}
.column-box-left {
    padding-right: 5px !important;
}
#about-last-topic .show-mb {display: block;}
#about-last-topic .show-pc {display: none;}
#about-last-topic .about-column {
    width: 100%;
}
#about-last-topic .column-box-right p, .column-box-left p {
    margin-bottom: 10px;
}
.mile-txt, .mile-txt-right {
    min-height: 239px;
}
.box-mile-detail ul li, .box-mile-detail-right ul li {
    font-size: 22px;
}
.mile-year {
    font-size: 37px;
}
ul.philo-boxsec {
    width: 70%;
}
.about-philo-right ul li {
    font-size: 24px;
}
.about-philo-left p, .about-philo-right p {
    font-size: 24px;
}
.box-text p {
    font-size: 24px;
}
.box-text h3 {
    font-size: 31px;
}
h2.philo-head {
    font-size: 47px;
}
.about-philo-right ul li {
    padding: 5px 0 5px 20px;
}
.box-st-txt {
    width: 54%;
}
.box-st-txt h3 {
    font-size: 35px;
}
ul.board-box li {
    margin: 0 0 5px 5px;
    width: 24%;
}
.board-name {
    font-size: 23px;
}
ul.board-box {
    margin-left: 0;
}
.head-board, .manage-content ul.board-box li {
    width: 24%;
}
.logo-brand-export {
    width: 20%;
}
.export-txt {
    width: 69%;
}
ul.product-box li {
    width: 28.5%;
}
.brand-txt {
    margin-top: 10px;
    width: 100%;
    float: unset;
	margin-left: 0;
}
.logo-product {
    width: 20%;
    padding-right: 25px;
    margin-right: 0;
}
h2.brand-name {
    font-size: 41px !important;
}
h2.brand-name span {
    font-size: 33px !important;
}
.brand-txt p {
    margin-top: 5px !important;
    font-size: 23px !important;
    margin-bottom: 0;
}
.export-brief {
    font-size: 25px;
}
.btn-milestone {
    font-size: 24px;
}
.product-detail-pic {
    margin-right: 35px;
}
.distributor-pin, .selectplace {
    background-size: 17px;
}

.distributor-map {
    padding-bottom: 150px;
}
.continent1 {
    top: 125px;
    left: 130px;
}
.continent2 {
    top: 230px;
    left: 230px;
}
.continent3 {
    top: 100px;
    right: 260px;
}
.continent4 {
    top: 85px;
    right: 150px;
}
.continent5 {
    top: 200px;
    right: 300px;
}
.continent6 {
    top: 265px;
    right: 80px;
}
.list1 {
    top: -85px;
    left: 60px;
}
.list2 {
    top: 20px;
    left: 160px;
}
.list3 {
    top: -110px;
    right: 180px;
}
.list4 {
    top: -125px;
    right: 70px;
}
.list5 {
    top: 265px;
    right: 220px;
}
.list6 {
    top: 55px;
    right: 0;
}
ul.news-box li {
    width: 32%;
}
.newsdetail-txt {
    padding: 20px 20px 0 20px;
}
ul.news-menu li {
    width: 33%;
}
ul.news-menu li.video {
    width: 26%;
}
.newsdetail-topic {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 5px;
}
.news-detail-detail {
    height: 120px;
}
.ex-contact {
    width: 100%;
}
.ex-contact-box {
    width: 48%;
}
.news-topic {
    font-size: 21px;
	line-height: unset;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 80%;
    height: 60%;
}
.item-topic img {
    width: 50px !important;
}
.item-topic {
    font-size: 27px;
}


.arrow-top-mb {
    display: none;
}
.block-sitemap {
    width: 50%;
}
.contact-boxbig p {
    margin: 5px 0 10px 0;
}
p.telcontact {
    font-size: 21px;
}
p.mailcontact {
    font-size: 24px;
	margin-top: 0;
}
p.telcontact img, p.mailcontact img {
    width: 25px;
}
.contact-boxbig {
    width: 47%;
}
.contact-boxsmall a {
    width: 17%;
    padding: 25px;
    min-height: 221px;
	font-size: 24px;
}
#form-contact {
    width: 50% !important;
}
ul.fnc-report-box li {
    margin-left: 26px;
    width: 30%;
}
.media-video-all figure.effect-media {
    width: 48%;
	margin-bottom: 15px;
	margin-left: 15px;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 85%;
    height: 82%;
}
.item-topic {
    top: 23%;
}

.distributor-brief .title-preface {
    width: 55%;
}
.interview-brief {
    font-size: 29px;
}
.interview-brief-sub {
    font-size: 24px;
}
.interview-brief-sub {
    margin: 0 0 35px 0;
}
.staff-name {
    font-size: 31px;
}
.staff-position {
    font-size: 27px;
}
p.staff-opinion span {
    font-size: 24px;
    width: 90%;
    line-height: 30px;
}
.benefit-box-left {
	display: none;
}
.mb-ver {
	display: block!important;
	width: 100%;
}
.benefit-box-right {
    padding: 40px 50px;
    width: 100%;
}
.benefit-box-right br {
    display: none;
}
.export-mnbox {
    width: 49%;
}
.export-mbtxt h2 {
    font-size: 41px;
}
.circle-mn2 {
    top: 70px;
    left: 35%;
}
.manage-content ul.board-box {
    width: 100%;
}
.manage-content ul.board-box li {
    width: 24%;
}
.property-box-long {
    margin-right: 25px;
    width: 16%;
    font-size: 24px;
}	
.footer-right {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.footer-left {
    font-size: 24px;
	width: 100%;
	text-align: center;
}	
.interbiz-content h2.brand-name {
    font-size: 37px !important;
    line-height: 30px;
}
.interbiz-content .property-box {
    width: 19%;
}	
.interbiz-content .property-row {
    margin-left: 0;
}	
}
/*------------------------End---------------------------*/


/* 768*/
    
@media screen and (max-width: 768px) {
.sustain-report {
    width: 50%;
}
.about-brief {
    width: 97%;
}
.mile-txt, .mile-txt-right {
    min-height: 229.88px;
	padding: 25px;
}
.box-icon {
    width: 23%;
}
.box-text {
    width: 75%;
}
.about-philo-right ul li {
    font-size: 24px;
}
.philo-boxhead h1 {
    font-size: 31px;
}
.footer-left {
    font-size: 24px;
}
.board-name {
    font-size: 21px;
}
.board-name span {
    font-size: 20px;
}
.export-txt {
    width: 74%;
}
.property-box img {
    width: 75%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}
.property-row {
    margin-left: -20px;
}
ul.product-box li {
    width: 28%;
}
.continent6 {
    top: 250px;
}
.list6 {
    top: 40px;
    right: 0;
}
.news-detail-box {
    width: 100%;
}
.news-detail-content {
    width: 90%;
    margin: 0 auto;
}
.news-pc {
    display: none;
}
.news-mb {
    display: block!important;
}
ul.news-menu {
    width: 60%;
    margin-left: 30px;
}
.exportnews-content {
    padding-bottom: 100px!important;
}
h3.contact-head {
    font-size: 26px !important;
    margin-bottom: 15px !important;
}
.news-topic {
    font-size: 20px;
}
.box-text-news {
    min-height: 135px;
}
.media-video-all figure.effect-media {
    width: 47%;
}

.contact-boxbig p {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: normal;
}
p.mailcontact {
    font-size: 27px;
}
p.telcontact {
    margin-bottom: 5px;
}
.contact-box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.contact-boxbig {
    width: 100%;
	margin-bottom: 10px;
	padding: 30px;
}
.contact-boxsmall a {
    width: 33%;
    margin-bottom: 10px;
    margin-left: 2px;
}
.contact-boxsmall a {
    padding: 30px 0;
	min-height: unset;
	max-height: unset;
}
.boxsmall-icon {
    display: inline-block;
	margin-bottom: 0;
}
.contact-boxsmall a span {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}
.contact-content h3.contact-head {
    font-size: 31px !important;
}
.contact-boxsmall a img {
    width: 50px !important;
}
ul.fnc-report-box li {
    margin-left: 25px;
}
#form-contact {
    width: 53% !important;
}
.newsdetail-txt {
    padding: 30px;
}
.news-detail-detail {
    height: unset;
}
.newsdetail-topic {
    font-size: 30px;
}
.person-pic {
    width: 35%;
}
.interview-txt {
    width: 65%;
}





}

/*------------------------End---------------------------*/


/* 740*/
    
@media screen and (max-width: 740px) {
.show-mb {display: block;}
.show-pc {display: none!important;}
.column-box-right {
    padding-left: 0 !important;
}
.column-box-left {
    padding-right: 0 !important;
}
h2.title-sub {
    font-size: 41px;
    text-align: left;
    margin: 35px 0 20px 0 !important;
}
.about-brief {
    width: 100%;
    margin: 0;
    text-align: left;
}
.about-column {
    width: 100%;
}
ul.mission-box li {
    padding: 0 0 0 20px;
    background: url(../images/icon/bullet-trapezoid.png) no-repeat left 10px;
	background-size: 11px;
}

h3.title-txt {
    font-size: 37px;
}
.btn-top {
    position: absolute;
    bottom: 85px;
}
.box-mile-detail img, .box-mile-detail-right img {
    width: 100%;
}
.mile-txt, .mile-txt-right {
    width: 100%;
    min-height: unset;
	padding: 15px 30px 20px 30px;
}
.mile-year {
	padding: 0 0 5px 0;
}
.box-mile-detail ul li, .box-mile-detail-right ul li {
    font-size: 24px;
}
ul.philo-boxsec {
    width: 75%;
}
h1.title-txt {
    font-family: 'psl_kittithada_probold';
}
.box-st-icon {
    width: 50%;
}
.box-st-txt {
    width: 49%;
}
.box-st-txt h3 {
    font-size: 31px;
}
.box-st-icon img {
    width: 225px;
}

.export-txt {
    width: 100%;
	margin: 0;
	float: unset;
}

.property-box {
    width: 17%;
}

.property-row {
    width: 100%;
}
.property-row {
    width: 100%;
    margin-left: 150px;
}
.logo-brand-export {
    width: 25%;
    padding-right: 20px;
}
.btn-contact-inter {
    top: -80px;
    right: 80px;
}
.export-brief {
    font-size: 24px;
}
.product-detail-pic {
    width: 40%;
    margin: 0 auto;
    float: unset;
}
.btn-pd-gallery a {
    margin: 20px auto;
}
.product-detail-detail {
    width: 100%;
	padding-top: 0;
}
.detail-box table {
    line-height: normal;
}
#nav-select-mb {
    display: block!important;
}
.pack-box, .selectpack {
    display: none;
} 
.detail-box {
    margin: 20px 0;
}
h2.brand-name-detail {
    text-align: center;
    margin-bottom: 30px;
}

.contact-in-mb {
	right: 0;	
}
ul.news-box li {
    width: 100%;
    margin: 0 0 30px 0;
    float: unset;
}
ul.news-box li a {
    display: block;
	margin-right: 0;
}
ul.news-box {
    margin: 0 auto;
	width: 70%;
}
.box-text-news {
    min-height: unset;
    padding: 20px 25px;
}
.news-topic {
    font-size: 24px;
    line-height: 25px;
}
.ex-contact {
    width: 80%;
    background: none;
	padding: 0;
}
.ex-contact-box {
    width: 100%;
    background: #ffffff;
    padding: 30px;
	margin-right: 0!important;
    margin-bottom: 20px;
}
.ex-contact-box img {
    margin-top: 0 !important;
}
.exportcontact-content {
    padding-bottom: 70px;
}
.contact-secu-code {
    width: 25%;
}
.secu-code {
    width: 25%!important;
}
.contact-re-code {
    display: inline-block;
}
.clear-mb {
	display: none;
}
.news-content {
    padding-bottom: 100px!important;
}
.box-text-news {
    min-height: unset;
	padding: 15px 20px;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 85%;
    height: 80%;
}
.ir-title-preface img {
	vertical-align: middle;
}
.ir-title-preface h1, .ir-title-preface h1 span {
    font-size: 50px;
	display: inline;
}
.ir-title-preface h1 {
    vertical-align: middle;
}
.about-profile-right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 15px;
}
.ir-content-sub h2.title-txt {
    font-size: 31px;
    margin: 0 0 10px 0;
}
.ir-data-brief p {
    line-height: normal;
}
ul.fnc-report-box li {
    margin-left: 35px;
    width: 45%;
}
.sharhold-box-select select {
    width: 120px;
}
.sharhold-box-left {
    width: 70%;
}
.sharhold-box-select {
    width: 30%;
}
.column-box-right a {
	display: inline-block!important;
}
.distributor-brief .title-preface {
    width: 100%;
}
.circle-mn2 {
    top: 55px;
    left: 35%;
}
.policy-ad {
    margin-bottom: 40px;
}
.taro-row {
	margin-left:0!important;
	padding-left: 175px;
}
.interbiz-content .logo-brand-export {
    margin: 0 15px 0 0;
}
}

/*------------------------End---------------------------*/

/* 686*/
    
@media screen and (max-width: 686px) {
.staff-name {
    font-size: 29px;
}
.staff-position {
    margin: 15px 0 0 0;
	font-size: 25px;
}
.interview-brief {
    margin: 0 0 35px 0;
}
.interview-txt {
    padding: 20px 25px;
}
p.staff-opinion span {
    width: 94%;
}
.circle-mn2 img {
    margin-bottom: 0;
}
.circle-mn2 {
    width: 190px;
    height: 190px;
    font-size: 27px;
}
.taro-row {
    padding-left: 20px;
}

}


/* 667*/
    
@media screen and (max-width: 667px) {
.about-brief {
    font-size: 24px;
}
ul.mission-box li, .btn-bbook a {
    font-size: 24px;
}
h1.title-txt {
    font-size: 55px;
}
.policy-ad-txt p {
    font-size: 37px !important;
}
.vs-ad2 {
    margin: 30px 0 20px 0;
}
.policy-ad-txt {
    width: 75%;
}
.policy-ad-txt h2.title-sub {
    line-height: 45px;
    margin-bottom: 15px !important;
	font-size: 37px;
}
.vs-ad2 .policy-ad-txt {
    width: 100%!important;
}
.vs-ad1 {
	margin-bottom: 0!important;	
	margin-top: 0!important;
}
h2.philo-head {
    line-height: 40px;
}
.box-st-txt h3 {
    font-size: 27px;
}
ul.board-box li {
    margin: 0 0 15px 15px;
    width: 30%;
}
.head-board {
    width: 30%;
}
ul.board-box {
    margin-left: 3px;
}
.brand-hilight {
    margin-top: 25px;
}
.logo-mb {
    width: 22%;
}
.property-row {
    margin-left: 0;
}
.property-box {
    width: 20%;
    margin: 0 42px;
}
ul.product-box li {
    width: 30%;
    margin-left: 20px;
}
ul.product-box {
    margin-left: -20px;
}
.product-name {
    font-size: 24px;
    padding: 10px 0;
}
ul.news-menu {
    width: 70%;
}
.newsdetail-txt {
    padding-top: 15px;
}
.contact-secu-code {
    width: 27%;
}
.media-video-all figure.effect-media {
    width: 48%;
}
.contact-boxsmall a {
    width: 32.9%;
}
.fancybox-slide .contact-secu-code {
    width: 75%!important;
}
#form-contact {
    width: 60% !important;
}
.sharhold-box-left {
    font-size: 33px;
}
.staff-name {
    font-size: 29px;
}
.person-pic {
    width: 40%;
}
.interview-txt {
    width: 60%;
}
p.staff-opinion span {
    width: 90%;
}
.interbiz-content .property-box {
    font-size: 24px;
}

}

/*------------------------End---------------------------*/


/* 640px*/
    
@media screen and (max-width: 640px) {
.mb-btn a {
    margin-top: 10px;
}
.box-st-icon {
    width: 48%;
}
.box-st-txt {
    width: 51%;
}
.box-st-icon img {
    width: 100%;
}
ul.board-box {
    margin-left: 0;
}
.board-name {
    font-size: 20px;
	padding: 10px 0;
}
.board-name span {
    font-size: 18px;
	margin-top: 0;
}
.property-box {
    width: 20%;
    margin: 0 40px;
}
.stock-exchange-box {
    padding: 20px;
}
.pic-center img {
    width: 100%;
}
ul.fnc-report-box li {
    width: 44%;
}
.media-video-all figure.effect-media {
    margin-bottom: 12px;
    margin-left: 12px;
}
.item-topic {
    font-size: 22px;
}	
.person-pic {
    width: 45%;
}
.interview-txt {
    width: 55%;
}
.staff-name {
    font-size: 27px;
}
.manage-content ul.board-box li {
    width: 30%;
}
ul.map-subject li {
    width: 25%;
}	
.manage-content ul.board-box li {
    margin: 0 5px 20px 5px;
}
.bord-popup-box {
    width: 90% !important;
}	

}

/*------------------------End---------------------------*/


/* 568px*/	
		
@media screen and (max-width: 568px) {
.new-box{display: block;}
.new-box-text, .new-box-img{width: 100%}
.vs-ad2 {
    padding: 60px 0;
}
.show-mb-ad {display: block!important;}
.show-pc-ad {display: none;}
.vs-ad1 {
	background: url(../images/about-policyad-mb.jpg) no-repeat center;
}
.vs-ad2 {
	background: url(../images/vision-ad2-mb.jpg) no-repeat center;
}
.box-icon {
    width: 24%;
}
.box-icon img {
    width: 90px;
}
ul.philo-boxsec {
    width: 100%;
}
.st-btn {
    width: 80px;
}
.box-st-txt {
    width: 35%;
}
.box-st-icon {
    width: 55%;
}
.brand-hilight  {
    font-size: 40px;
	margin-top: 10px;
}
.brand-hilight span {
    font-size: 30px;
}
.logo-mb {
    margin-right: 15px;
}
.property-box {
    width: 22%;
    margin: 0 30px;
    font-size: 24px;
}
ul.product-box li {
    width: 40%;
    margin-left: 45px;
}
.brief-txt p {
    font-size: 23px;
}
.logo-product {
    width: 25%;
    padding-right: 15px;
}
.brand-txt {
    margin-top: 0;
}
.productlist-bg {
    margin-bottom: 30px;
}
.product-detail-pic {
    width: 50%;
}
h2.brand-name-detail {
    font-size: 37px;
}
.company-contact {
    margin: 10px 0;
}
.company-contact p {
    font-size: 14px;
}
ul.news-menu {
    width: 80%;
}
.contact-secu-code {
    width: 33%;
}
ul.news-box {
    width: 80%;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 80%;
    height: 65%;
}
.interview-txt {
    padding: 25px;
}

#form-contact {
    width: 65% !important;
}
.ir-data-brief img {
    width: 100%;
}
img.pic-left, img.pic-right {
    width: 45% !important;
}
img.pic-left {
    margin-right: 15px;
}
img.pic-right {
    margin-left: 15px;
}
ul.fnc-report-box li {
    width: 43%;
}
.fancybox-show-buttons .fancybox-buttons {
    right: 10px !important;
}
.vs-ad1 .policy-ad-txt p {
    font-size: 31px !important;
}
.lb-outerContainer {
    width: 75%!important;
	height: auto!important;
}
.lightbox .lb-image {
    width: 100%!important;
	height: auto!important;
}
.newsdetail-topic {
    font-size: 27px;
}
.media-video-all figure.effect-media {
    width: 100%;
    margin-left: 0;
}
.media-video-all {
    width: 90%;
    margin: 0 auto;
}
.item-topic {
    font-size: 30px;
    top: 34%;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 90%;
    height: 85%;
}
.interview-brief {
    font-size: 24px;
	margin: 0 0 20px 0;
}
p.staff-opinion span {
    width: 85%;
    font-size: 20px;
}
.staff-position {
    margin: 10px 0 0 0;
    font-size: 23px;
}
p.staff-opinion {
    margin: 10px 0;
}
.staff-name {
    font-size: 25px;
}
p.staff-opinion {
    margin: 10px 0;
    height: 165px;
    overflow: auto;
}
.staff-name {
    font-size: 25px;
    line-height: 25px;
}
.interview-txt {
    padding: 25px 25px 0 25px;
}
ul.benefit-box-list li {
    font-size: 21px;
}
.benefit-box-right {
    padding: 25px 45px;
}
.export-mbtxt h2 {
    font-size: 27px;
    line-height: 25px;
}
.circle-mn2 {
    width: 180px;
    height: 180px;
    font-size: 24px;
    line-height: 25px;
    top: 40px;
    left: 33%;
}
.interbiz-content .property-box {
    width: 25%;
    margin-bottom: 20px;
}
.interbiz-content .property-box img {
    margin-bottom: 10px;
}
.interbiz-content .brief-box {
    margin: 30px 0 0 0;
}
.interbiz-content .property-row {
    margin-top: 30px;
}
}

/*------------------------End---------------------------*/


/* 533px*/	
		
@media screen and (max-width: 533px) {
}

/*------------------------End---------------------------*/


/* 480px*/	
		
@media screen and (max-width: 480px) {
.fancybox-content {
    width: 100% !important;
    height: auto !important;
}
.policy-ad-txt {
    width: 90%;
}
.policy-ad-txt p {
    font-size: 34px !important;
}
.vs-ad2 .policy-ad-txt {
    width: 65%!important;
}
.box-text {
    width: 70%;
}
.box-icon {
    width: 27%;
}
.box-icon img {
    width: 80px;
}
ul.philo-boxall {
    margin-bottom: 50px;
}
ul.philo-boxsec li {
    width: 30%;
    padding: 0;
    margin-right: 18px;
}
ul.board-box {
    width: 100%;
}
ul.board-box li {
    margin-left: 15px;
    width: 46%;
}
.head-board {
    width: 32%;
}
ul.board-box li {
    margin: 0 0 5px 5px;
    width: 32%;
}
.board-name {
    font-size: 17px;
}
.board-name span {
    font-size: 16px;
}
.brand-box {
    width: 48%;
}
.logo-mb {
    width: 30%;
}
.brand-hilight {
    font-size: 45px;
}
.brief-txt p {
    font-size: 21px;
}
.property-box {
    margin: 0 25px;
    font-size: 22px;
}
ul.product-box li {
    width: 45%;
    margin-left: 23px;
}
h2.brand-name, h2.brand-name span {
    font-size: 31px !important;
}
.logo-product {
    width: 30%;
    padding-right: 25px;
}
.logo-brand-export {
    width: 32%;
}
h3.company-contact-name {
    font-size: 24px;
    margin-bottom: 5px;
}
.package-size-box h3 {
    font-size: 24px;
}
ul.news-menu {
    width: 100%;
}
ul.news-menu li {
    width: 30%;
}
ul.news-menu li.video {
    width: 24%;
}
.ex-contact {
    width: 90%;
}
.clear-mb {
	display: block;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 90%;
    height: 60%;
    top: 10px;
    left: 10px;
}
.item-topic {
    top: 16%;
}
.block-sitemap {
    width: 100%;
}
.contact-content h3.contact-head {
    font-size: 29px !important;
}
.contact-boxsmall a {
    width: 32.5%;
}
.contact-boxsmall a {
    padding: 30px;
}
.boxsmall-icon {
    margin-bottom: 10px;
}
.ir-mainmenu-box a {
    padding: 22px 20px;
    font-size: 24px;
}
.ir-mainmenu-box a img {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.ir-data-brief p span {
    font-size: 31px;
}
ul.fnc-report-box li {
    width: 46%;
    margin-left: 19px;
}
ul.fnc-report-box {
    width: 100%;
    margin: 0 auto;
}
ul.fnc-report-box li, ul.fnc-report-box li a {
    width: 100%;
    margin: 0;
}
ul.fnc-report-box li {
    margin-bottom: 20px;
}
#form-contact {
    width: 72% !important;
    padding: 20px 10px 10px 10px;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    height: 85%;
    top: 20px;
    left: 19px;
}
.item-topic {
    top: 25%;
}
.taro-bg, .coryfinc-bg, .kk-bg {
    background-size: cover;
}
.person-pic {
    width: 40%;
}
.interview-txt {
    width: 60%;
}
.staff-position {
    margin: 5px 0 0 0;
}
p.staff-opinion {
    height: 120px;
}
.circle-mn2 img {
    width: 50px;
    height: 50px;
}
.circle-mn2 {
    width: 140px;
    height: 140px;
    font-size: 18px;
    line-height: 20px;
    top: 37px;
    left: 34%;
}
.export-mnbox {
    width: 48%;
}
.manage-content ul.board-box li {
    width: 32%;
}
ul.media-cate-tab li {
    width: 26%;
}
.taro-row {
    padding-left: 5px;
}
.property-box-long {
    margin-right: 25px;
    width: 15%;
    font-size: 20px;
}
.interview-title {
	font-size: 47px!important;	
}
ul.map-subject li {
    width: 33%;
}
.interbiz-content .property-box {
    width: 30%;
}
.interbiz-content .property-box img {
    width: 60%;
}
.manage-content ul.board-box li {
    margin: 0 0 20px 5px;
    float: left;
}
}

/*------------------------End---------------------------*/


/* 414px*/	

@media screen and (max-width: 428px) {
#sustain .sustain ol li, #sustain .sustain .container-full .container-row ol li{
  font-size: 20px;
  line-height: 25px;     
}
#sustain .sustain .development .box-white .message ol li {
    font-size: 20px;
}
 
.footer-right {
    font-size: 12px;
}
.content {
    width: 90%;
}
.close-back img {
    width: 25px;
    height: 25px;
}
h1.title-txt {
    font-size: 39px;
}

h2.title-sub {
    font-size: 31px;
	margin: 35px 0 15px 0 !important;
}
.about-brief {
    font-size: 23px;
    line-height: 24px;
}
ul.mission-box li {
    font-size: 24px;
    line-height: 25px;
}
.policy-ad-txt h2.title-sub {
    line-height: 35px;
    margin-bottom: 5px !important;
    font-size: 31px;
	margin-top: 0 !important;
}
.policy-ad-txt p {
    font-size: 31px !important;
    line-height: 30px;
}
.policy-ad {
    padding: 25px 0;
}
.vs-ad1 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}
.vs-ad2 .policy-ad-txt {
    width: 65% !important;
}
h3.title-txt {
    font-size: 31px;
	font-family: 'psl_kittithada_probold';
	line-height: 27px;
}
.column-box-right {
    margin: 30px 0 0 0 !important;
}
.button-mb {
    right: 10px!important;
}
#menumobile #head-mobile {
    padding-right: 50px!important;
}
.mile-year {
    font-size: 31px;
}
ul.philo-boxsec li {
    width: 29%;
    margin-right: 20px;
}
.about-philo-left h3, .about-philo-right h3 {
    font-size: 31px !important;
}
h1.title-txt {
    padding: 30px 0 15px 0;
}
.box-icon img {
    width: 60px;
}
.box-icon {
    width: 30%;
}
.box-text {
    width: 68%;
}
.box-st-txt h3 {
    font-size: 23px;
	line-height: normal;
}
.box-st-txt {
    width: 43%;
}
.st-btn {
    width: 70px;
}
.mb-btn a {
    padding: 10px 0;
}
.st-boxhead img {
    width: 130px;
}
.head-board {
    width: 48%;
}
ul.board-box li {
    margin: 0 0 5px 5px;
    width: 48%;
}
.board-name {
    font-size: 21px;
}
.board-name span {
    font-size: 20px;
}
.brand-box {
    width: 100%;
    margin: 0 0 10px 0;
}
.export-content .brand-box {
    margin-bottom: 10px;
}

.brand-box-half {
    width: 100%;
    margin: 0;
}
.brand-half {
    width: 100%;
    margin-bottom: 10px !important;
}
.product-content h1.title-txt {
    padding: 20px 0;
}
.brand-hilight {
	line-height: 25px;
}
.brief-txt p {
    font-size: 23px;
}
.taro-bg {
    padding-top: 0;
}
.property-box {
    margin: 0 17px;
    font-size: 20px;
    width: 24%;
}
ul.product-box li {
    width: 45%;
}
.ad-head {
    display: none;
}
.ad-head-mb {
    display: block!important;
}
.ad-head-mb img {
    width: 100%;
}
.about-content .ad-head {
    display: block!important;
}
.productlist-bg {
    margin-bottom: 40px;
}
ul.product-box li {
    width: 44%;
}
.product-name {
    font-size: 20px;
}
h2.brand-name, h2.brand-name span {
    font-size: 34px !important;
	line-height: 25px!important;
}
.brand-txt h1, .brand-txt h1 span {
    font-size: 35px !important;
}
.brand-txt p {
    font-size: 23px !important;
}

.logo-product {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
	text-align: center;
}
.logo-brand img {
    width: 50%;
}
.brand-txt span {
    font-size: 37px!important;
	line-height: 30px;
}
.brand-txt span {
    font-size: 37px!important;
	line-height: 30px;
}
.export-brief {
    font-size: 24px;
	line-height: 27px;
}
.export-content {
    padding-bottom: 70px!important;
}
.contact-in-mb {
	right: 0;
}
.product-detail-pic {
    width: 80%;
}
.btn-pd-gallery a {
    font-size: 23px;
}
.detail-box table {
    width: 100%;
}
.detail-box {
    width: 100%;
}
h3.company-contact-name br {
	display: block;
}
.company-contact {
    margin: 10px 0;
    margin-left: -20px;
    width: 111%;
}
.title-preface h3, .title-preface h3 span {
    font-size: 37px;
}
.distributor-brief p {
    font-size: 24px;
}
ul.map-subject li {
    font-size: 24px;
}
ul.news-box {
    width: 100%;
}
.box-text-news {
    padding: 15px 20px;
}
ul.news-menu {
    width: 80%;
}
ul.news-menu li {
    width: 100%;
}
ul.news-menu li.video {
    width: 100%;
}
ul.news-menu li a span {
    width: 37px;
}
ul.news-menu li a img {
    width: 35px;
}
.news-detail-content {
    width: 100%;
}
.ex-contact {
    width: 100%;
}
h3.contact-head {
    font-size: 24px !important;
}
p.telcontact img, p.mailcontact img {
    width: 25px;
}
.ex-contact-box {
    padding: 19px;
}
.news-topic {
    font-size: 21px;
    line-height: normal;
}
.media-video-all figure.effect-media {
    width: 100%;
    margin-left: 0;
	margin-bottom: 20px;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    width: 89%;
    height: 84%;
    top: 20px;
    left: 20px;
}
.item-topic {
    top: 30%;
}

.head-title {
    font-size: 39px;
    color: #37b1ec;
}
.head-title img {
    display: none;
}
.nonav {
    padding: 30px 0!important;
}
.contact-box {
    width: 100%;
}
.contact-boxsmall a {
    width: 100%;
	text-align: left;
	font-size: 27px;
}
.contact-boxsmall a br {
    display: none;
}
.contact-content h3.contact-head {
    font-size: 27px !important;
}
.contact-boxbig p {
    font-size: 23px;
}
.hide-414 {
	display: none;
}
.show-414, #form-contact {
	display: block!important;
}
ul.contact-form, .contact-boxsmall a, .contact-boxbig {
	background: rgba(255,255,255,0.9);
}
ul.contact-form li {
    font-size: 15px 0!important;
}
ul.contact-form h1 {
	font-size: 27px;
	color: #37b1ec;
	margin-bottom: 15px;
}
.contact-secu-code {
    width: 70%;
}
.contact-re-code, .contact-re-code .fa-lg {
    font-size: 20px;
    vertical-align: middle;
    margin-top: 0;
}
ul.contact-form li {
    font-size: 20px;
}
.irbox-left {
    width: 90%;
}
.ir-tradebox, .ir-menu-etc {
    width: 100%;
}
.ir-mainmenu-box a {
    padding: 20px;
}
.ir-tradebox {
    padding: 30px 0;
    height: unset;
}
.ir-title-preface h1, .ir-title-preface h1 span {
    font-size: 39px;
	color: #37b1ec;
	font-family: 'psl_kittithada_probold';
}
.ir-title-preface img {
    display: none;
}
.ir-mainmenu-box a {
    font-size: 27px;
}
img.pic-left, img.pic-right {
    width: 100% !important;
	margin: 0 auto;
    margin-bottom: 10px;
}
.topic, .topicselect {
    padding: 10px 25px 10px 15px;
}
ol.subject {
    padding: 0;
}
.txt-indent {
    padding: 5px 0 5px 10px;
}
.ir-data-brief p {
    margin: 10px 0;
}
ul.book-ir li a {
    display: inline;
}
.ir-data-pdf a {
    font-size: 23px;
	line-height: normal;
}
.shareholder-box th {
    font-size: 20px;
}
.shareholder-box table {
    font-size: 11px;
}
.shareholder-table {
    overflow-x: auto;
}
.finance-box td {
    padding: 10px 5px;
}
.shareholder-box td {
    padding: 5px;
}
.shareholder-box th:first-child {
    padding: 0!important;
}
.sharhold-box-select select {
    width: 100%;
    margin: 0;
}
.sharhold-box-left {
    width: 65%;
}
.sharhold-box-select {
    width: 30%;
    float: right;
}
.sharhold-box-left {
    font-size: 27px;
    line-height: normal;
}
.sharhold-content {
    width: 100%;
    padding-bottom: 50px;
}
.sharhold-content ul.contact-form li, .sharhold-content .contact-re-code, .sharhold-content .contact-re-code .fa-lg {
    font-size: 14px;
}
.sharhold-content .contact-secu-code {
    width: 75%;
}
#form-contact {
    width: 100% !important;
	padding: 0!important;
}
#form-contact .contact-secu-code {
    width: 75%;
}
.head-title {
    margin-bottom: 15px;
}
.mb-btn a {
    padding: 5px 0;
}

.ir-content-sub h1 .title-txt {
    font-size: 33px!important;
}
h2.ir-title {
    padding: 0 0 15px 0;
    font-size: 27px;
}
.ir-content-sub #nav-menu-mb {
    margin: 0 0 15px 0!important;
}
.lb-outerContainer {
    width: 80% !important;
}
.lb-nav a.lb-next {
    right: -15px;
}
.lb-nav a.lb-prev {
    left: -15px;
}
h2.philo-head {
    font-size: 31px;
	line-height: normal;
}
.vs-ad1 .policy-ad-txt p {
    font-size: 28px !important;
}
.about-philo-left p, .about-philo-right p {
    font-size: 23px;
	line-height: 24px;
}
.ex-contact-box {
    font-family: 'psl_kittithada_probold';
}
.media-video-all {
    width: 100%;
}
.item-topic {
    font-size: 27px;
}
.ir-content-sub h1.title-txt {
    font-size: 37px;
}
.ir-content-sub h1.title-txt br {
	display: block;
}
.logo-brand-export {
    width: 100%;
	text-align: center;
	padding-bottom: 20px;
	padding-right:0;
}
.logo-brand-export img {
    width: 50%;
}
.interview-brief {
    line-height: 25px;
}
.interview-brief {
    font-size: 21px;
}
.interview-brief-sub {
    font-size: 20px;
}
.person-pic {
    width: 100%;
}
.interview-txt {
    width: 100%;
}
.arrow-right, .arrow-left {
	display: none;
}
p.staff-opinion {
    height: auto;
	overflow: unset;
}
p.staff-opinion span {
    width: 90%;
}
.interview-txt {
    padding: 25px;
}
.lang img {
    width: 100%;
    height: auto;
	vertical-align: middle;
}
.lang {
	display: none;
}
.lang-mb {
	display: block !important;}
.lang-mb .lang {
	width: 30px;
	height: 30px;
    display: block !important;
    position: relative;
    float: left;
	margin-top: 0;
	padding: 0;
	margin-right: 15px;
}
.lang-mb .lang.homepage {
	width: 25px !important;
	height: 25px !important;
}
.lang:hover {
    background: unset;
}
.benefit-box-right {
    padding: 25px 30px;
}
.benefit-box-right br {
    display: block;
}
.show-inter-mb {
	display: block!important;
}
.inter-mb {
	padding: 0 0 50px 0!important;	
}
.circle-mn2 {
    display: none;
}
.export-mnbox {
    width: 100%;
}
.export-mbtxt h2 {
    font-size: 50px;
    line-height: 40px;
}	
.btn-bbook a {
    width: 130px;
	text-align: unset;
}
.manage-content ul.board-box li {
    width: 48%;
}
ul.media-cate-tab li {
    width: 30%;
    font-size: 24px;
}
.ad-head .about-brief {
    padding-top: 0;
}
.move-mb {
	margin-top:0!important;
}
.property-box-long {
    width: 18%;
    font-size: 20px;
    float: unset;
    margin: 0 auto;
    display: inline-block;
    margin-right: 5px;
}
.property-box-long img {
    margin-bottom: 5px;
    padding: 0 5px;
}
.interview-title {
    font-size: 41px !important;
}
.interbiz-content .property-box {
    width: 32%;
}
.interbiz-content .logo-brand-export {
    margin: 0;
    display: block;
    width: 100%;
}
.interbiz-content h2.brand-name {
    line-height: 32px !important;
}
.none-in414{
	display: none;
}
.manage-content ul.board-box li {
    margin: 0 0 5px 5px;
}
.bord-popup-box h1 {
    font-size: 31px;
}
.bord-popup-box h2 {
    font-size: 27px;
}
.bord-popup-box span {
    width: 100%;
}
}
/*------------------------End---------------------------*/



/* 375px*/

@media screen and (max-width: 375px) {
.policy-ad-txt h2.title-sub {
    font-size: 31px;
}
ul.mission-box li, .btn-bbook a {
    font-size: 23px;
}
.btn-top {
    bottom: 100px;
}
.vs-ad2 .policy-ad-txt {
    width: 75% !important;
}
ul.vs-contact-box li {
    background: url(../images/icon/bullet-trapezoid.png) no-repeat left 18px;
    background-size: 11px;
    color: #37b1ec;
    font-size: 27px;
}
#about-last-topic .about-column {
    margin: 0 !important;
}

h1.title-txt {
    font-size: 37px;
}
.about-philo-left h3, .about-philo-right h3 {
    margin: 35px 0 15px 0 !important;
}
.about-philo-right ul li {
    font-size: 23px;
}
.philo-boxhead img {
    width: 90px;
}
ul.philo-boxsec li {
    margin-right: 17px;
}
.box-text h3 {
    font-size: 25px;
	line-height: normal;
}
.box-text p {
    font-size: 23px;
	margin: 0;
}
ul.philo-boxall li {
    padding: 30px 10px 30px 30px;
}
.box-st-icon {
    width: 52%;
}
.box-st-txt {
    width: 45%;
}
ul.st-boxall li {
    padding: 30px 15px;
}
.mb-btn a {
    font-size: 22px;
}
.board-name {
    font-size: 24px;
	padding: 15px 0;
}
.board-name span {
    font-size: 22px;
	margin-top: 5px;
}
.brand-hilight {
    font-size: 40px;
}
.property-box {
    margin: 0 13px;
    width: 25%;
}
ul.product-box li {
    width: 43%;
}
.brand-hilight {
	margin-top: 5px!important;	
}
.btn-contact-inter {
    top: -73px;
}
.product-detail-pic {
    width: 100%;
}
.newsdetail-topic {
    font-size: 24px;
    line-height: normal;
}
.ex-contact-box {
    padding: 20px;
}
h3.contact-head {
    font-size: 24px!important;
}
.secu-code {
    width: 42% !important;
}
.contact-boxbig {
    padding: 20px;
}
.contact-content h3.contact-head {
    font-size: 24px !important;
}
.contact-boxbig p {
    font-size: 20px;
}
.contact-boxsmall a {
    padding: 20px;
}
.contact-secu-code {
    width: 45%;
}
.contact-secu-pic {
	width: 100px;
    margin: 0 5px;
}
h2.ir-title {
    padding: 20px 0;
}
.sharhold-content .contact-secu-code {
    width: 100%;
}
.sharhold-content h1.title-txt {
    font-size: 31px;
}
.sharhold-content ul.contact-form {
    padding: 0 !important;
}
.sharhold-content p.mailcontact {
    margin-bottom: 15px;
}
.ex-contact-box p {
    font-size: 22px;
}
#txtcode{
	width: 45%!important;
}
#form-contact .contact-secu-code {
    width: 100%;
	margin-top: 10px;
}
.vs-ad1 .policy-ad-txt p {
    font-size: 24px !important;
}
h3.title-txt br {
    display: none;
}
h2.philo-head span {
    margin-top: -5px;
}
ul.contact-form li {
    font-size: 17px;
}
.item-topic {
    top: 22%;
	font-size: 25px;
}
.topic, .topicselect {
    padding: 5px 10px;
}
.finance-box th {
    font-size: 24px;
}
.manage-content ul.board-box li {
    width: 100%;
}
ul.media-cate-tab li {
    width: 29%;
    font-size: 20px;
}
.interview-title {
    font-size: 37px !important;
}
.interbiz-content .property-box {
    font-size: 21px;
}
.head-board, ul.board-box li, .manage-content ul.board-box li {
    margin: 0 0 15px 0;
	width: 100%;
}
}

/*------------------------End---------------------------*/


/* 360px*/	
		
@media screen and (max-width: 360px) {
.policy-ad {
    padding: 5px 0;
}
ul.board-box li {
    margin-left: 0;
    width: 100%;
}
.head-board {
    width: 100%;
}
.brand-hilight span {
    font-size: 30px;
}
.property-box {
    margin: 0 10px;
    width: 27%;
}
h2.brand-name, h2.brand-name span {
    font-size: 30px !important;
}
h3.company-contact-name {
    font-size: 23px;
}
.package-size-box h3 {
    font-size: 23px;
}
.title-preface h3, .title-preface h3 span {
    font-size: 31px;
}
.distributor-brief .title-preface {
    padding: 0;
}
.distributor-brief p {
    margin-top: 5px;
    line-height: 25px;
}
ul.news-menu li a span {
    font-size: 24px;
}
.exportnews-content {
    padding-bottom: 80px!important;
}
h3.contact-head {
    font-size: 23px !important;
}
p.telcontact {
    font-size: 20px;
	margin-bottom: 10px;
}
p.mailcontact {
    font-size: 23px;
	margin-bottom: 0;
}
.newsdetail-txt {
    padding: 20px;
}
.interview-txt {
    padding: 15px;
}

p.telcontact img, p.mailcontact img {
    width: 20px;
	margin-bottom: 0;
}

h2.ir-title {
    font-size: 24px;
}
.ir-content-sub .select-style select {
    font-size: 20px!important;
}
ul.ir-data li {
    font-size: 20px;
}
ul.benefit-box-list li {
    font-size: 19px;
}
.benefit-box-right {
    padding: 20px;
}
.taro-row {
    padding-left: 0;
	text-align: center;
	width: 80%;
	margin: 0 auto !important;
}
.property-box-long {
    width: 27%;
    margin: 0 5px 15px 5px;
}
ul.map-subject {
    margin: 20px 0 15px 0;
}
.interbiz-content h2.brand-name, .interbiz-content h2.brand-name span {
    font-size: 32px !important;
}
}

/*------------------------End---------------------------*/


/* 320px*/	
		
@media screen and (max-width: 320px) {
.sitemap-icon a, .lang {
    padding: 6px;
    height: 32px;
    width: 35px;
}
.button-mb {
    width: 35px!important;
    height: 32px!important;
}
#menumobile #head-mobile {
    padding-right: 50px!important;
}
.sitemap-icon a img {
    width: 18px !important;
    height: 18px!important;
	margin-top: 1px;
}
.button-mb:before {
    top: 8px!important;
    right: 5px!important;
}
.button-mb:after {
    top: 15px!important;
    right: 5px!important;
}
.button-mb.menu-opened:after {
	top: 15px!important;
}
.button-mb.menu-opened:before {
	top: 15px!important;
}
.sitemap-icon a img.picactive {
    vertical-align: unset;
}
.content {
    width: 92%;
}

ul.mission-box li {
    font-size: 21px;
    line-height: normal;
}
.btn-bbook a {
    width: 125px;
	font-size: 21px;
}
ul.mission-box li {
    background: url(../images/icon/bullet-trapezoid.png) no-repeat left 8px;
    background-size: 11px;
}
.policy-ad-txt {
    width: 100%;
}
.policy-ad-txt span {
    font-size: 55px!important;
}
.policy-ad-txt h2.title-sub {
    font-size: 31px;
}

ul.policy-box li {
    background: url(../images/icon/bullet-trapezoid.png) no-repeat left 15px;
    background-size: 11px;
}
ul.vs-contact-box li {
    font-size: 25px;
}
.column-box-right {
    margin: 15px 0 0 0 !important;
}
.mile-txt, .mile-txt-right {
    padding: 15px 20px;
}
.mile-year {
    font-size: 27px;
}
.box-mile-detail ul li, .box-mile-detail-right ul li {
    font-size: 21px;
}
ul.philo-boxsec li {
    margin-right: 15px;
}
ul.philo-boxall li {
    padding: 30px 15px;
}
.box-icon img {
    width: 50px;
}
.box-st-txt h3 {
    font-size: 22px;
}
.brand-hilight {
    font-size: 30px;
}
.property-box {
    margin: 0 6px;
    width: 29%;
}
.product-name {
    padding: 10px 5px;
}
ul.product-box li {
    width: 42%;
	margin-bottom: 10px;
}
.product-name {
    padding: 10px 5px;
	min-height: 85px;
}

.btn-milestone {
    font-size: 20px;
    width: 125px;
}
.btn-contact-inter {
    padding: 10px 15px;
}
.title-preface h3, .title-preface h3 span {
    font-size: 29px;
}
.distributor-brief p {
    font-size: 23px;
}

.topic {
    padding: 10px;
}
ul.map-data li {
    font-size: 24px;
}
h3.contact-head {
	margin-bottom: 10px !important;
	font-size: 24px !important;
}

p.telcontact img, p.mailcontact img {
    width: 20px;
	margin-right: 10px;
}
p.staff-opinion img {
    width: 15px;
}
.group-content h1.title-txt {
    font-size: 33px;
}
.contact-content h3.contact-head {
    font-size: 22px !important;
}
.contact-boxbig p {
    font-size: 18px;
    line-height: normal;
}
.contact-boxsmall a {
    font-size: 24px;
}
.contact-boxsmall a img {
    width: 40px !important;
}
.boxsmall-icon {
    width: 50px;
}
.contact-secu-code {
    width: 100%;
    margin-top: 10px;
}

.contact-re-code .fa-lg {
    font-size: 18px;
}
.contact-secu-pic {
    width: 100px;
    margin: 0 5px 0 0;
}
ul.contact-form h1 {
    font-size: 24px;
}
.ir-data-brief p span {
    font-size: 27px;
}
.sharhold-content h3.contact-head {
    font-size: 22px !important;
}
.fancybox-show-buttons .fancybox-buttons {
    right: 5px !important;
    top: 10px;
}
.fancybox-content {
    height: 60% !important;
}
h3.title-txt {
    font-size: 30px;
}
ul.contact-form li {
    font-size: 20px;
}
figure.effect-media figcaption::before, figure.effect-media figcaption::after {
    top: 15px;
    left: 15px;
}
.item-topic {
    top: 19%;
    font-size: 23px;
}
ul.benefit-box-list li {
    font-size: 17px;
}
ul.media-cate-tab li {
    width: 28%;
    font-size: 18px;
    padding: 5px;
}
.taro-row {
    width: 90%;
}
.interview-title {
    font-size: 33px !important;
}
ul.map-subject li {
    width: 50%;
	background: url(../images/icon/bullet-trapezoid.png) no-repeat left 5px;
	padding: 0 0 10px 20px;
	background-size: 11px;
}
.interbiz-content .property-box {
    width: 40%;
    margin-bottom: 15px;
}
#management-team .board-name span {
    font-size: 20px;
}
.bord-popup-box {
    padding: 20px !important;
}
}
/*------------------------End---------------------------*/