@charset "utf-8";
/* CSS Document */
/* Developed and copyright by Supawee "Bom" Ippoodom */

/* Reset - Start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
/* Reset - End */

*{ margin:0 0; padding:0 0; font-family: 'Kanit', sans-serif !important; }
a, a:hover, a:active, a:visited{ text-decoration:none; cursor:pointer; }
a img{ border:none; }
.noinnertext{ font-size:0; line-height:0; overflow:hidden; text-indent:-999em; text-decoration:none; }
.al-l{ text-align:left; }
.al-c{ text-align:center; }
.al-r{ text-align:right; }
.italic{ font-style:italic; }
.underline{ text-decoration:underline; }
.img-fullwidth{ max-width:100%; }
.img-maxwidth{ width:100%; }
.nopadding{ padding:0; }

h1,h2,h3,h4,h5,b,strong{ font-weight:normal; }

/* Fonts - Start */
.thin{ font-weight:100; }
.extra-light{ font-weight:200; }
.light{ font-weight:300; }
.regular{ font-weight:400; }
.medium{ font-weight:500; }
.semi-bold{ font-weight:600; }
.bold, strong{ font-weight:700; }
.extra-bold{ font-weight:800; }
.extra-black{ font-weight:900; }
.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
h1{
    font-size:36px;
    line-height:36px;
}
h2{
    font-size:24px;
    line-height:24px;
}
h3{
    font-size:20px;
    line-height:36px;
}
h4{
    font-size:18px;
    line-height:18px;
}
h5{
    font-size:16px;
    line-height:16px;
}
p, li{
    font-size:16px;
    line-height:26px;
}
.small{
    font-size:12px !important;
}
/* Fonts - End */

/* Color Identity - Start */
.white{ color:#FFF; }
.black{ color:#000; }
.red{ color:#FF0000; }
.yellow{ color:#F8D46A; }
.dark-yellow{ color:#97600B; }
.grey{ color:#444444; }
.green{ color:#27C70D; }
.dark{ color:#0785AE; }
.blue{ color:#588ECF; }
.light-orange{ color:#FB6901; }
.orange{ color:#F53701; }
.dark-teal{ color:#004854; }
.teal{ color:#027E80; }
.light-teal{ color:#00B9BC; }
/* Color Identity - End */

/* Background - Start */
.bg-black{ background-color:#000; }
.bg-white{ background-color:#FFF; }
.bg-red{ background-color:#E81B22; }
.bg-yellow{ background-color:#F8D46A; }
.bg-lightgrey{ background-color:#F0F0F0; }
.bg-dark{ background-color:#0785AE; }
.bg-blue{ background-color:#588ECF; }
.bg-green{ background-color:#4CA859; }
.bg-grey{ background-color:#7B7B7B; }
.bg-light-orange{ background-color:#FB6901; }
.bg-orange{ background-color:#F53701; }
.bg-dark-teal{ background-color:#004854; }
.bg-teal{ background-color:#027E80; }
.bg-light-teal{ background-color:#00B9BC; }
.bg-transparent{ background-color:transparent; }

.bg-gradient-1{
	background: rgb(9,138,175);
	background: -moz-linear-gradient(180deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	background: linear-gradient(180deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098aaf",endColorstr="#2fc5c8",GradientType=1);
}
.bg-gradient-2{
	background: rgb(9,138,175);
	background: -moz-linear-gradient(0deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	background: linear-gradient(0deg, rgba(9,138,175,1) 0%, rgba(47,197,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098aaf",endColorstr="#2fc5c8",GradientType=1);
}
/* Background - End */

/* Border - Start */
.noborder{ border:none !important; }
.border-custom{ border:1px solid; }
.border-custom-top{ border-top:1px solid; }
.border-custom-right{ border-right:1px solid; }
.border-custom-bottom{ border-bottom:1px solid; }
.border-custom-left{ border-left:1px solid; }

	/* Border Size - Start */
	.border-2px{ border-width:2px !important; }
	.border-3px{ border-width:3px !important; }
	.border-4px{ border-width:4px !important; }
	.border-5px{ border-width:5px !important; }
	.border-6px{ border-width:6px !important; }
	.border-7px{ border-width:7px !important; }
	.border-8px{ border-width:8px !important; }
	.border-9px{ border-width:9px !important; }
	.border-10px{ border-width:10px !important; }
	/* Border Size - End */

	/* Border Color - Start */
	.border-black{ border-color:#000 !important; }
	.border-white{ border-color:#FFF !important; }
  .border-dark{ border-color:#144394 !important; }
  .border-grey{ border-color:#C4C4C4 !important; }
  .border-blue{ border-color:#588ECF !important; }
  .border-green{ border-color:#4CA859 !important; }
	.border-light-orange{ border-color:#FB6901 !important; }
	.border-orange{ border-color:#F53701 !important; }
	.border-dark-teal{ border-color:#004854 !important; }
	.border-teal{ border-color:#027E80 !important; }
	.border-light-teal{ border-color:#00B9BC !important; }
	/* Border Color - End */

    /* Border Radius - Start */
    .border-radius{
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
    }
    .no-radius{
        border-radius:0 !important;
        -webkit-border-radius:0 !important;
        -moz-border-radius:0 !important;
        -o-border-radius:0 !important;
    }
		.border-circle{
			border-radius:50%;
			-webkit-border-radius:50%;
			-moz-border-radius:50%;
			-o-border-radius:50%;
		}
    /* Border Radius - End */

/* Border - End */

/* .box-shadow - Start */
.box-shadow{
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
/* .box-shadow - End */

/* Buttons - Start */
.btn-text{
    transition:.2s color linear;
    -webkit-transition:.2s color linear;
    -moz-transition:.2s color linear;
    -o-transition:.2s color linear;
}
.share-button{
	font-size:22px;
}
.btn-custom{
    padding:0.25rem 1rem;

    font-size:14px;
    font-weight:400;

    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;

    transition:.2s color linear, .2s background-color linear, .2s border-color linear;
    -webkit-transtion:.2s color linear, .2s background-color linear, .2s border-color linear;
    -moz-transition:.2s color linear, .2s background-color linear, .2s border-color linear;
    -o-transition:.2s color linear, .2s background-color linear, .2s border-color linear;
}
.btn-social{
    width:29px;
    height:29px;
    padding:0.25rem 0.5rem;

    font-size:14px;
    line-height:14px;

    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;

    transition:.2s color linear, .2s background-color linear, .2s border-color linear;
    -webkit-transtion:.2s color linear, .2s background-color linear, .2s border-color linear;
    -moz-transition:.2s color linear, .2s background-color linear, .2s border-color linear;
    -o-transition:.2s color linear, .2s background-color linear, .2s border-color linear;
}
    /* Colors - Start */
    .btn-custom.btn-red{
        background-color:#E81B22 !important;
        color:#F8D46A !important;
    }
    .btn-custom.btn-red-transparent{
        background-color:transparent !important;
        color:#fff !important;
        border-color:#fff !important;
    }
    .btn-custom.btn-white-transparent{
        background-color:transparent !important;
        border:1px solid #000 !important;
    }
    .btn-custom.btn-black{
        background-color:#000 !important;
        color:#fff !important;
    }
    .btn-custom.btn-blue{
        background-color:#588ECF !important;
        color:#fff !important;
        border-color:#588ECF !important;
    }
    .btn-custom.btn-green{
        background-color:#4CA859 !important;
        color:#fff !important;
        border-color:#4CA859 !important;
    }
    .btn-social.btn-messenger{
		color:#fff !important;
		background-color:#4785FF !important;
	}
	.btn-social.btn-whatsapp{
		color:#fff !important;
		background-color:#3FD366 !important;
	}
	.btn-social.btn-line{
		color:#fff !important;
		background-color:#35C300 !important;
	}
	.btn-social.btn-twitter{
		color:#fff !important;
		background-color:#55ABEE !important;
	}
	.btn-social.btn-facebook{
		color:#fff !important;
		background-color:#3B5A9A !important;
	}
	.btn-custom.btn-teal{
		color:#fff !important;
		background-color:#00B9BC !important;
	}.btn-custom.btn-danger {
        color: #fff !important;
        background-color: #bc0000 !important;
    }
	.btn-custom.btn-grey{
		color:#027E80 !important;
		background-color:#D4E4E4 !important;
	}
	.btn-custom.btn-orange{
		color:#fff !important;
		background-color:#FB6901 !important;
	}
    /* Colors - End */

    /* .btn-text:hover - Start */
    .btn-text.white:hover{
        color:#fff;
    }
    .btn-text.grey:hover{
        color:#E81B22;
    }
    /* .btn-text:hover - End */

/* Buttons - End */

/* Animation - Start */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.6s; }
.delay-3 { animation-delay: 0.8s; }
.delay-4 { animation-delay: 0.9s; }
.delay-5 { animation-delay: 1s; }
.delay-6 { animation-delay: 1.1s; }
.delay-7 { animation-delay: 1.2s; }
.delay-8 { animation-delay: 1.3s; }
.delay-9 { animation-delay: 1.4s; }
.delay-10 { animation-delay: 1.5s; }
.delay-11 { animation-delay: 1.6s; }
.delay-12 { animation-delay: 1.7s; }
.delay-13 { animation-delay: 1.8s; }
.delay-14 { animation-delay: 1.9s; }
.delay-15 { animation-delay: 2s; }
.delay-16 { animation-delay: 2.1s; }
.delay-17 { animation-delay: 2.2s; }
.delay-18 { animation-delay: 2.3s; }
.delay-19 { animation-delay: 2.4s; }
.delay-20 { animation-delay: 2.5s; }
.delay-21 { animation-delay: 2.6s; }
.delay-22 { animation-delay: 2.7s; }
.delay-23 { animation-delay: 2.8s; }
.delay-24 { animation-delay: 2.9s; }
.delay-25 { animation-delay: 3s; }
.delay-26 { animation-delay: 3.1s; }
.delay-27 { animation-delay: 3.2s; }
.delay-28 { animation-delay: 3.3s; }
.delay-29 { animation-delay: 3.4s; }
.delay-30 { animation-delay: 3.5s; }

.slow-1 { animation-duration: 2s; }
.slow-2 { animation-duration: 2.1s; }
.slow-3 { animation-duration: 2.2s; }
.slow-4 { animation-duration: 2.3s; }
.slow-5 { animation-duration: 2.4s; }
.slow-6 { animation-duration: 2.5s; }
.slow-7 { animation-duration: 2.6s; }
.slow-8 { animation-duration: 2.7s; }
.slow-9 { animation-duration: 2.8s; }
.slow-10 { animation-duration: 2.9s; }
.slow-11 { animation-duration: 3s; }
.slow-12 { animation-duration: 3.1s; }
.slow-13 { animation-duration: 3.2s; }
.slow-14 { animation-duration: 3.3s; }
.slow-15 { animation-duration: 3.4s; }
.slow-16 { animation-duration: 3.5s; }
.slow-17 { animation-duration: 3.6s; }
.slow-18 { animation-duration: 3.7s; }
.slow-19 { animation-duration: 3.8s; }
.slow-20 { animation-duration: 3.9s; }
.slow-21 { animation-duration: 4s; }
/* Animation - End */

/* #loading - Start */
@keyframes ldio-elq6fehsehk {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}
#loading{
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;

    background-color:rgba(0,0,0, 0.6);

    display:none;
    z-index:999;
}
.ldio-elq6fehsehk div { box-sizing: border-box!important }
.ldio-elq6fehsehk > div {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-color: #a9060a transparent #a9060a transparent;
    animation: ldio-elq6fehsehk 2.564102564102564s linear infinite;
}

.ldio-elq6fehsehk > div:nth-child(2), .ldio-elq6fehsehk > div:nth-child(4) {
    width: 148px;
    height: 148px;
    top: 26px;
    left: 26px;
    animation: ldio-elq6fehsehk 2.564102564102564s linear infinite reverse;
}
.ldio-elq6fehsehk > div:nth-child(2) {
    border-color: transparent #fff transparent #fff;
}
.ldio-elq6fehsehk > div:nth-child(3) { border-color: transparent }
.ldio-elq6fehsehk > div:nth-child(3) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-elq6fehsehk > div:nth-child(3) div:before, .ldio-elq6fehsehk > div:nth-child(3) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: -4px;
    left: 74px;
    background: #a9060a;
    border-radius: 50%;
    box-shadow: 0 156px 0 0 #a9060a;
}
.ldio-elq6fehsehk > div:nth-child(3) div:after {
    left: -4px;
    top: 74px;
    box-shadow: 156px 0 0 0 #a9060a;
}

.ldio-elq6fehsehk > div:nth-child(4) { border-color: transparent; }
.ldio-elq6fehsehk > div:nth-child(4) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-elq6fehsehk > div:nth-child(4) div:before, .ldio-elq6fehsehk > div:nth-child(4) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: -4px;
    left: 68px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 144px 0 0 #fff;
}
.ldio-elq6fehsehk > div:nth-child(4) div:after {
    left: -4px;
    top: 68px;
    box-shadow: 144px 0 0 0 #fff;
}
.loadingio-spinner-double-ring-qvomtcu446i {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;

    position:absolute;
    top:calc( 50% - 100px );
    left:calc( 50% - 100px );
}
.ldio-elq6fehsehk {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.ldio-elq6fehsehk div { box-sizing: content-box; }
/* #loading - End */

/* .modal - Start */
.modal{
    background-color:rgba(0,0,0,0.65);
}
.modal ul{
    list-style:disc;
}
.modal ol{
    list-style:decimal;
}
.modal ol li,
.modal ul li{
    margin-left:1rem;
}
.modal .modal-content{
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.modal .modal-content .modal-header{
    border:none;
}
.modal .modal-content .modal-title{
    line-height:0;
    padding:0;
}
.modal .modal-content .modal-body{
    max-height:350px;
    overflow-y:auto;
}
.modal .modal-content .modal-body p{
    margin-bottom:1rem;
}
.modal .modal-content .modal-body p.text-shadow{
    text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
    -webkit-text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
    -moz-text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
    -o-text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}
.modal .modal-content .modal-footer{
    border:none;
}
    /* #grocercoinModal - Start */
    #grocercoinModal .icon_coin{
        font-size:82px;
    }
    /* #grocercoinModal - End */

    /* #islandModal - Start */
    #islandModal .reward-list{
        font-size:14px;
    }
    #islandModal .icon_coin{
        font-size:41px;
    }
    #islandModal .icon-wrapper{
        width:40px;
        height:40px;

        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -o-border-radius:50%;

        background-color:#FA000A;
    }
    #islandModal .icon-ticket{
        color:#fff;
    }
    /* #islandModal - End */

    /* #conditionModal - Start */
    #conditionDayModal .modal-content,
    #conditionNightModal .modal-content{
        padding:2rem 1rem;
    }
    #conditionDayModal .modal-body,
    #conditionNightModal .modal-body{
        max-height:320px;
        overflow-y:auto;
    }
    #conditionDayModal .modal-body p,
    #conditionNightModal .modal-body p,
    #conditionDayModal .modal-body li,
    #conditionNightModal .modal-body li{
        font-size:14px;
        line-height:24px;
    }
    /* #conditionModal - End */

.modal .modal-content h1#countdown span{
    font-size:52px;
    line-height:52px;
}

/* .modal - End */

/* .slick - Start */
.slick-slider .slick-custom-arrow{
    width:48px;
    height:48px;
}
.slick-slider .slick-custom-arrow::before{
    display:none;
}
.slick-slider .slick-custom-arrow{
    background-color:#AE1400;
    color:#fff;
    font-size:36px;

    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;

    transition:.2s opacity linear;
    -webkit-transition:.2s -webkit-opacity linear;
    -moz-transition:.2s -moz-opacity linear;
    -o-transition:.2s -o-opacity linear;
}
.slick-slider .slick-custom-arrow.slick-disabled{
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
    -o-opacity:0.5;
}
.slick-slider .slick-custom-arrow.slick-prev{
    left:-48px;
}
.slick-slider .slick-custom-arrow.slick-next{
    right:-48px;
}

    /* .slick-dots - Start */
    .slick-dots{
        bottom:-10px;
    }
    .slick-dots li{
        width:12px;
        height:12px;
        margin:0 2px !important;
    }
    .slick-dots li button{
        width:12px;
        height:12px;
        padding:0;
    }
    .slick-dots li button:before{
        width:12px;
        height:12px;
        font-size:10px;
        line-height:10px;
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
        -o-opacity:1;
    }
    .slick-dots li.slick-active button:before{
        color:#CA475E;
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
        -o-opacity:1;
    }
    /* .slick-dots - End */

    /* #banner .slick-slide - Start */
    #banner .slick-slide{
        padding:0 !important;
    }
    /* #banner .slick-slide - End */

/* .slick - End */

/* .box-shadow - Start */
.box-shadow{
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
/* .box-shadow - End */

/* #breadcrumbs - Start */
section#breadcrumbs p a{
    margin-right:0.5rem;
}
section#breadcrumbs p a:not(:last-child)::after{
    content:'>';
    margin-left:0.5rem;
}
/* #breadcrumbs - End */

/* .used-mask - Start */
.used-mask{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;

    background-color:rgba(0,0,0, 0.8);
    z-index:9;
}
.used-mask .text{
    width:60px;
    height:60px;

    text-align:center;

    transform:rotate(-30deg);

    border:2px solid #ff0000;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.used-mask .text h1{
    font-size:12px;
    line-height:12px;
    color:#ff0000;
    /* text-shadow: 0px 0px 4px rgba(255,255,255, 1); */
}
.used-mask .text p{
    font-size:10px;
    line-height:10px;
    margin:0;
    color:#ff0000;
    /* text-shadow: 0px 0px 4px rgba(255,255,255, 1); */
}
/* .used-mask - End */

/* .registered-mask - Start */
.registered-mask{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;

    background-color:rgba(0,0,0, 0.8);
    z-index:9;
}
.registered-mask .text{
    width:120px;
    height:120px;

    text-align:center;

    transform:rotate(-30deg);

    border:2px solid #ff0000;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.registered-mask .text h1{
    font-size:12px;
    line-height:12px;
    color:#ff0000;
    /* text-shadow: 0px 0px 4px rgba(255,255,255, 1); */
}
.registered-mask .text p{
    font-size:10px;
    line-height:10px;
    margin:0;
    color:#ff0000;
    /* text-shadow: 0px 0px 4px rgba(255,255,255, 1); */
}
/* .registered-mask - End */

/* .ant-form - Start */
.ant-form .ant-form-item .ant-form-item-control-input .ant-input,
.ant-form .ant-form-item .ant-form-item-control-input .ant-picker,
.ant-form .ant-form-item .ant-form-item-control-input .ant-select-selector{
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.ant-form .ant-form-item .ant-form-item-control-input input.ant-input::placeholder,
.ant-form .ant-form-item .ant-form-item-control-input .ant-picker input::placeholder,
.ant-form .ant-form-item .ant-form-item-control-input .ant-select-selector .ant-select-selection-placeholder{
	color:#78B5B5;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}
.ant-form .ant-form-item .ant-form-item-control-input .ant-select-selector .ant-select-selection-placeholder{
	padding-top:0.85rem;
}
.ant-form .ant-form-item .ant-form-item-control-input .ant-input.ant-input-disabled,
.ant-form .ant-form-item .ant-form-item-control-input .ant-picker.ant-picker-disabled,
.ant-form .ant-form-item .ant-form-item-control-input .ant-select-disabled .ant-select-selector{
	border:1px solid #FB6901;
	background-color:#fff;
	color:#F53701;
	font-weight:bold;
}
.ant-form .ant-form-item .ant-form-item-control-input .ant-picker.ant-picker-disabled .ant-picker-input input,
.ant-form .ant-form-item .ant-form-item-control-input .ant-select-disabled .ant-select-selector .ant-select-selection-item{
	color:#F53701;
	font-weight:bold;
}
/* .ant-form - End */

/* Default stylesheet - Start */
body{
    margin:0 auto;
    font-family: 'Kanit', sans-serif !important;
}
#container{
    max-width:480px;
    margin:0 auto;
    overflow:hidden;

		min-height:100vh;

		background-image:url('../image/app_bg.png');
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:bottom center;
		background-color:#fff;
}
body.compensate-for-scrollbar{
    margin:0 auto !important;
}
body #btnBack{
    font-size:12px;
}
body #btnBack i.icon_back{
    font-size:36px;
}
.revealOnScroll, img.not-loaded{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; }
section h2{
    margin-bottom:2rem;
    padding:1rem;
}
#user-info h3{
    font-size:12px;
    line-height:12px;
}
.remark{
	font-size:12px;
	line-height:14px;
}
/* Default stylesheet - End */

/* #product-name - Start */
#product-name{
	position:relative;

	margin-top:-1.5rem;
}
#product-name .icon{
	width:27px;
	height:27px;

	position:absolute;
	top:calc( 50% - 13.5px );
	right:3px;
	font-size:18px;
}
/* #product-name - End */

/* #product-desc - Start */
#product-desc{
	font-size:12px;
	line-height:16px;
}
/* #product-desc - End */

/* #btnChangeEmail - Start */
#btnChangeEmail{
	height:calc( 100% - 24px );

	padding:0 2rem;

	font-size:14px;
	line-height:14px;

	position:absolute;
	top:0;
	right:1px;
	z-index:1;
}
/* #btnChangeEmail - End */

/* form#step3 - Start */
form#step3.ant-form .ant-form-item .ant-form-item-control-input .ant-input.ant-input-disabled,
form#step3.ant-form .ant-form-item .ant-form-item-control-input .ant-picker.ant-picker-disabled,
form#step3.ant-form .ant-form-item .ant-form-item-control-input .ant-select-disabled .ant-select-selector{
	border:none;
	background-color:#fff;
	color:#78B5B5;
	font-weight:normal;
}
form#step3.ant-form .ant-form-item .ant-form-item-control-input .ant-picker.ant-picker-disabled .ant-picker-input input,
form#step3.ant-form .ant-form-item .ant-form-item-control-input .ant-select-disabled .ant-select-selector .ant-select-selection-item{
	color:#78B5B5;
	font-weight:normal;
}
#coverageStatus .ant-switch.ant-switch-disabled{
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	-o-opacity:1 !important;
}
#coverageStatus .ant-switch.bg-success{
	background-color:#4CA859 !important;
}
/* form#step3 - End */