@charset "utf-8";
/* CSS Document */
html {max-width: 1920px; margin: 0 auto;}
body {font-size: 15px!important;font-weight: 400!important; position: relative;background: #077572;
    color: #4a4a4a!important; margin: 0 auto!important; font-family: 'Noto Sans Thai', sans-serif!important;overflow-x: hidden;}
* {box-sizing: border-box;}
.into-content {width: 90%;max-width: 1920px;margin: 0 auto;position: relative;}
.wrap-middle {display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;min-height: 100vh;}
.boximg {display: block;margin: 0 auto 0 auto;text-align: center;max-width: 100%;}
.boximg img {width: auto;max-width: 100%;margin: 0 auto;}
.intro-mb {display: none;}
.btn-intro {display: flex;flex-wrap: wrap;justify-content: center;width: 100%}
.btn-intro a {display: inline-block;width: 190px;margin: 15px 5px;background: #077572;padding: 10px 15px 10px 15px;
text-align: center;color: #fff;font-family: 'Noto Sans Thai', 'Prompt', sans-serif;font-size: 20px;border: 1px solid #fff;
text-decoration: unset;border-radius: 25px}
.btn-intro a:hover {color: #077572;background: #fff;}
.box-btn {position: relative;width: 100%}
.lang-intro {position: absolute;right: 0;top:50%;transform: translate(0, -50%)}
.lang-intro a {color: #fff;font-size: 16px;text-transform: uppercase;padding: 5px 0 5px 15px;outline: none;font-weight: 500;
    text-decoration: unset;}
.lang-intro a:last-child {margin-left: 15px!important;border-left: 1px solid #DEDEDE;}
.lang-intro a:hover,.lang-active {color: #D4AA24!important}
@media only screen and (max-width: 1366px) {
    .btn-intro a {font-size: 16px;width:180px}
}
@media only screen and (max-width: 480px) {
    .intro-pc {display: none;}
    .intro-mb {display: block;}
    .boximg {margin: 0 auto;}
    .wrap-middle {
  align-content: flex-start;
  align-items: flex-start;
  min-height: unset;
}
.btn-intro a {
    width: 195px;
    margin: 15px auto 0 auto;
  }
}
@media only screen and (max-width:390px) {
    .btn-intro a {width:145px;}
}