.jcontain {
	position: relative;
	width: 100%;
    min-height: 1920px;
    overflow: hidden;
}

.jbg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.jcontain > *:not(.jbg-video) {
    position: absolute;
    z-index: 1;
}

.journey_home_text{
    position: absolute;
    top: 312px;
    left: 162px;
    width: 755px;
}


.journey_image{
position: absolute;
    top: 91px;
    left: 14px;
    width: 1053px;
}














.jstart{
position: absolute;
    top: 1219px;
    left: 209px;
    width: 334px;
    height: 80px;
    display: block;
    overflow: hidden;
    border-radius: 40px;
    background: url(../journey/journey_images/start.png) no-repeat top left;
    background-size: cover;
}

.jstart_stroke{
position: absolute;
    top: 1218px;
    left: 207px;
    width: 338px;
    height: 83px;
    border-radius: 10px;
    display: block;


    
    
}

.jexit{
    position: absolute;
    top: 1219px;
    left: 568px;
    width: 331px;
    height: 78px;
    display: block;
    overflow: hidden;
    border-radius: 40px;
    background: url(../journey/journey_images/exit.png) no-repeat top left;
    background-size: cover;
}

.audio_cover{
    /* position: absolute;
    left: -50px;
    bottom: 196px;
    width: 100%;
    height: 164px;
    background: url(../journey/journey_images/jaudio_scale.png) no-repeat 50px 0px;
    background-size: 1080px; */

    position: absolute;
    left: -50px;
    bottom: 197px;
    width: 1174px;
    height: 164px;
    background: url(../journey/journey_images/jaudio_scale.png) no-repeat 50px 0px;
    background-size: 1080px;
}
.runner{
    width: 39px;
    position: absolute;
    top: 14px;
    left: 236px;
}

.jmenu{
box-sizing: border-box;
    position: absolute;
    width: 157px;
    height: 80px;
    left: 462px;
    bottom: 99px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2B335B 0%, #2B355D 90.62%) padding-box, linear-gradient(to top, #FF54D7, #FFF6FF);
    background-origin: border-box;
    box-shadow: 0px 4px 4px #0B1129;
    border-radius: 120px;
}

.inst_home{
    position: absolute;
    left: 32px;
    bottom: 122px;
    width: 286px;
}
.jhome{
position: absolute;
    bottom: 102px;
    left: 29px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jhome.png) no-repeat 0 0;
    background-size: cover;
} 
.jref{
position: absolute;
    bottom: 102px;
    right: 35px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jref.png) no-repeat 0 0;
    background-size: cover;
} 


.jprev{
position: absolute;
    top: 4px;
    left: 3px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jprev.png) no-repeat 0 0;
    background-size: cover;
} 
.jnext{
position: absolute;
    top: 4px;
    right: 4px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jnext.png) no-repeat 0 0;
    background-size: cover;
} 

.jnext_off{
position: absolute;
    top: 4px;
    right: 6px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jnext_off.png) no-repeat 0 0;
    background-size: cover;
} 

.jbtn_stroke{
    position: absolute;
    top: 1543px;
    left: 490px;
      width: 70px;
    height: 70px;
    display: block;
    border-radius: 80px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #353E65 0%, #353E65 0%) padding-box, linear-gradient(to top, #FF54D7, #FFF6FF);
    background-origin: border-box;
}

.jaudiobtn{
position: absolute;
    top: 1544px;
    left: 489px;
    width: 72px;
    height: 72px;
    display: block;
    background: url(../journey/journey_images/jplay.png) no-repeat 0 0;
    background-size: cover;
} 
.jaudiobtn2{

    background: url(../journey/journey_images/jpause.png) no-repeat 0 0;
    background-size: cover;

} 

.jaudiobtn3{

    background: url(../journey/journey_images/jpause_grey.png) no-repeat 0 0;
    background-size: cover;

} 

.jbtn_position2{
    top: 1562px;
    left: 341px;
}
.jbtnstroke_position2{

    top: 1561px;
    left: 342px;
}

.jbtn_position3{
    top: 1467px;
    left: 197px;
}
.jbtnstroke_position3{
    top: 1466px;
    left: 198px;
}

.jbtn_position4{
top: 1385px;
    left: 320px;
}
.jbtnstroke_position4{
top: 1384px;
    left: 321px;
}

.jbtn_position5{
    top: 1332px;
    left: 159px;
}
.jbtnstroke_position5{
    top: 1331px;
    left: 160px;
}

#waveSVG {
  /* display: block;
      width: 1415px;
    margin: 29px 0 0 -118px; */

        display: block;
    width: 1174px;
    margin: 55px 0 0 37px;
}

#icon {
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
}


.popup {
    position: absolute;
    width: 1080px;
    height: 1920px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
    
}
.popup.in {
	display: block;
/*	animation: fadeIn 0.5s;*/
}

.popup .popup-inner {

    width: fit-content;
    height: fit-content;
    margin: 0px auto 0 auto;
    position: absolute;
    border-radius: 10px;
    /* padding: 19px 25px 25px 25px; */
    left: 82px;
    min-height: 230px;
    /* transform: translate(-50%, -50%); */
    top: 543px;
    font-family: 'Kanit';
}

.popup .popup-close {
    width: 70px;
    height: 70px;
    background: none;
    border: none;
    position: absolute;
    right: 55px;
    top: 0;
    cursor: pointer;
    transition: 0.3s;
    /* background: rgba(0, 0, 0, .5); */
}