html{
    background-color: #FFFFFF;
}
.v7{
    --p4-padding:40px 0 0;
    --p6-padding:60px 0;
    --p7-padding:30px 0 calc(40px - 18px);
    --p9-padding:60px 0;
    --p10-padding:0 0 60px;
    --p11-padding:60px 0;
}
html:lang(th) .v7{
    --p4-padding:40px 0 50px;
}
.wrap{
    overflow: unset;
}
u{
    text-decoration:none
}
.big-stroke{
    text-shadow:
    -1.61px -2.42px 0px #fff,
    -1.61px -2.02px 0px #fff,
    -1.61px -1.61px 0px #fff,
    -1.61px -1.21px 0px #fff,
    -1.61px -0.81px 0px #fff,
    -1.61px -0.40px 0px #fff,
    -1.61px 0px 0px #fff,
    -1.61px 0.40px 0px #fff,
    -1.61px 0.81px 0px #fff,
    -1.61px 1.21px 0px #fff,
    -1.61px 1.61px 0px #fff,
    -1.61px 2.02px 0px #fff,
    -1.61px 2.42px 0px #fff,
    -0.81px -2.42px 0px #fff,
    -0.81px -2.02px 0px #fff,
    -0.81px -1.61px 0px #fff,
    -0.81px -1.21px 0px #fff,
    -0.81px -0.81px 0px #fff,
    -0.81px -0.40px 0px #fff,
    -0.81px 0px 0px #fff,
    -0.81px 0.40px 0px #fff,
    -0.81px 0.81px 0px #fff,
    -0.81px 1.21px 0px #fff,
    -0.81px 1.61px 0px #fff,
    -0.81px 2.02px 0px #fff,
    -0.81px 2.42px 0px #fff,
    0.81px -2.42px 0px #fff,
    0.81px -2.02px 0px #fff,
    0.81px -1.61px 0px #fff,
    0.81px -1.21px 0px #fff,
    0.81px -0.81px 0px #fff,
    0.81px -0.40px 0px #fff,
    0.81px 0px 0px #fff,
    0.81px 0.40px 0px #fff,
    0.81px 0.81px 0px #fff,
    0.81px 1.21px 0px #fff,
    0.81px 1.61px 0px #fff,
    0.81px 2.02px 0px #fff,
    0.81px 2.42px 0px #fff,
    1.61px -2.42px 0px #fff,
    1.61px -2.02px 0px #fff,
    1.61px -1.61px 0px #fff,
    1.61px -1.21px 0px #fff,
    1.61px -0.81px 0px #fff,
    1.61px -0.40px 0px #fff,
    1.61px 0px 0px #fff,
    1.61px 0.40px 0px #fff,
    1.61px 0.81px 0px #fff,
    1.61px 1.21px 0px #fff,
    1.61px 1.61px 0px #fff,
    1.61px 2.02px 0px #fff,
    1.61px 2.42px 0px #fff;
}
.stroke{
    text-shadow:
    -0.40px -0.81px 0px #ffffff,
    0px -0.81px 0px #ffffff,
    0.81px -0.81px 0px #ffffff,
    -0.40px -0.40px 0px #ffffff,
    0px -0.40px 0px #ffffff,
    0.81px -0.40px 0px #ffffff,
    -0.40px 0px 0px #ffffff,
    0px 0px 1.21px #ffffff,
    0.81px 0px 0px #ffffff,
    -0.40px 0.40px 0px #ffffff,
    0px 0.40px 0px #ffffff,
    0.81px 0.40px 0px #ffffff,
    -0.40px 0.81px 0px #ffffff,
    0px 0.81px 0px #ffffff,
    0.81px -0.81px 0px #ffffff;
}
span.block,
small.block{
    display: block;
}
span.italic{
    font-style: italic;
}
.heartbeat{
    animation: heartbeat 2s infinite;
    transform-origin: center;
}
.heartbeat:hover{
    animation-play-state: paused;
}

/* end all setting */

.p1{
    background-color: var(--msColor);
}
.p1 > .container{
    display: flex;
    margin: auto;
    min-height: 38px;
}
.p1 > .container > .p1-content-block{
    width: fit-content;
    margin: auto 0 auto auto;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
}
.p1 > .container > .p1-content-block > ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.p1 > .container > .p1-content-block > ul > li:not(:first-child) > a{
    padding-left: 7.5px;
}

/* end p1 */

.p2{
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}
.p2 > .container{
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}
.p2 > .container > .p2-content-block{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.p2 > .container > .p2-content-block > .p2-bars{
    display: none;
    font-family: "FontAwesome";
}
div.v7 .p2 > .container > .p2-content-block > .p2-bars::before{
    content: "\f0c9";
}
div.v7.menu--open .p2 > .container > .p2-content-block > .p2-bars::before{
    content: "\f00d";
}
.p2 > .container > .p2-content-block > .p2-menu{
    overflow: hidden;
}
.p2 > .container > .p2-content-block > .p2-menu > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.p2 > .container > .p2-content-block > .p2-menu > ul > li{
    display: block;
    padding: 0 20px;
}
.p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
}
.p2 > .container > .p2-content-block > .p2-menu > ul > li > a.icon-block > .icon{
    display: inline;
}

/* end p2 */

.p3{
    position: relative;
}
.p3 .p3-content-block{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.p3 .p3-content-block > .container{
    margin: auto;
    width: 95%;
}
.p3 .p3-title{
    display: grid;
    margin-bottom: 0;
}
.p3 .p3-title > *{
    margin: 0;
    font-weight: 700;
}
.p3 .p3-title > .p3-title-1,
.p3 .p3-title > .p3-title-2{
    color: #000000;
}
.p3 .p3-sub-title{
    margin-top: 0;
}
.p3 .p3-desc-block-1{
    position: relative;
    width: fit-content;
    margin: 5% 0 0;
    padding: 0;
    list-style: none;
}
.p3 .p3-desc-block-1 > li{
    margin: 0;
    line-height: 0;
}
.p3 .p3-desc-block-1::before{
    content: " ";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: calc(100% + 40px);
    background: linear-gradient(87.65deg, rgba(126, 203, 51, 0) 18.69%, rgba(126, 203, 51, 0.59) 50.9%, rgba(174, 222, 126, 0.372297) 78.88%, rgba(255, 255, 255, 0) 92.39%, rgba(255, 255, 255, 0) 60.25%, rgba(155, 215, 97, 0) 88.44%);
    background-blend-mode: multiply;
}
.p3 .p3-desc-block-1 > li  span{
    font-weight: 500;
    color: #000000;
    position: relative;
    z-index: 1;
}
.p3 .r2{
    display: flex;
    flex-wrap: wrap;
}
.p3 .p3-desc-block-2{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.p3 .p3-desc{
    display: flex;
    flex-direction: column;
    margin: auto 0 0 0;
}
.p3 .p3-desc > a{
    margin: auto;
    position: relative;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000000;
    transition: all 0.2s;
}
.p3 .p3-desc > a:first-child{
    margin: auto;
}
.p3 .p3-desc > a:hover{
    transform: scale(1.1009);
}
.p3 .p3-desc > a::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: calc(100% - 20px);
    border-radius: 10px;
    background: linear-gradient(to right, rgba(139, 228, 52, 0.65), rgba(71, 201, 1, 0.65));
    box-shadow: 0 7px 12.6px #0000009c;
}
.p3 .p3-desc > a > span{
    position: relative;
}

/* end p3 */

.p4{
    position: relative;
    padding: var(--p4-padding);
}
.p4::after{
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--msColor);
}
.p4 > .container{
    display: flex;
    flex-direction: column;
}
.p4 > .container > *{
    margin: auto;
}
.p4 .p4-title{
    color: #60AB44;
    display: flex;
    align-items: center;
}
html:lang(th) .p4 .p4-content-block > img,
.p4 .p4-title > img,
.p4 .p4-title > span{
    margin-right: 15px;
}
html:lang(th) .p4 .p4-title > span{
    margin-left: 15px;
}
html:lang(en) .p4 .p4-title > img{
    width: auto;
}
html:lang(th) .p4 .p4-content-block > img{
    width: auto;
    height: 100% !important;
}
.p4 .p4-desc{
    font-weight: 700;
}
html:lang(th) .p4 .p4-content-block{
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
html:lang(th) .p4 .p4-content-block > .p4-content-group{
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* end p4 */

.p5{
    background: #FFFFFF;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 20%, rgba(126, 203, 51, 1) 100%);
}
.p5 .row.r1{
    margin: 0;
}
.p5 > .row.r1 > .col-lg-6{
    width: 100%;
}
.p5 > .row.r1 > .col1{
    padding-top: 40px;
}
.p5 > .row.r1 > .col2{
    padding: 0;
    display: flex;
}
.p5 > .row.r1 > .col2 > *{
    margin: auto;
}
.p5 .p5-title-block{
    display: flex;
    flex-wrap: wrap;
}
.p5-title {
    margin: auto;
    position: relative;
    font-weight: 700;
    color: #FFFFFF; /* ชั้นบนสุด: เขียว */
    -webkit-text-stroke: 1px #A3A1A1; /* ไม่มี stroke ชั้นบนสุด */
    display: block;
}
  /* ชั้นบน */
.p5-title::before {
    content: attr(data-text);
    position: relative;
    -webkit-text-stroke: 1px #000000;
    display: block;
}
/* ชั้นล่าง */
.p5-title::after {
    content: attr(data-text);
    position: relative;
    -webkit-text-stroke: 1px var(--msColor);
    display: block;
}



.p5 .p5-detail-block{
    padding: 20px 15px;
    background: RGBA(255, 255, 255, 0.6);
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);
    border: 1px solid var(--msColor);
    position: relative;
    z-index: 1;
    margin: auto;
}
.p5 .p5-detail-block > p{
    text-indent: 40px;
}
.p5 .p5-detail-block > p:last-child{
    margin-bottom: 0;
}

/* end p5 */

.p6{
    position: relative;
    padding: var(--p6-padding);
}
.p6::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p6::after{
    content: " ";
    position: absolute;
    top: 0;
    right: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p6 .p6-title-block{
    background-color: #ffffff;
}
.p6 .p6-title-block > .container {
    display: flex;
    flex-direction: column;
}
.p6 .p6-title{
    position: relative;
    color: #000000;
    font-weight: 700;
}
.p6 .p6-title > span{
    font-weight: 400;
    margin: 0;
}
.p6 .p6-title-group > .img_block{
    margin-right: 5px;
}
.p6 .p6-title::after{
    content: " ";
    position: absolute;
    width: 22.95%;
    height: 2.15%;
    left: 38.525%;
    bottom: -10%;
    background-color: var(--msColor);
}
.p6 .p6-title-group{
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

/* end p6 */

.p7{
    padding: var(--p7-padding);
    background: #FFFFFF;
    background: linear-gradient(350deg,rgba(255, 255, 255, 1) 0%, rgba(126, 203, 51, 1) 100%);
}
.p7 > .p7-content-block > .carousel-p7 .item{
    padding-bottom: 20px;
}
.p7 .img_block{
    position: relative;
}
.p7 .p7-desc-block{
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
}
.p7 .p7-desc-block > .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid var(--msColor);
    box-shadow: 0px 5px 3px #818181;
    width: fit-content;
    margin: auto;
}
.p7 .p7-desc-block > .row > *{
    position: relative;
    display: ruby;
    align-items: center;
    margin: auto;
    padding: 20px;
}
.p7 .p7-desc-block > .row > .col1::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: #000000;
}
.p7 .p7-title{
    color: #000000;
    font-weight: 700;
    margin: auto;
    text-align: center;
}
.p7 .p7-title > span{
    text-align: end;
    font-weight: 500;
    line-height: 0px;
    color: #000000;
}
.p7 .p7-sub-title{
    color: #000000;
    font-weight: 500;
    text-align: center;
    line-height: 100%;
    margin: 0;
}
.p7 .p7-desc-block > .row > .col3 > .p7-title{
    margin: auto;
    color: var(--msColor);
}

/* end p7 */

.p8{
    border-top: 1px solid var(--msColor);
    border-bottom: 1px solid var(--msColor);
}
.p8 .r1{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.p8 .r1 > .col1{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.p8 .r1 > .col2{
    padding: 0;
}
.p8 .r1 > .col1 > .p8-content-block{
    margin: auto;
}
.p8 .p8-title{
    text-align: center;
    font-weight: 700;
}
html:lang(th) .p8 .p8-sub-title{
    margin: 0;
    font-weight: 700;
    color: #000000;
}
.p8 .p8-desc-1,
.p8 .p8-desc-2{
    color: #000000;
}
html:lang(th) .p8 .p8-desc-1{
    margin-bottom: 7.5%;
    font-weight: 700;
}
.p8 .p8-desc-2{
    font-weight: 700;
}
.p8 .p8-form-block > form > .row{
    margin: 0;
}
.p8 .p8-form-block{
    margin: 7.5% 0;
    padding: 20px 10px 15px;
    border: 1px solid var(--msColor);
}
.p8 .p8-form-block > form .form-group > .form-control{
    border: 1px solid var(--msColor);
    border-radius: 0;
}
.p8 .p8-form-block > form .form-group > .form-control:focus{
    border-color: var(--msColor);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(126, 203, 51, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(126, 203, 51, .6);
}
.p8 .p8-form-block > form .submit-btn-block{
    text-align: end;
}
.p8 .p8-form-block > form .submit-btn-block button{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    padding: 7px 50px;
    background-color: var(--msColor);
    border: 2px solid var(--msColor);
    float: right;
    border-radius: 50px;
}
.p8 .p8-form-block > form .submit-btn-block button:hover {
    background: unset;
    cursor: pointer;
    color: var(--msColor);
}

/* end p8 */

.p9{
    position: relative;
    padding: var(--p9-padding);
    border-bottom: 1px solid var(--msColor);
}
.p9::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p9::after{
    content: " ";
    position: absolute;
    top: 0;
    right: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p9 .p9-title-block{
    background-color: #ffffff;
}
.p9 .p9-title-block > .container {
    display: flex;
    flex-direction: column;
}
.p9 .p9-title{
    position: relative;
    color: #000000;
}
.p9 .p9-title-group > .img_block:first-child{
    margin-right: 10px;
}
.p9 .p9-title-group > .img_block:last-child{
    margin-left: 5px;
}
.p9 .p9-title::after{
    content: " ";
    position: absolute;
    height: 3.15%;
    bottom: -10%;
    background-color: var(--msColor);
}
html:lang(en) .p9 .p9-title::after{
    width: 12.95%;
    left: 43.525%;
}
html:lang(th) .p9 .p9-title::after{
    width: 36.95%;
    left: 31.525%;
}
.p9 .p9-title{
    font-weight: 700;
}
.p9 .p9-title-group{
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

/* end p9 */

.p10{
    position: relative;
    padding: var(--p10-padding);
    background: #FFFFFF;
    /* background: linear-gradient(360deg, rgba(255, 255, 255, 1) 39%, rgba(126, 203, 51, 1) 79%, rgba(255, 255, 255, 1) 95%); */
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 9%, rgba(126, 203, 51, 1) 59%, rgba(255, 255, 255, 1) 99%);
}
.p10 .p10-content-block{
    padding-left: 7.5%;
    padding-right: 7.5%;
}
.p10 .p10-content-block > .carousel-p10{
    border-left: 1px solid var(--msColor);
    border-right: 1px solid var(--msColor);
}

/* end p10 */

.p11{
    position: relative;
}
.p11 > .p11-content-block{
    width: 100%;
    height: 100%;
    display: flex;
}
.p11 > .p11-content-block > .p11-content{
    position: relative;
    margin: auto;
    padding: 20px 40px 40px;
}
.p11 > .p11-content-block > .p11-content .p11-title,
.p11 > .p11-content-block > .p11-content .p11-desc{
    position: relative;
}
.p11 > .p11-content-block > .p11-content .p11-title{
    text-align: center;
}
.p11 > .p11-content-block > .p11-content::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #FFFFFF;
}
.p11 > .p11-content-block > .p11-content .p11-desc{
    text-indent: 40px;
}
.p11 > .p11-content-block > .p11-content > .desc-1{
    margin-bottom: 3%;
}
.p11 > .p11-content-block > .p11-content > .desc-2{
    margin: 0;
}
.p11 .p11-title{
    color: #60AB44;
    font-weight: 700;
}
html:lang(th) .p11 .p11-title > small{
    font-size: 58.55%;
    color: #60AB44;
    font-weight: 700;
}


/* end p11 */

.p12{
    position: relative;
    padding: var(--p11-padding);
    /* border-bottom: 1px solid var(--msColor); */
}
.p12::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p12::after{
    content: " ";
    position: absolute;
    top: 0;
    right: 7.5%;
    height: 100%;
    width: 1px;
    background-color: var(--msColor);
}
.p12 .p12-title-block{
    background-color: #ffffff;
}
.p12 .p12-title-block > .container {
    display: flex;
    flex-direction: column;
}
.p12 .p12-title{
    position: relative;
    color: #000000;
    font-weight: 700;
}
.p12 .p12-title-group{
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
html:lang(th) .p12 .p12-title > span{
    display: block;
}
html:lang(th) .p12 .p12-title > span > u{
    color: var(--msColor);
}

/* end p12 */

.p13{
    background: #FFFFFF;
    background: linear-gradient(-350deg,rgba(255, 255, 255, 1) 0%, rgba(126, 203, 51, 1) 100%);
}
.p13 .p13-content-block{
    padding: 0 7.5%;
    border: 1px solid var(--msColor);
}
.p13 .p13-content-block > .r1{
    margin: 0;
    background: #FFFFFF;
}
.p13 .p13-content-block > .r1 > .col1{
    padding: 20px 15px 20px;
}
.p13 .p13-content-block > .r1 > .col2{
    padding: 0 30px 40px 0;
}
.p13 .p13-content-block > .r1 > .col1 > .r1-1{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.p13 .p13-content-block > .r1 > .col1 > .r1-1 > div{
    display: flex;
}
.p13 .p13-content-block > .r1 > .col1 > .r1-1 > div:first-child{
    padding-bottom: 20px;
}
.p13 .p13-content-block > .r1 > .col1 > .r1-1 > div > *{
    margin: auto;
}
.p13 .carousel-p13 .item{
    display: flex;
}
.p13 .carousel-p13 .item > *{
    margin: auto;
}

/* end p13 */

.p14{
    border-top: 1px solid var(--msColor);
    border-bottom: 1px solid var(--msColor);
    margin-bottom: 10%;
}
.p14 .r1{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.p14 .r1 > .col1{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.p14 .r1 > .col2{
    padding: 0;
}
.p14 .r1 > .col1 > .p14-content-block{
    margin: auto;
}
.p14 .p14-title{
    text-align: center;
    font-weight: 700;
}
html:lang(th) .p14 .p14-title{
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #60AB44;
    position: relative;
    width: calc(100% + 30px);
    padding: 20px 0;
    margin-bottom: 20px;
    border: 1px solid #7ECB33;
    border-left: none;
    border-right: none;
}
html:lang(th) .p14 .p14-title > span > .subheading{
    display: block;
    color: #000000;
    font-size: 58.18%;
    font-weight: 500;
}
html:lang(th) .p14 .p14-title > .highlight{
    margin-left: 15px;
    color: #FF860D;
}
.p14 .p14-desc-1,
.p14 .p14-desc-2{
    color: #000000;
}
.p14 .p14-desc-1{
    margin: 3.75% 0 11.25%;
}
.p14 .p14-desc-2{
    font-weight: 700;
}
.p14 .p14-form-block > form > .row{
    margin: 0;
}
.p14 .p14-form-block{
    margin: 3.75% 0 7.5%;
    padding: 20px 10px 15px;
    border: 1px solid var(--msColor);
}
.p14 .p14-form-block > form .form-group > .form-control{
    border: 1px solid var(--msColor);
    border-radius: 0;
}
.p14 .p14-form-block > form .form-group > .form-control:focus{
    border-color: var(--msColor);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(126, 203, 51, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(126, 203, 51, .6);
}
.p14 .p14-form-block > form .submit-btn-block{
    text-align: end;
}
.p14 .p14-form-block > form .submit-btn-block button{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    padding: 7px 50px;
    background-color: var(--msColor);
    border: 2px solid var(--msColor);
    float: right;
    border-radius: 50px;
}
.p14 .p14-form-block > form .submit-btn-block button:hover {
    background: unset;
    cursor: pointer;
    color: var(--msColor);
}

/* end p14 */

@media screen and (min-width:576px){
    .p2 > .container{
        min-height: 87px;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 16px;
        line-height: 32px;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 21.31px;
        line-height: 34.04px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 43.78px;
        line-height: 40.03px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 38.42px;
        line-height: 45.22px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 21.89px;
        line-height: 34.04px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 25.63px;
        line-height: 45.22px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 23px !important;
        height: auto !important;
    }
    .p3 .p3-desc-block-1::before{
        top: -10px;
        height: calc(100% + 20px);
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 15.38px;
        line-height: 24.48px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 20.62px !important;
        height: 16.82px !important;
    }
    .p3 .p3-desc > a{
        font-size: 12.79px;
        line-height: 33.98px;
    }
    html:lang(en) .p3 .p3-desc > a{
        padding: 0 5px;
    }
    html:lang(th) .p3 .p3-desc > a{
        padding: 0 10px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 6px;
    }
    .p3 .p3-desc > a::before{
        top: 2.5px;
        height: calc(100% - 5px);
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 33.03px;
        line-height: 51.68px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 24.80px;
        line-height: 51.68px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 51.19px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 69.20px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 56.44px;
        line-height: 51.68px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 46.52px;
        line-height: 51.68px;
    }
    .p4 .p4-desc{
        font-size: 18.65px;
        line-height: 62.50px;
    }
    html:lang(th) .p4 .p4-desc{
        line-height: 100%;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 56.44px;
        line-height: 51.68px;
    }
    .p5 .p5-detail-block{
        font-size: 12.40px;
        line-height: 18.05px;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 92.95px;
    }
    .p6 .p6-title{
        font-size: 49.60px;
        line-height: 48.01px;
    }
    .p6 .p6-title > span{
        font-size: 33.03px;
        line-height: 48.01px;
    }

    /* end p6 */

    .p7 .p7-title{
        font-size: 25.57px;
        line-height: 44.01px;
    }
    .p7 .p7-title > span{
        font-size: 12.83px;
    }
    .p7 .p7-sub-title{
        font-size: 19.20px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 372.30px;
    }
    html:lang(en) .p8 .p8-title {
        font-size: 61.90px;
        line-height: 71.94px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 47.92px;
        line-height: 69.65px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 28.49px;
        line-height: 39px;
    }

    .p8 .p8-desc-1 {
        font-size: 17.03px;
        line-height: 20.10px;
    }
    .p8 .p8-desc-2 {
        font-size: 17.03px;
        line-height: 20.10px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 71.96px;
    }
    .p9 .p9-title{
        font-size: 33.03px;
        line-height: 48.01px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 339.76px;
    }
    .p11 .p11-title{
        margin-top: -35.42px;
        margin-bottom: 10.91px;
        font-size: 43.70px;
        line-height: 40.01px;
    }
    html:lang(th) .p11 .p11-title{
        margin-top: -55.42px;
    }
    .p11 .p11-desc{
        font-size: 9.60px;
        line-height: 13.98px;
    }
    .p11 > .p11-content-block{
        position: absolute;
        top: 0;
        left: 0;
    }
    html:lang(th) .p11 .p11-title{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    html:lang(th) .p11 .p11-title > small{
        font-size: 58.55%;
        color: #60AB44;
        font-weight: 700;
        margin: 0 6% 0 auto;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 71.96px;
    }
    .p12 .p12-title{
        font-size: 33.03px;
        line-height: 48.01px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 372.30px;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 61.90px;
        line-height: 71.94px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 41.16px;
        line-height: 50.94px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 82.45px;
        line-height: 53.96px;
    }
    .p14 .p14-desc-1 {
        font-size: 17.03px;
        line-height: 20.10px;
    }
    .p14 .p14-desc-2 {
        font-size: 17.03px;
        line-height: 20.10px;
    }

    /* end p14 */
}
@media screen and (min-width:768px){
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 26px;
        line-height: 52px;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 28.42px;
        line-height: 45.39px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 58.37px;
        line-height: 53.38px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 51.23px;
        line-height: 60.29px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 29.18px;
        line-height: 45.39px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 34.18px;
        line-height: 60.29px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 20.51px;
        line-height: 32.64px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 27.49px !important;
        height: 22.43px !important;
    }
    .p3 .p3-desc > a{
        font-size: 17.05px;
        line-height: 45.31px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 6px;
    }
    .p3 .p3-desc > a::before{
        top: 2.5px;
        height: calc(100% - 5px);
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 34.10px;
        line-height: 53.35px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 25.60px;
        line-height: 53.35px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 52.84px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 89.38px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 58.27px;
        line-height: 53.35px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 48.03px;
        line-height: 53.35px;
    }
    .p4 .p4-desc{
        font-size: 19.25px;
        line-height: 64.51px;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 58.27px;
        line-height: 53.35px;
    }
    .p5 .p5-detail-block{
        font-size: 12.80px;
        line-height: 18.64px;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 95.95px;
    }
    .p6 .p6-title{
        font-size: 51.20px;
        line-height: 49.56px;
    }
    .p6 .p6-title > span{
        font-size: 34.10px;
        line-height: 49.56px;
    }

    /* end p6 */

    .p7 .p7-title{
        font-size: 33.03px;
        line-height: 56.84px;
    }
    .p7 .p7-title > span{
        font-size: 16.57px;
    }
    .p7 .p7-sub-title{
        font-size: 24.80px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 481px;
    }
    html:lang(en) .p8 .p8-title{
        font-size: 80px;
        line-height: 93px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 51.55px;
        line-height: 74.92px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 38px;
        line-height: 52px;
    }
    .p8 .p8-desc-1 {
        font-size: 22px;
        line-height: 26px;
    }
    .p8 .p8-desc-2 {
        font-size: 22px;
        line-height: 26px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 92.95px;
    }
    .p9 .p9-title{
        font-size: 34.10px;
        line-height: 49.56px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 438.86px;
    }
    .p11 .p11-title{
        margin-top: -42.84px;
        margin-bottom: 14.09px;
        font-size: 56.44px;
        line-height: 51.68px;
    }
    html:lang(th) .p11 .p11-title{
        margin-top: -62.84px;
    }
    .p11 .p11-desc{
        font-size: 12.40px;
        line-height: 18.05px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 92.95px;
    }
    .p12 .p12-title{
        font-size: 34.10px;
        line-height: 49.56px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 481px;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 80px;
        line-height: 93px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 55px;
        line-height: 68px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 110px;
        line-height: 72px;
    }
    .p14 .p14-desc-1 {
        font-size: 22px;
        line-height: 26px;
    }
    .p14 .p14-desc-2 {
        font-size: 22px;
        line-height: 26px;
    }

    /* end p14 */
}
@media screen and (min-width:992px){
    .big-stroke{
        text-shadow:
        -2.78px -4.17px 0px #fff,
        -2.78px -3.47px 0px #fff,
        -2.78px -2.78px 0px #fff,
        -2.78px -2.08px 0px #fff,
        -2.78px -1.39px 0px #fff,
        -2.78px -0.69px 0px #fff,
        -2.78px 0px 0px #fff,
        -2.78px 0.69px 0px #fff,
        -2.78px 1.39px 0px #fff,
        -2.78px 2.08px 0px #fff,
        -2.78px 2.78px 0px #fff,
        -2.78px 3.47px 0px #fff,
        -2.78px 4.17px 0px #fff,
        -1.39px -4.17px 0px #fff,
        -1.39px -3.47px 0px #fff,
        -1.39px -2.78px 0px #fff,
        -1.39px -2.08px 0px #fff,
        -1.39px -1.39px 0px #fff,
        -1.39px -0.69px 0px #fff,
        -1.39px 0px 0px #fff,
        -1.39px 0.69px 0px #fff,
        -1.39px 1.39px 0px #fff,
        -1.39px 2.08px 0px #fff,
        -1.39px 2.78px 0px #fff,
        -1.39px 3.47px 0px #fff,
        -1.39px 4.17px 0px #fff,
        1.39px -4.17px 0px #fff,
        1.39px -3.47px 0px #fff,
        1.39px -2.78px 0px #fff,
        1.39px -2.08px 0px #fff,
        1.39px -1.39px 0px #fff,
        1.39px -0.69px 0px #fff,
        1.39px 0px 0px #fff,
        1.39px 0.69px 0px #fff,
        1.39px 1.39px 0px #fff,
        1.39px 2.08px 0px #fff,
        1.39px 2.78px 0px #fff,
        1.39px 3.47px 0px #fff,
        1.39px 4.17px 0px #fff,
        2.78px -4.17px 0px #fff,
        2.78px -3.47px 0px #fff,
        2.78px -2.78px 0px #fff,
        2.78px -2.08px 0px #fff,
        2.78px -1.39px 0px #fff,
        2.78px -0.69px 0px #fff,
        2.78px 0px 0px #fff,
        2.78px 0.69px 0px #fff,
        2.78px 1.39px 0px #fff,
        2.78px 2.08px 0px #fff,
        2.78px 2.78px 0px #fff,
        2.78px 3.47px 0px #fff,
        2.78px 4.17px 0px #fff;
    }
    .stroke{
        text-shadow:
        -0.84px -1.68px 0px #ffffff,
        0px -1.68px 0px #ffffff,
        1.68px -1.68px 0px #ffffff,
        -0.84px -0.84px 0px #ffffff,
        0px -0.84px 0px #ffffff,
        1.68px -0.84px 0px #ffffff,
        -0.84px 0px 0px #ffffff,
        0px 0px 2.52px #ffffff,
        1.68px 0px 0px #ffffff,
        -0.84px 0.84px 0px #ffffff,
        0px 0.84px 0px #ffffff,
        1.68px 0.84px 0px #ffffff,
        -0.84px 1.68px 0px #ffffff,
        0px 1.68px 0px #ffffff,
        1.68px -1.68px 0px #ffffff;
    }

    /* end all setting */

    .p2 > .container{
        width: 100%;
        max-width: 90%;
    }
    .p2 > .container > .p2-content-block > .p2-menu{
        display: flex;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul{
        margin: auto 0 auto 30px;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li{
        display: inline;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 11.19px;
        line-height: 68.33px;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li.remark{
        background-color: var(--msColor);
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li.remark > a{
        color: #ffffff;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li.remark:hover{
        background-color: var(--nomalColor);
    }

    /* end p2 */

    .p3 .p3-desc > a:first-child{
        margin: auto auto 10px;
    }
    .p3 > .p3-content-block > .container{
        width: 100%;
        max-width: 90%;
    }
    .p3 .p3-title > .p3-title-1{
        font-size: 36.70px;
        line-height: 58.63px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 75.39px;
        line-height: 68.94px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 66.17px;
        line-height: 77.87px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 37.70px;
        line-height: 58.63px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 44.14px;
        line-height: 77.87px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 26.49px;
        line-height: 42.16px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 35.51px !important;
        height: 28.97px !important;
    }
    .p3 .p3-desc > a{
        font-size: 22.02px;
        line-height: 58.53px;
        padding: 0 10px;
    }
    html:lang(en) .p3 .p3-desc > a{
        padding: 0 10px;
    }
    html:lang(th) .p3 .p3-desc > a{
        padding: 0 20px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 6px;
    }

    /* end p3 */

    .p4 > .container{
        width: 100%;
        max-width: 90%;
    }
    html:lang(en) .p4 .p4-title{
        font-size: 39.96px;
        line-height: 62.52px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 30px;
        line-height: 62.52px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 61.92px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 92.26px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 68.28px;
        line-height: 62.52px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 56.28px;
        line-height: 62.52px;
    }
    .p4 .p4-desc{
        font-size: 22.56px;
        line-height: 75.60px;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 68.28px;
        line-height: 62.52px;
    }
    .p5 .p5-detail-block{
        max-width: 80%;
        font-size: 15px;
        line-height: 21.84px;
        margin: 15px auto;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 112.44px;
    }
    .p6 .p6-title{
        font-size: 60px;
        line-height: 58.08px;
    }
    .p6 .p6-title > span{
        font-size: 39.96px;
        line-height: 58.08px;
    }

    /* end p6 */

    .p7 .p7-title{
        font-size: 34.10px;
        line-height: 58.68px;
    }
    .p7 .p7-title > span{
        font-size: 17.10px;
    }
    .p7 .p7-sub-title{
        font-size: 25.60px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 80%;
    }
    html:lang(en) .p8 .p8-title{
        font-size: 42.70px;
        line-height: 49.56px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 34.07px;
        line-height: 49.51px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 20.26px;
        line-height: 27.72px;
    }
    .p8 .p8-desc-1{
        font-size: 12.78px;
        line-height: 14.82px;
    }
    .p8 .p8-desc-2{
        font-size: 12.78px;
        line-height: 14.82px;
    }
    .p8 .p8-form-block > form > .row > .column-1{
        padding-right: 7.5px;
    }
    .p8 .p8-form-block > form > .row > .column-2{
        padding-left: 7.5px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 95.95px;
    }
    .p9 .p9-title{
        font-size: 39.96px;
        line-height: 58.08px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 453.02px;
    }
    .p11 .p11-title{
        margin-top: -43.89px;
        margin-bottom: 14.54px;
        font-size: 58.27px;
        line-height: 53.35px;
    }
    html:lang(th) .p11 .p11-title{
        margin-top: -63.89px;
    }
    .p11 .p11-desc{
        font-size: 12.80px;
        line-height: 18.64px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 95.95px;
    }
    .p12 .p12-title{
        font-size: 39.96px;
        line-height: 58.08px;
    }

    /* end p12 */

    .p14{
        margin-bottom: 15%;
    }
    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 80%;
    }
    html:lang(en) .p14 .p14-title{
        font-size: 42.70px;
        line-height: 49.56px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 29.26px;
        line-height: 36.21px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 58.62px;
        line-height: 38.36px;
    }
    .p14 .p14-desc-1{
        font-size: 12.78px;
        line-height: 14.82px;
    }
    .p14 .p14-desc-2{
        font-size: 12.78px;
        line-height: 14.82px;
    }
    .p14 .p14-form-block > form > .row > .column-1{
        padding-right: 7.5px;
    }
    .p14 .p14-form-block > form > .row > .column-2{
        padding-left: 7.5px;
    }

    /* end p14 */
}
@media screen and (min-width:1024px){
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 11.62px;
        line-height: 70.60px;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 37.89px;
        line-height: 60.52px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 77.82px;
        line-height: 71.17px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 68.30px;
        line-height: 80.38px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 38.91px;
        line-height: 60.52px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 45.57px;
        line-height: 80.38px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 27.34px;
        line-height: 43.52px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 36.66px !important;
        height: 29.90px !important;
    }
    .p3 .p3-desc > a{
        font-size: 22.73px;
        line-height: 60.42px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 6px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 47.95px;
        line-height: 75.02px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 36px;
        line-height: 75.02px;
    }
    html:lang(th) .p4 .p4-title > img{
        height: 74.30px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 108.12px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 81.94px;
        line-height: 75.02px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 67.54px;
        line-height: 75.02px;
    }
    .p4 .p4-desc{
        font-size: 27.07px;
        line-height: 90.72px;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 81.94px;
        line-height: 75.02px;
    }
    .p5 .p5-detail-block{
        font-size: 18px;
        line-height: 26.21px;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 134.93px;
    }
    .p6 .p6-title{
        font-size: 72px;
        line-height: 69.70px;
    }
    .p6 .p6-title > span{
        font-size: 47.95px;
        line-height: 69.70px;
    }

    /* end p6 */

    .p7 .p7-title{
        font-size: 39.96px;
        line-height: 68.76px;
    }
    .p7 .p7-title > span{
        font-size: 20.04px;
    }
    .p7 .p7-sub-title{
        font-size: 30px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 300.60px;
    }
    html:lang(en) .p8 .p8-title{
        font-size: 50.04px;
        line-height: 58.08px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 39.93px;
        line-height: 58.03px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 23.74px;
        line-height: 32.49px;
    }
    .p8 .p8-desc-1{
        font-size: 13.80px;
        line-height: 16.20px;
    }
    .p8 .p8-desc-2{
        font-size: 13.80px;
        line-height: 16.20px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 112.44px;
    }
    .p9 .p9-title{
        font-size: 47.95px;
        line-height: 69.70px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 530.88px;
    }
    .p11 .p11-title{
        margin-top: -49.72px;
        margin-bottom: 17.04px;
        font-size: 68.28px;
        line-height: 62.52px;
    }
    html:lang(th) .p11 .p11-title{
        margin-top: -69.72px;
    }
    .p11 .p11-desc{
        font-size: 15px;
        line-height: 21.84px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 112.44px;
    }
    .p12 .p12-title{
        font-size: 47.95px;
        line-height: 69.70px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 300.60px;
    }
    html:lang(en) .p14 .p14-title{
        font-size: 49.04px;
        line-height: 57.08px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 34.29px;
        line-height: 42.44px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 68.70px;
        line-height: 44.96px;
    }
    .p14 .p14-desc-1{
        font-size: 13.80px;
        line-height: 16.20px;
    }
    .p14 .p14-desc-2{
        font-size: 13.80px;
        line-height: 16.20px;
    }

    /* end p14 */
}
@media screen and (min-width:1200px){
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 16px;
        line-height: 85px;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 44.40px;
        line-height: 70.92px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 91.20px;
        line-height: 83.40px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 80.04px;
        line-height: 94.20px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 45.60px;
        line-height: 70.92px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 53.40px;
        line-height: 94.20px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 32px;
        line-height: 51px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 43px !important;
        height: 35px !important;
    }
    .p3 .p3-desc > a{
        font-size: 26.64px;
        line-height: 70.80px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 8px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 64px;
        line-height: 100px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 48px;
        line-height: 100px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 99px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: unset;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 109.3px;
        line-height: 100px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 90px;
        line-height: 100px;
    }
    .p4 .p4-desc{
        font-size: 36px;
        line-height: 121px;
    }

    /* end p4 */

    .p5 .row.r1{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .p5 .p5-title{
        font-size: 109.3px;
        line-height: 100px;
    }
    .p5 .p5-detail-block{
        font-size: 24px;
        line-height: 35px;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 179.95px;
    }
    .p6 .p6-title{
        font-size: 96px;
        line-height: 93px;
    }
    .p6 .p6-title > span{
        font-size: 64px;
        line-height: 93px;
    }

    /* end p6 */

    .p7 .p7-title{
        font-size: 47.95px;
        line-height: 82.51px;
    }
    .p7 .p7-title > span{
        font-size: 24.05px;
    }
    .p7 .p7-sub-title{
        font-size: 36px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 360.72px;
    }
    html:lang(en) .p8 .p8-title{
        font-size: 60.05px;
        line-height: 69.70px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 47.92px;
        line-height: 69.65px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 28.49px;
        line-height: 39px;
    }
    .p8 .p8-desc-1{
        font-size: 16.56px;
        line-height: 19.44px;
    }
    .p8 .p8-desc-2{
        font-size: 16.56px;
        line-height: 19.44px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 134.93px;
    }
    .p9 .p9-title{
        font-size: 64px;
        line-height: 93px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 637.06px;
    }
    .p11 .p11-title{
        margin-top: -53.66px;
        margin-bottom: 20.45px;
        font-size: 81.94px;
        line-height: 75.02px;
    }
    html:lang(th) .p11 .p11-title{
        margin-top: -73.66px;
    }
    .p11 .p11-desc{
        font-size: 18px;
        line-height: 26.21px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 134.93px;
    }
    .p12 .p12-title{
        font-size: 64px;
        line-height: 93px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 360.72px;
    }
    html:lang(en) .p14 .p14-title{
        font-size: 58.05px;
        line-height: 67.70px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 41.16px;
        line-height: 50.94px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 82.45px;
        line-height: 53.96px;
    }
    .p14 .p14-desc-1{
        font-size: 16.56px;
        line-height: 19.44px;
    }
    .p14 .p14-desc-2{
        font-size: 16.56px;
        line-height: 19.44px;
    }

    /* end p14 */
}
@media screen and (min-width:1440px){
    .big-stroke{
        text-shadow:
        -4px -6px 0px #fff,
        -4px -5px 0px #fff,
        -4px -4px 0px #fff,
        -4px -3px 0px #fff,
        -4px -2px 0px #fff,
        -4px -1px 0px #fff,
        -4px 0px 0px #fff,
        -4px 1px 0px #fff,
        -4px 2px 0px #fff,
        -4px 3px 0px #fff,
        -4px 4px 0px #fff,
        -4px 5px 0px #fff,
        -4px 6px 0px #fff,
        -2px -6px 0px #fff,
        -2px -5px 0px #fff,
        -2px -4px 0px #fff,
        -2px -3px 0px #fff,
        -2px -2px 0px #fff,
        -2px -1px 0px #fff,
        -2px 0px 0px #fff,
        -2px 1px 0px #fff,
        -2px 2px 0px #fff,
        -2px 3px 0px #fff,
        -2px 4px 0px #fff,
        -2px 5px 0px #fff,
        -2px 6px 0px #fff,
        2px -6px 0px #fff,
        2px -5px 0px #fff,
        2px -4px 0px #fff,
        2px -3px 0px #fff,
        2px -2px 0px #fff,
        2px -1px 0px #fff,
        2px 0px 0px #fff,
        2px 1px 0px #fff,
        2px 2px 0px #fff,
        2px 3px 0px #fff,
        2px 4px 0px #fff,
        2px 5px 0px #fff,
        2px 6px 0px #fff,
        4px -6px 0px #fff,
        4px -5px 0px #fff,
        4px -4px 0px #fff,
        4px -3px 0px #fff,
        4px -2px 0px #fff,
        4px -1px 0px #fff,
        4px 0px 0px #fff,
        4px 1px 0px #fff,
        4px 2px 0px #fff,
        4px 3px 0px #fff,
        4px 4px 0px #fff,
        4px 5px 0px #fff,
        4px 6px 0px #fff;
    }
    .stroke{
        text-shadow:
        -1px -2px 0px #ffffff,
        0px -2px 0px #ffffff,
        2px -2px 0px #ffffff,
        -1px -1px 0px #ffffff,
        0px -1px 0px #ffffff,
        2px -1px 0px #ffffff,
        -1px 0px 0px #ffffff,
        0px 0px 3px #ffffff,
        2px 0px 0px #ffffff,
        -1px 1px 0px #ffffff,
        0px 1px 0px #ffffff,
        2px 1px 0px #ffffff,
        -1px 2px 0px #ffffff,
        0px 2px 0px #ffffff,
        2px -2px 0px #ffffff;
    }

    /* end all setting */

    .p1 > .container > .p1-content-block > ul > li:not(:first-child) > a{
        padding-left: 15px;
    }

    /* end p1 */

    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        font-size: 16px;
        line-height: 85px;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 53.3px;
        line-height: 85px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 109.3px;
        line-height: 100px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 96px;
        line-height: 113px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 54.7px;
        line-height: 85px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 64px;
        line-height: 113px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 32px;
        line-height: 51px;
    }
    .p3 .p3-desc > a{
        font-size: 32px;
        line-height: 85px;
    }

    /* end p3 */

    html:lang(th) .p4 .p4-title{
        font-size: 64px;
        line-height: 100px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 109.3px;
        line-height: 100px;
    }

    /* end p4 */

    .p5 > .row.r1{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .p5 > .row.r1 > .col-lg-6{
        width: 50%;
    }
    .p5 > .row.r1 > .col1{
        margin: auto;
        padding-top: 60px;
    }
    .p5 .p5-title{
        margin: auto 0 auto auto;
        font-size: 101.3px;
        line-height: 92px;
    }
    .p5 .p5-detail-block{
        max-width: 1078px;
        font-size: 16px;
        line-height: 27px;
        right: -15%;
    }

    /* end p5 */

    .p7 .p7-title{
        font-size: 64px;
        line-height: 110px;
    }
    .p7 .p7-title > span{
        font-size: 32px;
    }
    .p7 .p7-sub-title{
        font-size: 48px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 481px;
    }
    html:lang(en) .p8 .p8-title{
        font-size: 80px;
        line-height: 93px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 51.55px;
        line-height: 74.92px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 38px;
        line-height: 52px;
    }
    .p8 .p8-desc-1{
        font-size: 22px;
        line-height: 26px;
    }
    .p8 .p8-desc-2{
        font-size: 22px;
        line-height: 26px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 111.85px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        width: 849.5px;
    }
    .p11 .p11-title{
        margin-top: -63.60px;
        margin-bottom: 27.20px;
        font-size: 109.3px;
        line-height: 100px;
    }
    html:lang(th) .p11 .p11-title > small{
        margin: 27.20px auto 0;
    }
    .p11 .p11-desc{
        font-size: 24px;
        line-height: 35px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 111.85px;
    }
    html:lang(th) .p12 .p12-title > span{
        display: unset;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 481px;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 71px;
        line-height: 84px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 55px;
        line-height: 68px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 110px;
        line-height: 72px;
    }
    .p14 .p14-desc-1{
        font-size: 22px;
        line-height: 26px;
    }
    .p14 .p14-desc-2{
        font-size: 22px;
        line-height: 26px;
    }

    /* end p14 */
}
@media screen and (min-width:1548px){
    .p5 .p5-title{
        font-size: 109.3px;
        line-height: 100px;
    }
    .p5 .p5-detail-block{
        font-size: 24px;
        line-height: 35px;
    }

    /* end p5 */

    html:lang(th) .p8 .p8-title{
        font-size: 64px;
        line-height: 93px;
    }

    /* end p8 */
}

@media screen and (max-width:1439px){
    .p9 .p9-title > span{
        display: block;
    }

    /* end p9 */
}
@media screen and (max-width:991px){
    .v7{
        --p4-padding:30px 0 0;
        --p6-padding:20px 0;
        --p7-padding:20px 0 calc(30px - 18px);
        --p9-padding:20px 0;
        --p10-padding:0 0 20px;
        --p11-padding:20px 0;
    }
    html:lang(th) .v7{
        --p4-padding:30px 0 40px;
    }

    /* end all setting */

    .p2 > .container > .p2-content-block{
        justify-content: space-between;
        align-items: center;
    }
    .p2 > .container > .p2-content-block > .p2-bars{
        display: block;
    }
    .p2 > .container > .p2-content-block > .p2-menu{
        position: absolute;
        top: calc(100% + 5px);
        width: 100%;
        height: 0;
        background-color: #fffffff0;
    }
    div.v7.menu--open .p2 > .container > .p2-content-block > .p2-menu{
        height: 100%;
        display: inline-table;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li{
        text-align: center;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li:not(:last-child){
        border-bottom: 2px solid #eeeeeeee;
    }
    .p2 > .container > .p2-content-block > .p2-menu > ul > li > a{
        display: block;
    }

    /* end p2 */

    .p5 .p5-detail-block{
        max-width: 90%;
        margin: 15px auto;
    }

    /* end p5 */

    .p8 .r1{
        flex-direction: column-reverse;
    }

    /* end p8 */

    .p11 > .p11-content-block > .p11-content {
        padding: 20px 30px;
    }

    /* end p11 */

    .p13 .p13-content-block > .r1 > .col2{
        padding: 0 15px;
        display: flex;
    }
    .p13 .p13-content-block > .r1 > .col2 > *{
        margin: auto;
    }

    /* end p13 */

    .p14 .r1{
        flex-direction: column-reverse;
    }

    /* end p14 */
}
@media screen and (max-width:767px){
    .p3 .p3-desc > a {
        -webkit-text-stroke: 0.5px #000000;
    }

    /* end p3 */

    .p7 .p7-desc-block > .row > *{
        padding: 10px;
    }

    /* end p7 */

    .p11 > .p11-content-block > .p11-content {
        padding: 20px 20px;
    }

    /* end p11 */
}
@media screen and (max-width:575px){
    .v7{
        --p4-padding:15px 0 0;
    }
    html:lang(th) .v7{
        --p4-padding:15px 0 20px;
    }

    /* end all setting */

    .p2 .p2-logo img{
        width: 30%;
    }

    /* end p2 */

    .p3 .p3-title > .p3-title-1{
        font-size: 21px;
        line-height: 34px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 44px;
        line-height: 40px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 38px;
        line-height: 45px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 22px;
        line-height: 34px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 26px;
        line-height: 45px;
    }
    .p3 .p3-desc-block-1::before{
        top: -10px;
        height: calc(100% + 20px);
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 15.38px;
        line-height: 24.48px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 20.62px !important;
        height: 16.82px !important;
    }
    .p3 .p3-desc > a{
        font-size: 12.79px;
        line-height: 33.98px;
    }
    html:lang(en) .p3 .p3-desc > a{
        padding: 0 4px;
    }
    html:lang(th) .p3 .p3-desc > a{
        padding: 0 8px;
    }
    .p3 .p3-desc > a::before{
        border-radius: 4px;
    }
    .p3 .p3-desc > a::before{
        top: 2.5px;
        height: calc(100% - 5px);
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 25.57px;
        line-height: 40.01px;
    }
    html:lang(th) .p4 .p4-title{
        margin-bottom: 5px;
        font-size: 19.20px;
        line-height: 40.01px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 39.63px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 69.20px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 43.70px;
        line-height: 40.01px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 36.02px;
        line-height: 40.01px;
    }
    .p4 .p4-desc{
        font-size: 14.44px;
        line-height: 48.38px;
    }
    html:lang(th) .p4 .p4-desc{
        line-height: 100%;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 43.70px;
        line-height: 40.01px;
    }
    .p5 > .row.r1 > .col1 {
        padding-top: 20px;
    }
    .p5 .p5-detail-block{
        margin: 7.5px auto;
        padding: 10px 7.5px;
        font-size: 9.60px;
        line-height: 13.98px;
    }

    /* end p5 */

    .p6 .p6-title-group > .img_block{
        max-width: 71.96px;
    }
    .p6 .p6-title{
        font-size: 38.40px;
        line-height: 37.17px;
    }
    .p6 .p6-title > span{
        font-size: 25.57px;
        line-height: 37.17px;
    }

    /* end p6 */

    .p7 .p7-title {
        font-size: 25.57px;
        line-height: 44.01px;
    }
    .p7 .p7-title > span {
        font-size: 12.83px;
    }
    .p7 .p7-sub-title {
        font-size: 19.20px;
    }

    /* end p7 */

    .p8 .p8-form-block{
        padding: 15px 0 15px;
    }
    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 415px;
    }
    html:lang(en) .p8 .p8-title {
        font-size: 61.90px;
        line-height: 71.94px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 47.92px;
        line-height: 69.65px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 28.49px;
        line-height: 39px;
    }
    .p8 .p8-desc-1 {
        font-size: 17.03px;
        line-height: 20.10px;
    }
    .p8 .p8-desc-2 {
        font-size: 17.03px;
        line-height: 20.10px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 53.88px;
    }
    .p9 .p9-title{
        font-size: 25.57px;
        line-height: 37.17px;
    }

    /* end p9 */

    .p11 > .p11-content-block > .p11-content{
        padding: 20px calc(7.5% + 15px);
    }
    .p11 > .p11-content-block > .p11-content .p11-desc{
        text-indent: 20px;
    }
    .p11 .p11-title{
        margin-top: -34.07px;
        margin-bottom: 8.18px;
        font-size: 32.77px;
        line-height: 30.01px;
    }
    .p11 .p11-desc{
        font-size: 9.60px;
        line-height: 13.98px;
    }

    /* end p11 */

    .p12 {
        border-top: 1px solid var(--msColor);
    }
    .p12 .p12-title-group > .img_block{
        max-width: 53.88px;
    }
    .p12 .p12-title{
        font-size: 25.57px;
        line-height: 37.17px;
    }

    /* end p12 */

    .p14 .p14-form-block{
        padding: 15px 0 15px;
    }
    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 415px;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 56.9px;
        line-height: 66.94px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 34.29px;
        line-height: 42.44px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 68.70px;
        line-height: 44.96px;
    }
    .p14 .p14-desc-1 {
        font-size: 17.03px;
        line-height: 20.10px;
    }
    .p14 .p14-desc-2 {
        font-size: 17.03px;
        line-height: 20.10px;
    }

    /* end p14 */
}
@media screen and (max-width:489px){
    .p3 .p3-title > .p3-title-1{
        font-size: 16.17px;
        line-height: 26.18px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 33.89px;
        line-height: 30.83px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 32.32px;
        line-height: 38.29px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 16.97px;
        line-height: 26.18px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 22.10px;
        line-height: 38.29px;
    }
    .p3 .p3-desc-block-1{
        margin-top: 0;
    }
    .p3 .p3-desc-block-1::before{
        top: -5px;
        height: calc(100% + 10px);
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 13.06px;
        line-height: 20.78px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 17.51px !important;
        height: 14.28px !important;
    }
    .p3 .p3-desc > a{
        font-size: 10.86px;
        line-height: 28.85px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 19.18px;
        line-height: 30.01px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 14.40px;
        line-height: 30.01px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 29.72px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 51.90px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 32.77px;
        line-height: 30.01px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 27.01px;
        line-height: 30.01px;
    }
    .p4 .p4-desc{
        font-size: 10.83px;
        line-height: 36.29px;
    }

    /* end p4 */

    .p7 .p7-title {
        font-size: 21.76px;
        line-height: 37.41px;
    }
    .p7 .p7-title > span {
        font-size: 10.90px;
    }
    .p7 .p7-sub-title {
        font-size: 16.33px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 352.91px;
    }
    html:lang(en) .p8 .p8-title {
        font-size: 52.67px;
        line-height: 61.17px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 39.93px;
        line-height: 58.03px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 23.74px;
        line-height: 32.49px;
    }
    .p8 .p8-desc-1 {
        font-size: 14.47px;
        line-height: 17.12px;
    }
    .p8 .p8-desc-2 {
        font-size: 14.47px;
        line-height: 17.12px;
    }

    /* end p8 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 352.91px;
    }
    .p14 .p14-title {
        font-size: 52.67px;
        line-height: 61.17px;
    }
    .p14 .p14-desc-1 {
        font-size: 14.47px;
        line-height: 17.12px;
    }
    .p14 .p14-desc-2 {
        font-size: 14.47px;
        line-height: 17.12px;
    }

    /* end p14 */
}
@media screen and (max-width:417px){
    .p3 .p3-title{
        margin-top: 0;
    }
    .p3 .p3-title > .p3-title-1{
        font-size: 15.22px;
        line-height: 24.64px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 31.90px;
        line-height: 29.02px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 27.56px;
        line-height: 32.65px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 15.97px;
        line-height: 24.64px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 18.85px;
        line-height: 32.65px;
    }
    .p3 .p3-desc-block-1::before {
        top: -2.5px;
        height: calc(100% + 5px);
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 11.13px;
        line-height: 17.72px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 14.93px !important;
        height: 12.18px !important;
    }
    .p3 .p3-desc > a{
        font-size: 9.26px;
        line-height: 24.60px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 16.28px;
        line-height: 25.48px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 12.23px;
        line-height: 25.48px;
    }
    html:lang(th) .p4 .p4-title > img{
        height: 25.23px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 44.06px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 27.82px;
        line-height: 25.48px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 22.93px;
        line-height: 25.48px;
    }
    .p4 .p4-desc{
        font-size: 9.19px;
        line-height: 30.81px;
    }

    /* end p4 */

    .p6 .p6-title-group > .img_block{
        max-width: 53.97px;
    }
    .p6 .p6-title{
        font-size: 28.80px;
        line-height: 27.88px;
    }
    .p6 .p6-title > span{
        font-size: 19.18px;
        line-height: 27.88px;
    }

    /* end p6 */

    .p7 .p7-desc-block > .row > *{
        padding: 5px 7.5px;
    }
    .p7 .p7-title {
        font-size: 18.56px;
        line-height: 31.90px;
    }
    .p7 .p7-title > span {
        font-size: 9.30px;
    }
    .p7 .p7-sub-title {
        font-size: 13.93px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 300.95px;
    }
    html:lang(en) .p8 .p8-title {
        font-size: 44.91px;
        line-height: 52.17px;
    }
    html:lang(th) .p8 .p8-title{
        font-size: 34.07px;
        line-height: 49.51px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 20.26px;
        line-height: 27.72px;
    }
    .p8 .p8-desc-1 {
        font-size: 12.34px;
        line-height: 14.60px;
    }
    .p8 .p8-desc-2 {
        font-size: 12.34px;
        line-height: 14.60px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 39.07px;
    }
    .p9 .p9-title{
        font-size: 19.18px;
        line-height: 27.88px;
    }

    /* end p9 */

    .p11 .p11-title{
        margin-top: -28.80px;
        margin-bottom: 5.92px;
        font-size: 23.73px;
        line-height: 21.73px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 39.07px;
    }
    .p12 .p12-title{
        font-size: 19.18px;
        line-height: 27.88px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 300.95px;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 32.91px;
        line-height: 40.17px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 29.26px;
        line-height: 36.21px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 58.62px;
        line-height: 38.36px;
    }
    .p14 .p14-desc-1 {
        font-size: 12.34px;
        line-height: 14.60px;
    }
    .p14 .p14-desc-2 {
        font-size: 12.34px;
        line-height: 14.60px;
    }

    /* end p14 */
}
@media screen and (max-width:369px){
    .v7{
        --p6-padding:10px 0;
        --p7-padding:10px 0 calc(20px - 18px);
        --p9-padding:10px 0;
        --p10-padding:0 0 10px;
        --p11-padding:0 0 10px;
    }

    /* end all setting */

    .p3 .p3-title > .p3-title-1{
        font-size: 13.47px;
        line-height: 21.81px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 28.23px;
        line-height: 25.68px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 24.39px;
        line-height: 28.89px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 14.13px;
        line-height: 21.81px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 16.68px;
        line-height: 28.89px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 9.85px;
        line-height: 15.68px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 13.21px !important;
        height: 10.77px !important;
    }
    .p3 .p3-desc > a{
        font-size: 8.19px;
        line-height: 21.77px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 13.89px;
        line-height: 21.73px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 10.43px;
        line-height: 21.73px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 21.52px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 37.57px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 23.73px;
        line-height: 21.73px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 19.56px;
        line-height: 21.73px;
    }
    .p4 .p4-desc{
        font-size: 7.84px;
        line-height: 26.27px;
    }

    /* end p4 */

    .p5 .p5-title{
        font-size: 32.77px;
        line-height: 30.01px;
    }
    .p5 .p5-detail-block{
        font-size: 7.20px;
        line-height: 10.48px;
    }

    /* end p5 */

    .p7 .p7-desc-block > .row > * {
        padding: 2.5px 5px;
    }
    .p7 .p7-title {
        font-size: 16.42px;
        line-height: 28.23px;
    }
    .p7 .p7-title > span {
        font-size: 8.23px;
    }
    .p7 .p7-sub-title {
        font-size: 12.32px;
    }

    /* end p7 */

    html:lang(th) .p8 .p8-title{
        font-size: 24.29px;
    }
    html:lang(th) .p8 .p8-sub-title{
        font-size: 21.31px;
    }

    /* end p8 */

    .p11 .p11-desc{
        font-size: 7.20px;
        line-height: 10.48px;
    }

    /* end p11 */
}
@media screen and (max-width:300px){
    .p3 .p3-title > .p3-title-1{
        font-size: 10.95px;
        line-height: 17.73px;
    }
    html:lang(en) .p3 .p3-title > .p3-title-2{
        font-size: 22.95px;
        line-height: 20.88px;
    }
    html:lang(th) .p3 .p3-title > .p3-title-2{
        font-size: 19.83px;
        line-height: 23.49px;
    }
    html:lang(en) .p3 .p3-sub-title{
        font-size: 11.49px;
        line-height: 17.73px;
    }
    html:lang(th) .p3 .p3-sub-title{
        font-size: 13.56px;
        line-height: 23.49px;
    }
    .p3 .p3-desc-block-1 > li  span{
        font-size: 8.01px;
        line-height: 12.75px;
    }
    .p3 .p3-desc-block-1 .checkicon{
        max-width: 10.74px !important;
        height: 8.76px !important;
    }
    .p3 .p3-desc > a{
        font-size: 6.66px;
        line-height: 17.70px;
    }

    /* end p3 */

    html:lang(en) .p4 .p4-title{
        font-size: 12.29px;
        line-height: 19.22px;
    }
    html:lang(th) .p4 .p4-title{
        font-size: 9.23px;
        line-height: 19.22px;
    }
    html:lang(en) .p4 .p4-title > img{
        height: 19.04px !important;
    }
    html:lang(th) .p4 .p4-content-block > img{
        max-height: 33.25px;
    }
    html:lang(en) .p4 .p4-title > span{
        font-size: 21px;
        line-height: 19.22px;
    }
    html:lang(th) .p4 .p4-title > span{
        font-size: 17.31px;
        line-height: 19.22px;
    }
    .p4 .p4-desc{
        font-size: 6.94px;
        line-height: 23.25px;
    }

    /* end p4 */

    .p6 .p6-title-group > .img_block{
        max-width: 45.82px;
    }
    .p6 .p6-title{
        font-size: 24.45px;
        line-height: 23.67px;
    }
    .p6 .p6-title > span{
        font-size: 16.28px;
        line-height: 23.67px;
    }

    /* end p6 */

    .p7 .p7-desc-block > .row > *{
        padding: 0px 2.5px;
    }
    .p7 .p7-title {
        font-size: 13.35px;
        line-height: 22.95px;
    }
    .p7 .p7-title > span {
        font-size: 6.69px;
    }
    .p7 .p7-sub-title {
        font-size: 10.02px;
    }

    /* end p7 */

    .p8 .r1 > .col1 > .p8-content-block{
        max-width: 95%;
    }
    .p8 .p8-title {
        font-size: 32.31px;
        line-height: 37.53px;
    }
    .p8 .p8-desc-1 {
        font-size: 11.34px;
        line-height: 13.60px;
    }
    .p8 .p8-desc-2 {
        font-size: 11.34px;
        line-height: 13.60px;
    }

    /* end p8 */

    .p9 .p9-title-group > .img_block{
        max-width: 28.11px;
    }
    .p9 .p9-title{
        font-size: 16.28px;
        line-height: 23.67px;
    }

    /* end p9 */

    .p11 .p11-title{
        margin-top: -24.93px;
        margin-bottom: 4.26px;
        font-size: 17.07px;
        line-height: 15.63px;
    }

    /* end p11 */

    .p12 .p12-title-group > .img_block{
        max-width: 28.11px;
    }
    .p12 .p12-title{
        font-size: 16.28px;
        line-height: 23.67px;
    }

    /* end p12 */

    .p14 .r1 > .col1 > .p14-content-block{
        max-width: 95%;
    }
    html:lang(en) .p14 .p14-title {
        font-size: 30.31px;
        line-height: 35.53px;
    }
    html:lang(th) .p14 .p14-title{
        font-size: 21.94px;
        line-height: 27.15px;
    }
    html:lang(th) .p14 .p14-title > .highlight{
        font-size: 43.95px;
        line-height: 28.76px;
    }
    .p14 .p14-desc-1 {
        font-size: 11.34px;
        line-height: 13.60px;
    }
    .p14 .p14-desc-2 {
        font-size: 11.34px;
        line-height: 13.60px;
    }
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.1);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.1);
  }
  70% {
    transform: scale(1);
  }
}