#p1 #s1{position:relative;background:url(../img/p1-bg1.jpg) center center no-repeat;background-size:cover}#p1 #s1 .control-btn{position:absolute;bottom:5%;left:0}#p1 #s1 .control-btn .btn2{outline:0;display:inline-block;vertical-align:top}@media screen and (max-width:496px){#p1 #s1 .control-btn{right:0}#p1 #s1 .control-btn .btn2{width:50px;height:50px}#p1 #s1 .control-btn .btn2.lang{float:right}}#p1 #s1 #text_1{position:absolute;top:10%;left:0;width:100%;text-align:center;padding:0 5px;transition-delay:.8s;-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}#p1 #s1 #mom_2,#p1 #s3 .boxset .title{-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%)}#p1 #s1 #mom_2{width:28%;bottom:-25%;left:50%;transition-delay:.4s;transform:translateX(-50%)}#p1 #s1 #btn_3{position:absolute;right:5%;bottom:5%;transition-delay:1.2s}@media screen and (max-width:991px){#p1 #s1{background-image:url(../img/p1-bg1-mb.jpg)}#p1 #s1 #mom_2{width:30%;bottom:-1%}#p1 #s1 #btn_3{position:absolute;left:50%;top:15%;bottom:auto;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#p1 #s1.active #text_1{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);top:5%}#p1 #s2 #msg_6,#p1 #s2 #msg_7{padding:5px 10px;top:auto;text-align:center;position:absolute}#p1 #s2{background:#FDC141}#p1 #s2 #text_4{position:absolute;top:5%;left:20%;-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);transition-delay:2.2s}#p1 #s2 #group_5{background:url(../img/p1-hand-mobile.png) center bottom no-repeat;background-size:100% auto;width:42%;padding-top:51%;position:absolute;bottom:0;left:20%;transition-delay:.3s}#p1 #s2 #msg_6{background:#48B97B;border:3px solid #231F20;border-radius:25px;color:#fff;bottom:57%;left:46%;transition-delay:1s}#p1 #s2 #msg_7{background:#fff;border:3px solid #231F20;border-radius:25px;color:#000;bottom:47%;left:32%;transition-delay:1.4s}#p1 #s2 #btn_8{z-index:10;right:27%;bottom:5%;min-width:210px;transition-delay:2.6s}@media screen and (max-width:991px){#p1 #s2 #text_4{width:100%;left:0;text-align:center}#p1 #s2 #group_5{left:0;width:100%;padding-top:114%}#p1 #s2 #btn_8{top:18%;bottom:auto;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#p1 #s2.active #text_4{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#p1 #s3 #group_9{max-width:230px;left:20%;top:5%;-ms-transform:translateX(100px);-webkit-transform:translateX(100px);transform:translateX(100px);transition-delay:2s}#p1 #s3 #merchant_12{width:30%;left:45%;bottom:50%;transition-delay:1.2s}#p1 #s3 #group_13{background:url(../img/p1-table.png) center bottom no-repeat;background-size:100% auto;width:80%;padding-top:45%;position:absolute;bottom:-8%;left:10%;transition-delay:.3s}@media screen and (max-width:991px){#p1 #s3 #group_9{left:10%;max-width:155px;top:18%}#p1 #s3 #merchant_12{width:45%;left:50%}#p1 #s3 #group_13{padding-top:95%;width:100%;left:0;background-image:url(../img/p1-table-mb.png)}}@media screen and (max-width:496px){#p1 #s1 #text_1{padding:0 15px}#p1 #s1 #mom_2{width:50%;bottom:-1%}#p1 #s2 #msg_6{bottom:60%;left:40%;padding:0 10px}#p1 #s2 #msg_7{padding:0 10px}#p1 #s2 #btn_8{line-height:1.3}#p1 #s3 #group_13{bottom:1%;width:100%}}#p1 #s3 #group_13.fade-all,#p1 #s3 #group_13.fade-all .boxset{transition-delay:unset!important}#p1 #s3 #group_13.fade-all .boxset:not(.selected){opacity:.3!important}#p1 #s3 .boxset{position:absolute;background:url(../img/bottom-circle.png) bottom center no-repeat;background-size:100% auto;display:inline-block;max-width:24%;padding-bottom:1%;padding-left:1%;cursor:pointer}#p1 #s3 .boxset img{width:100%}#p1 #s3 .boxset .title{font-family:Sarabun;line-height:15px;font-size:12px;border:2px solid #000;border-radius:15px;min-width:110px;margin:0;background:#fff;padding:5px;position:absolute;left:50%;text-align:center;top:80%;transform:translateX(-50%)}#p1 #s3 #mom_21,#p1 #s3 #mom_22{left:0;transition-delay:1.5s;display:none;pointer-events:none}@media screen and (max-width:496px){#p1 #s3 .boxset .title{line-height:11px;font-size:9px;border-radius:7px;min-width:84px;padding:2px}}#p1 #s3 #boxset_14{top:0;left:16%;transition-delay:.4s}#p1 #s3 #boxset_15{top:0;left:43%;transition-delay:.5s}#p1 #s3 #boxset_16{top:2%;left:71%;transition-delay:.6s}#p1 #s3 #boxset_17{top:30%;left:23%;transition-delay:.7s}#p1 #s3 #boxset_18{top:30%;left:48%;transition-delay:.8s}#p1 #s3 #boxset_19{top:30%;left:75%;transition-delay:.9s}#p1 #s3 #btn_20{bottom:2%;right:45%}#p1 #s3 #mom_21{width:35%;bottom:-4%;-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px)}@media screen and (min-width:992px){#p1 #s3 #mom_21{display:block}}#p1 #s3 #mom_22{width:60%;bottom:0;-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px)}#p1 #s3.active #group_9,#p1 #s3.active #mom_21,#p1 #s3.active #mom_22{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}body:lang(en) #p1 #s2 #text_4{text-align:center}body:lang(en) #p1 #s2 #msg_6{line-height:15px;left:40%;border-radius:15px}body:lang(en) #p1 #s2 #msg_7{line-height:15px;text-align:left;border-radius:15px}body:lang(en) #p1 #s2 #btn_8{line-height:21px!important}@media screen and (max-width:991px){#p1 #s3 #boxset_14{left:10%}#p1 #s3 #boxset_15{left:38%}#p1 #s3 #boxset_16{left:68%}#p1 #s3 #boxset_17{top:21%;left:10%}#p1 #s3 #boxset_18{top:21%;left:38%}#p1 #s3 #boxset_19{top:22%;left:68%}#p1 #s3 #btn_20{right:5%;bottom:20%}#p1 #s3 #mom_22{display:block}body:lang(en) #p1 #s1 #btn_3{min-width:190px}body:lang(en) #p1 #s2 #msg_6{font-size:16px;left:32%}body:lang(en) #p1 #s2 #btn_8{line-height:20px;min-width:240px}}body:lang(en) #p1 #s3 #group_9{max-width:300px;text-align:center}body:lang(en) #p1 #s3 .boxset .title{font-size:15px}body:lang(en) #p1 #s3 #boxset_14 .title{min-width:60%}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_14 .title{font-size:10px;min-width:100%}}body:lang(en) #p1 #s3 #boxset_15 .title{min-width:60%}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_15 .title{font-size:10px;min-width:100%}}body:lang(en) #p1 #s3 #boxset_16 .title{min-width:60%}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_16 .title{font-size:10px;min-width:100%}}body:lang(en) #p1 #s3 #boxset_17 .title{min-width:70%}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_17 .title{font-size:10px;min-width:100%}}body:lang(en) #p1 #s3 #boxset_18 .title{min-width:55%}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_18 .title{font-size:10px;min-width:100%}}body:lang(en) #p1 #s3 #boxset_19 .title{min-width:80%}.control-btn.control-custom{position:absolute;top:10px;left:5px;z-index:1}.control-btn.control-custom .btn2{outline:0;display:inline-block;vertical-align:top}@media screen and (max-width:991px){body:lang(en) #p1 #s3 #boxset_19 .title{font-size:10px;min-width:100%}.control-btn.control-custom{left:3%}}@media screen and (max-width:496px){.control-btn.control-custom .btn2{width:50px;height:50px}}