@font-face{font-family:"SukhumvitSet";src:url("../font/SukhumvitSet/SukhumvitSet-Bold.ttf") format("truetype");}body{background:url("../image/main/BG1440.png") top;font-family:"SukhumvitSet" !important;}button:focus{outline:none !important;}.text-register{padding:9px;font-size:2.3vw;font-weight:bold;}.text-download{font-size:1.5vw;}.img-cartoon{width:18vw;margin:0 auto;display:block;margin-top:2vw;}.img-logo{width:330px;margin:0 auto;display:block;padding:20px 40px;}.img-app-logo{margin:0 auto;display:block;width:11vw;margin-top:3vw !important;}.img-store-icon{margin:0 auto;display:block;width:14vw;cursor:pointer;}.download-store{padding:12px;}.copy-section{width:28vw;border:solid 2px #fa9627;border-radius:8px;margin:0 auto;overflow:hidden;box-shadow:1px 2px 20px #888;}@media(max-width:780px){.text-register{padding:9px 0;font-size:19px;font-weight:bold;}.img-cartoon{width:46vw;margin:0 auto;display:block;margin-top:2vw;max-width:175px;}.text-download{font-size:3.5vw;}.img-logo{width:200px;margin:0 auto;display:block;padding:10px;}.img-app-logo{width:97px;margin:0 auto;display:block;margin-top:10vw !important;}.img-store-icon{margin:0 auto;display:block;width:38vw;max-width:150px;}.download-store{padding:12px;}.copy-section{width:71vw;border:solid 2px #fa9627;border-radius:8px;margin:0 auto;overflow:hidden;box-shadow:1px 2px 20px #888;max-width:262px;}}@media screen and (min-width:992px){.show-only-mobile{display:none;}}@media screen and (max-width:992px){.show-only-web{display:none;}}body{background:url("../image/friendGetFriend/BG.jpg") repeat-x top;}.topbar{background:#fff;padding:6px 0;overflow:hidden;}.topbar .icon{background:url("../image/friendGetFriend/Logo-PNG.png") no-repeat center center;width:120px;height:44px;background-size:contain;float:right;}.bottom_wrapper{background:#003141;padding:30px;}.bottom_wrapper .text{color:#fff;text-align:center;font-size:2em;}.bottom_wrapper .col-6 .col_wrapper{width:100%;}.bottom_wrapper .col-6 .text{width:100%;font-size:1.3em;padding-top:10px;}.bottom_wrapper .col-6:first-child{border-right:2px solid rgba(207,203,203,.95);}.bottom_wrapper .download-store{padding:12px;width:60%;margin:12px auto;}.appName_wrapper{padding-top:50px;color:#fff;text-align:center;margin:0 auto;}.appName_wrapper .appName{font-weight:bold;}.coin_wrapper{display:flex;padding-top:55px;padding-bottom:122px;}.coin_wrapper .content_wrapper{width:50%;text-align:center;}.coin_wrapper .content_wrapper .icon_coin{width:85%;margin:0 auto;}.coin_wrapper .step_wrapper{width:50%;}.coin_wrapper .step_wrapper .step{background:#fff;width:70%;min-width:330px;margin-left:14%;margin-bottom:42px;box-shadow:0 0 14px 0 #fff;border-radius:12px;position:relative;}.coin_wrapper .step_wrapper .step .num1{margin:0 auto;background:url("../image/friendGetFriend/icon-step1@2x.png") no-repeat center center;width:34px;height:34px;background-size:100%;margin-bottom:6px;position:absolute;top:-18px;left:50%;transform:translateX(-50%);}.coin_wrapper .step_wrapper .step .num2{margin:0 auto;background:url("../image/friendGetFriend/icon-step2@2x.png") no-repeat center center;width:34px;height:34px;background-size:100%;margin-bottom:6px;position:absolute;top:-18px;left:50%;transform:translateX(-50%);}.coin_wrapper .step_wrapper .step.step1 .download_text{color:#003141;text-align:center;font-size:1.5em;padding-top:18px;padding-bottom:18px;}.coin_wrapper .step_wrapper .step.step2 .download_text{color:#003141;text-align:center;font-size:1.2em;padding-top:18px;padding-bottom:6px;}.coin_wrapper .step_wrapper .step .code_wrapper{display:flex;padding-bottom:12px;}.coin_wrapper .step_wrapper .step .code_wrapper .label{color:#00a6ce;width:20%;padding-right:8px;text-align:right;line-height:40px;}.coin_wrapper .step_wrapper .step .code_wrapper .inner_wrapper{width:68%;overflow:hidden;display:flex;}.coin_wrapper .step_wrapper .step .code_wrapper .inner_wrapper #text-ref{color:#00a6ce;border:1px solid #ccc;border-bottom-left-radius:6px;border-top-left-radius:6px;border-bottom-right-radius:0;border-top-right-radius:0;width:60%;height:40px;outline:none;padding:0 12px;border-right:none;letter-spacing:1px;}.coin_wrapper .step_wrapper .step .code_wrapper .inner_wrapper .btn-coppy{background:#f8992e;width:40%;height:40px;border:none;color:#fff;border-bottom-right-radius:6px;border-top-right-radius:6px;cursor:pointer;}@media(max-width:768px){.coin_wrapper{display:block;padding-top:0;padding-bottom:0;}.coin_wrapper .content_wrapper{width:100%;padding-bottom:44px;}.coin_wrapper .content_wrapper .icon_coin{width:75%;margin:0 auto;}.coin_wrapper .step_wrapper{width:100%;}.coin_wrapper .step{width:56% !important;margin-left:auto !important;margin:0 auto;margin-bottom:30px !important;}}@media(max-width:768px){.coin_wrapper .step_wrapper .step{width:350px !important;margin-left:auto !important;margin:0 auto;margin-bottom:30px !important;}.coin_wrapper .step_wrapper .step .code_wrapper .inner_wrapper{width:74%;overflow:hidden;display:flex;}.bottom_wrapper{padding-bottom:16px;padding:90px 0;}.bottom_wrapper{padding-bottom:16px;padding:20px 0;}.bottom_wrapper .text{color:#fff;text-align:center;font-size:1.2em;padding-bottom:20px;}.bottom_wrapper .download-store{padding:0;width:100%;margin:0 auto;}.bottom_wrapper .download-store .col-6 .text{font-size:.9em;padding-top:10px;padding-bottom:0;}.bottom_wrapper .download-store .img-store-icon{margin:0 auto;display:block;width:66%;}}@media(max-width:500px){.coin_wrapper .step_wrapper .step{width:96% !important;margin-left:auto !important;margin:0 auto;margin-bottom:30px !important;}}@media(max-width:380px){.coin_wrapper .step_wrapper .step{min-width:290px;}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}