@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/kanit-medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/kanit-light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/kanit-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.custom-container {
	max-width: 1080px;
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
}

img {
	width: 100%;
}

.jcontain {
	position: relative;
	width: 100%;
    /* background: url(../images/bg.png) no-repeat top left; */
    background-size: cover;
    min-height: 1920px;
    overflow: hidden;
}

#bgvid{
    width: 100%;
    display: block;
}
 .top_aware{
    position: absolute;
    top: 22px;
    left: 24px;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
 }
 .title{
    position: absolute;
    top: 130px;
    left: 192px;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 71px;
    line-height: 78px;
    text-align: center;
 }


.attr_cover{
position: absolute;
    top: 413px;
    left: 70px;
    width: 570px;
    height: 570px;
    display: block;
    opacity: 0;
    /* transform: scale(.8); */

}
.attr_bg{
position: absolute;
    width: 565px;
    top: 45px;
    left: 0px;
}

.attr_ring{
    position: absolute;
    width: 496px;
    top: 37px;
    left: 21px;
}
.attr_txt{
    position: absolute;
    top: 77px;
    left: 60px;
    width: 420px;
    height: 420px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    border-radius: 300px;
    font-weight: 700;
    font-size: 46px;
    text-shadow: 1px 2px 3px #1E1E1E;
    align-content: center;
}

.attrv_cover{
position: absolute;
    top: 632px;
    left: 591px;
    width: 400px;
    height: 356px;
    display: block;
    opacity: 0;

}
.attrv_bg{
    position: absolute;
    width: 400px;
    top: 0;
    left: 0px;
}

.attrv_ring{
    position: absolute;
    width: 356px;
    top: -6px;
    left: 22px;
}
.attrv_txt{
    position: absolute;
    top: 21px;
    left: 54px;
    width: 295px;
    height: 300px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 107px;
}

.commit_cover{
position: absolute;
    top: 846px;
    left: 291px;
    width: 498px;
    height: 498px;
    display: block;
    opacity: 0;

}
.commit_ring{
    position: absolute;
    width: 365px;
    top: 55px;
    left: 67px;
}
.commit_bg{
    position: absolute;
    width: 498px;
    top: 0;
    left: 0px;
}
.commit_txt{
    position: absolute;
    top: 83px;
    left: 93px;
    width: 312px;
    height: 312px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 125px;
}


.amylink_cover{
    position: absolute;
    top: 1055px;
    left: 639px;
    width: 410px;
    height: 410px;
    display: block;
    opacity: 0;

}
.amylink_ring{
position: absolute;
    width: 320px;
    top: 45px;
    left: 55px;
}
.amylink_bg{
position: absolute;
    width: 410px;
    top: 0;
    left: 0px;
}
.amylink_txt{
    position: absolute;
    top: 71px;
    left: 80px;
    width: 270px;
    height: 270px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 116px;
}


.journey_cover{
position: absolute;
    top: 1130px;
    left: 21px;
    width: 490px;
    height: 490px;
    display: block;
    opacity: 0;

}
.journey_ring{
    position: absolute;
    width: 360px;
    top: 54px;
    left: 64px;
}
.journey_bg{
    position: absolute;
    width: 490px;
    top: 0;
    left: 0px;
}
.journey_txt{
    position: absolute;
    top: 80px;
    left: 91px;
    width: 308px;
    height: 308px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 46px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 38px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 99px;
}
.footer_txt{
position: absolute;
    bottom: 24px;
    left: 23px;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .15px;
}



/****Commit page******/

 .commit_title{
position: absolute;
    top: 124px;
    left: 226px;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 71px;
    line-height: 78px;
    text-align: center;
 }

  .attr_title{
position: absolute;
    top: 124px;
    left: 50%;
    color: #ffffff;
    font-family: 'Kanit';
    width: max-content;
    font-weight: 500;
    font-size: 71px;
    line-height: 78px;
    text-align: center;
    transform: translate(-50%, 0);
 }

 .arp_cover{
    position: absolute;
    top: 236px;
    left: 592px;
    width: 382px;
    height: 382px;
    display: block;
    opacity: 0;

}
.arp_ring{
    position: absolute;
    width: 290px;
    top: 38px;
    left: 45px;
}
.arp_bg{
    position: absolute;
    width: 382px;
    top: 0;
    left: 0px;
}
.arp_txt{
    position: absolute;
    top: 63px;
    left: 70px;
    width: 238px;
    height: 240px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 74px;
}

 .ap_cover{
    position: absolute;
    top: 396px;
    left: 19px;
    width: 408px;
    height: 408px;
    display: block;
    opacity: 0;

}
.ap_ring{
    position: absolute;
    width: 300px;
    top: 42px;
    left: 54px;
}
.ap_bg{
    position: absolute;
    width: 408px;
    top: 0;
    left: 0px;
}
.ap_txt{
    position: absolute;
    top: 68px;
    left: 75px;
    width: 257px;
    height: 257px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 91px;
}

 .aot_cover{
    position: absolute;
    top: 651px;
    left: 505px;
    width: 431px;
    height: 431px;
    display: block;
    opacity: 0;

}
.aot_ring{
position: absolute;
    width: 320px;
    top: 47px;
    left: 55px;
}
.aot_bg{
position: absolute;
    width: 431px;
    top: 0;
    left: 0px;
}
.aot_txt{
    position: absolute;
    top: 72px;
    left: 81px;
    width: 270px;
    height: 270px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 93px;
}

 .aa_cover{
    position: absolute;
    top: 879px;
    left: 82px;
    width: 445px;
    height: 445px;
    display: block;
    opacity: 0;

}
.aa_ring{
    position: absolute;
    width: 330px;
    top: 48px;
    left: 59px;
}
.aa_bg{
    position: absolute;
    width: 445px;
    top: 0;
    left: 0px;
}
.aa_txt{
    position: absolute;
    top: 73px;
    left: 82px;
    width: 280px;
    height: 280px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 103px;
}


 .apc_cover{
    position: absolute;
    top: 1005px;
    left: 567px;
    width: 400px;
    height: 400px;
    display: block;
    opacity: 0;

}
.apc_ring{
    position: absolute;
    width: 306px;
    top: 39px;
    left: 48px;
}
.apc_bg{
    position: absolute;
    width: 400px;
    top: 0;
    left: 0px;
}
.apc_txt{
    position: absolute;
    top: 67px;
    left: 75px;
    width: 253px;
    height: 253px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 90px;
}


 .aap_cover{
    position: absolute;
    top: 1234px;
    left: 63px;
    width: 431px;
    height: 431px;
    display: block;
    opacity: 0;

}
.aap_ring{
    position: absolute;
    width: 320px;
    top: 46px;
    left: 54px;
}
.aap_bg{
    position: absolute;
    width: 431px;
    top: 0;
    left: 0px;
}
.aap_txt{
    position: absolute;
    top: 72px;
    left: 80px;
    width: 270px;
    height: 270px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 82px;
}

 .qs_cover{
    position: absolute;
    top: 1321px;
    left: 567px;
    width: 337px;
    height: 337px;
    display: block;
    opacity: 0;

}
.qs_ring{
    position: absolute;
    width: 260px;
    top: 31px;
    left: 39px;
}
.qs_bg{
position: absolute;
    width: 337px;
    top: 0;
    left: 0px;
}
.qs_txt{
    position: absolute;
    top: 56px;
    left: 62px;
    width: 213px;
    height: 212px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 36px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 33px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 70px;
}




.cardio_cover{
    position: absolute;
    top: 360px;
    left: 197px;
    width: 502px;
    height: 502px;
    display: block;
    opacity: 0;

}
.cardio_ring{
    position: absolute;
    width: 364px;
    top: 58px;
    left: 68px;
}
.cardio_bg{
position: absolute;
    width: 502px;
    top: 0;
    left: 0px;
}
.cardio_txt{
    position: absolute;
    top: 83px;
    left: 93px;
    width: 314px;
    height: 314px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 45px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 41px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 112px;
}





.attr_cm_cover{
    position: absolute;
    top: 714px;
    left: 308px;
    width: 575px;
    height: 575px;
    display: block;
    opacity: 0;

}
.attr_cm_ring{
position: absolute;
    width: 424px;
    top: 63px;
    left: 75px;
}
.attr_cm_bg{
    position: absolute;
    width: 575px;
    top: 0;
    left: 0px;
}
.attr_cm_txt{
    position: absolute;
    top: 94px;
    left: 106px;
    width: 363px;
    height: 363px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 48px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 43px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 107px;
}



.vneuro_cover{
position: absolute;
    top: 376px;
    left: 127px;
    width: 502px;
    height: 502px;
    display: block;
    opacity: 0;

}
.vneuro_ring{
    position: absolute;
    width: 364px;
    top: 58px;
    left: 68px;
}
.vneuro_bg{
position: absolute;
    width: 502px;
    top: 0;
    left: 0px;
}
.vneuro_txt{
    position: absolute;
    top: 83px;
    left: 93px;
    width: 314px;
    height: 314px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 45px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 41px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 112px;
}





.vpheno_cover{
    position: absolute;
    top: 543px;
    left: 427px;
    width: 512px;
    height: 512px;
    display: block;
    opacity: 0;

}
.vpheno_ring{
    position: absolute;
    width: 390px;
    top: 50px;
    left: 63px;
}
.vpheno_bg{
    position: absolute;
    width: 512px;
    top: 0;
    left: 0px;
}
.vpheno_txt{
    position: absolute;
    top: 84px;
    left: 95px;
    width: 322px;
    height: 322px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 44px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 40px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 73px;
}




.vpatients_cover{
    position: absolute;
    top: 1081px;
    left: 88px;
    width: 575px;
    height: 575px;
    display: block;
    opacity: 0;

}
.vpatients_ring{
position: absolute;
    width: 424px;
    top: 63px;
    left: 75px;
}
.vpatients_bg{
    position: absolute;
    width: 575px;
    top: 0;
    left: 0px;
}
.vpatients_txt{
    position: absolute;
    top: 94px;
    left: 106px;
    width: 363px;
    height: 363px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    /* background: red; */
    font-family: 'Kanit';
    line-height: 48px;
    border-radius: 300px;
    font-weight: 500;
    font-size: 43px;
    text-shadow: 1px 2px 3px #1E1E1E;
    /* align-content: center; */
    padding-top: 98px;
}


.home{
    position: absolute;
    left: 486px;
    bottom: 152px;
    width: 108px;
    height: 108px;
    border-radius: 60px;
    overflow: hidden;
    background: url(../images/home_btn.png) no-repeat -7px -7px;
    background-size: 121px;
}

.back_home{
position: absolute;
    bottom: 123px;
    left: 409px;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
}