.member-campaign{width:460px}.modal-member{font-family:"dbozonex",sans-serif;-webkit-box-shadow:0 3px 2px 2px rgba(0,0,0,0.1);box-shadow:0 3px 2px 2px rgba(0,0,0,0.1);border-radius:25px;-webkit-border-radius:25px;width:460px;padding:15px 25px 50px 25px}.modal-member h5{font-size:32px !important;color:#000;text-align:center}.modal-member h6{font-size:24px !important;color:#000;text-align:center}.modal-member .submit-btn{text-align:center;margin-top:20px}.modal-member .submit-btn .btn{width:100%;background:#fff;border:solid 2px #690;font-size:24px;color:#690;font-weight:800;cursor:pointer}.modal-member .submit-btn .btn:hover{background:#EAF4DA}.modal-member ::-webkit-input-placeholder{color:#FFF;opacity:0.3}.modal-member :-ms-input-placeholder{color:#FFF;opacity:0.3}.modal-member ::-moz-placeholder{color:#FFF;opacity:0.3}.modal-member .interest .form-check-input{margin-left:0rem !important}.modal-member .interest .check-box{width:41%;margin:5px 15px;font-size:20px;padding:5px 15px;border-radius:5px;background:#4f7a1f;color:#FFF;cursor:pointer;display:inline-block}.modal-member .interest .check-box:hover{background:rgba(79,122,31,0.9)}.modal-member .interest .check-box input[type=checkbox]{margin-right:5px}.modal-member .noti{margin-bottom:0}.modal-member .noti label{font-size:22px}.modal-member .noti .receive-noti{background:#6ba42b;color:#FFF;width:80%;border:none;margin:0 10% 2% 10%;border-radius:25px;-webkit-border-radius:25px}.modal-member .noti .receive-noti:hover{background:rgba(107,164,43,0.8);color:#FFF}.modal-member .noti .no-noti{background:#f55a3c;color:#FFF;width:80%;border:none;margin:0 10% 2% 10%;border-radius:25px;-webkit-border-radius:25px}.modal-member .noti .no-noti:hover{background:rgba(245,90,60,0.9);color:#FFF}.modal-member .noti input.form-check-input{visibility:hidden}.modal-member .birthday{margin-bottom:0}.modal-member .birthday select{padding-right:15px !important}.modal-member .birthday .form-control{padding:5px;height:40px;background:#4f7a1f;border:solid 1px #B9D774;color:#FFF;-webkit-box-shadow:0 1px 5px 0px  #bababa;box-shadow:0 1px 5px 0px  #bababa}.modal-member .birthday #Date{width:20%;display:inline}.modal-member .birthday #month{width:49%;display:inline}.modal-member .birthday #year{width:29%;display:inline}.modal-member .birthday .form-group div{margin-right:5px}.modal-member .birthday .form-group div:last-child{margin-right:0px}.modal-member .phone{margin-bottom:0px}.modal-member .phone .form-control{height:40px;padding:15px;background:#4f7a1f;border:solid 1px #B9D774;-webkit-box-shadow:0 1px 5px 0px #bababa;box-shadow:0 1px 5px 0px #bababa;font-size:20px}.modal-member .name{margin-bottom:0px}.modal-member .name .form-control{height:40px;padding:15px;background:#4f7a1f;border:solid 1px #B9D774;-webkit-box-shadow:0 1px 5px 0px #bababa;box-shadow:0 1px 5px 0px #bababa;font-size:20px}.modal-member .name input{width:100%;display:inline-block;margin-bottom:10px}.modal-member .gender{margin-bottom:0px}.modal-member .gender label{font-size:24px;font-weight:800}.modal-member .gender label span{margin-left:-10%}.modal-member .gender .fa{background:#FFF;border-radius:50px;width:40px;height:40px;color:#000;float:left;padding:0 !important;margin-right:0px !important;margin-top:0px !important}.modal-member .gender .fa-mars:before,.modal-member .gender .fa-venus:before,.modal-member .gender .fa-transgender:before{font-size:22px;font-weight:800;vertical-align:middle;line-height:40px}.modal-member .gender .fa-mars:before{color:#1ec8dc}.modal-member .gender .fa-venus:before{color:#fdadfe}.modal-member .gender .fa-transgender:before{color:#bdbdbd}.modal-member .gender .men{background:#1ec8dc;color:#FFF;width:80%;border:none;margin:0 10% 2% 10%;border-radius:25px;-webkit-border-radius:25px}.modal-member .gender .men:hover{background:rgba(30,200,220,0.8);color:#FFF}.modal-member .gender .women{background:#fdadfe;color:#FFF;width:80%;border:none;margin:0 10% 2% 10%;border-radius:25px;-webkit-border-radius:25px}.modal-member .gender .women:hover{background:rgba(253,173,254,0.8);color:#FFF}.modal-member .gender .no-request{background:#bdbdbd;color:#FFF;width:80%;border:none;margin:0 10% 2% 10%;border-radius:25px;-webkit-border-radius:25px}.modal-member .gender .no-request:hover{background:rgba(189,189,189,0.8);color:#FFF}.modal-member .gender .btn.men.active,.modal-member .gender .btn.women.active,.modal-member .gender .btn.no-request.active{background:#FFF;color:#000;border:1px solid #f1f1f1}.modal-member .gender .form-control{padding:5px;background:#333;color:#FFF;-webkit-box-shadow:0 2px 5px 0px #666;box-shadow:0 2px 5px 0px #666}@media only screen and (max-width: 575px){.member-campaign{width:auto}.modal-member{width:auto}}@media only screen and (min-width: 576px) and (max-width: 767px){.member-campaign{width:auto}.modal-member{width:auto}}@media only screen and (min-width: 768px) and (max-width: 991px){.member-campaign{width:auto}.modal-member{width:auto}}#campaign-container .close{padding:0;margin:0}#campaign-container .close .fa{margin:0 !important}#campaign-container .modal-header{padding:0 !important}#campaign-container .modal-body{padding:0 15px !important}button.click-campaign{background:#690;border:none;border-radius:5px;color:#FFF;padding:15px 15px;width:30%}button.click-campaign:hover{background:darkgreen}.campaign-seagame{margin-bottom:15px}.campaign-seagame label.seagame img{height:25px !important}.campaign-seagame h2{text-align:center;font-size:24px !important;color:#000;font-weight:800;line-height:24px !important}.campaign-seagame input[type=radio]{visibility:hidden !important;width:0}.campaign-seagame .btn.seagame{width:31.5%;text-align:left;-webkit-box-shadow:0 3px 10px 3px #f1f1f1;box-shadow:0 3px 10px 3px #f1f1f1;margin:2px;border:solid 1px #e3e3e3;font-family:"Kanit",sans-serif !important;font-size:14px;font-weight:800;padding:5px 10px;background:linear-gradient(180deg, #fff 20%, #f7f7f7 70%);cursor:pointer}.campaign-seagame .btn.seagame.active{background:#94C03E;-webkit-box-shadow:none;box-shadow:none;border:solid 1px #7aa624}.bg-campaign-seagame{background:url(../../../../assets/images/seagames/bg-campaign-cheerthai.png) #fff -20px bottom no-repeat;background-size:110%}.birthday{margin-bottom:120px}.birthday select{padding-right:15px !important}.birthday .form-control{padding:5px;background:#333;color:#FFF;-webkit-box-shadow:0 2px 5px 0px #666;box-shadow:0 2px 5px 0px #666}.birthday h5{font-size:32px;color:#000;text-align:center}.birthday h6{font-size:24px;color:#000;text-align:center}.birthday #Date{width:20%;display:inline}.birthday #month{width:49%;display:inline}.birthday #year{width:28%;display:inline}.birthday .form-group div{margin-right:5px}.birthday .form-group div:last-child{margin-right:0px}.name{margin-bottom:120px}.name .form-control{padding:5px;background:#333;color:#FFF;-webkit-box-shadow:0 2px 5px 0px #666;box-shadow:0 2px 5px 0px #666}.name h5{font-size:32px;color:#000;text-align:center}.name h6{font-size:24px;color:#000;text-align:center}.name .form-group div{margin-right:5px}.name .form-group div:last-child{margin-right:0px}.name .col-form-label{width:20%;text-align:right;font-weight:800;margin-right:5px;font-size:24px}.name input{width:70%;display:inline-block;padding:10px !important}.name .input-box{width:100%;display:block;margin-bottom:15px}.phone{margin-bottom:120px}.phone .form-control{padding:5px;background:#333;color:#FFF;-webkit-box-shadow:0 2px 5px 0px #666;box-shadow:0 2px 5px 0px #666}.phone h5{font-size:32px;color:#000;text-align:center}.phone h6{font-size:24px;color:#000;text-align:center}.phone .form-group div{margin-right:5px}.phone .form-group div:last-child{margin-right:0px}.phone .col-form-label{width:20%;text-align:right;font-weight:800;margin-right:5px;font-size:24px}.phone .input-box{width:100%;display:block;margin-bottom:15px}.phone input#local-number{width:20%;display:inline}.phone input#full-number{width:78%;display:inline}.gender{margin-bottom:120px}.gender label{font-size:24px;font-weight:800}.gender .fa{background:#FFF;border-radius:50px;width:40px;height:40px;color:#000}.gender .fa-mars:before,.gender .fa-venus:before,.gender .fa-transgender:before{font-size:22px;font-weight:800;vertical-align:middle;line-height:40px}.gender .fa-mars:before{color:#1ec8dc}.gender .fa-venus:before{color:#fdadfe}.gender .fa-transgender:before{color:#bdbdbd}.gender .men{background:#1ec8dc;color:#FFF;width:100%;border:none}.gender .men:hover{background:rgba(30,200,220,0.9);color:#FFF}.gender .women{background:#fdadfe;color:#FFF;width:100%;border:none}.gender .women:hover{background:rgba(253,173,254,0.9);color:#FFF}.gender .no-request{background:#bdbdbd;color:#FFF;width:100%;border:none}.gender .no-request:hover{background:rgba(189,189,189,0.9);color:#FFF}.gender .btn.men.active,.gender .btn.women.active,.gender .btn.no-request.active{background:#000;color:#fff}.gender .form-control{padding:5px;background:#333;color:#FFF;-webkit-box-shadow:0 2px 5px 0px #666;box-shadow:0 2px 5px 0px #666}.gender h5{font-size:32px;color:#000;text-align:center}.gender h6{font-size:24px;color:#000;text-align:center}.gender .form-group div{margin-right:5px}.gender .form-group div:last-child{margin-right:0px}@media only screen and (max-width: 575px){.campaign-seagame h2{font-size:20px !important;line-height:20px !important}.campaign-seagame .btn.seagame{width:30% !important;font-size:12px !important;padding:5px  !important}.campaign-seagame label.seagame img{height:22px !important;margin:0 !important}}@media only screen and (min-width: 576px) and (max-width: 767px){.campaign-seagame h2{font-size:20px !important;line-height:20px !important}.campaign-seagame .btn.seagame{width:30% !important;font-size:12px !important;padding:5px  !important}.campaign-seagame label.seagame img{height:22px !important;margin:0 !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.campaign-seagame h2{font-size:20px !important;line-height:20px !important}.campaign-seagame .btn.seagame{width:30% !important;font-size:12px !important;padding:5px  !important}.campaign-seagame label.seagame img{height:22px !important;margin:0 !important}}