
.pc{
	display:block;
}

.mobile{
	display:none;
}

.wrapperss{
	display:none;
}


@media (max-width:992px){

	.accordion-main-in2{
		display:none !important;
	}

	.deposit-left .d-topic {
		font: 28px/30px 'thaisanslite', Arial, sans-serif  !important;
	}

.fright{
	text-align: center !important;
	padding-right: 0px !important;
}



	.pc{
		display:none !important;
	}
	
	.canvas{
		background: none !important;
	}
	
	.mobile{
		display:block !important;
	}
	
	.wrapperss{
		display: grid !important;
	}
	
}

@media (min-width:1000px){
	.headerformobile{
		display:none !important;
	}
	
}

a:hover{
	text-decoration:none;	
	}
/***************contact-bar********************/
.contact-bar{
	margin:0;
	min-height:59px;
	background-color:#16171a;
}
.contact-detail{
	padding: 18px 0;
	font:24px/28px 'thaisanslite', Arial, sans-serif;
	color:#ffffd6;
}
.contact-detail .c-1{
/* 	background:url(../images/header/mobile.png) top left no-repeat; */
	padding-left:30px;
	margin-right: 20px;
}
.contact-detail .c-2{
/* 	background:url(../images/header/line-logo-1.png) top left no-repeat; */
	padding-left:30px;
}

.contact-detail .c-1 a{
	/* color: #adadad; */
/* 	color: #fdf3ad; */
/* color: #fef7c3; */
color: #ffffff;
/* 	font-size: 26px; */
	font-size: 28px;
}

.contact-detail .c-1 a:hover{
	color: #e6d770;
}



.contact-detail .c-2 a{
	/* color: #adadad; */
/* 	color: #fdf3ad; */
/* color: #fef7c3; */
/* color: #fef7c3; */
	/* 	font-size: 26px; */
	font-size: 28px;
	color: #ffdd00;
	text-shadow: #aa7f00 0.1em 0.1em 0.2em;
	
}

.contact-detail .c-2 a:hover{
	/* color: #e6d770; */
	color: #0293fc;
	text-shadow: #00599a 0.1em 0.1em 0.2em;
}

.regist-theme{
    background-color: #1f1f1f !important;
    border-top: 1px solid #252525;
}

.regist-theme header {
    color: #ffba25;
    font: 56px/58px 'PSLxKittithadabold', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
        margin-bottom: 22px;
}

.ad-pad-first.wrapper {
    padding-top: 1.5em;
    padding-bottom: 2em;
}

.regist-theme header {
    color: #ffba25;
    font: 52px/58px 'PSLxKittithadabold', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

.register-step-item {
    font-family: 'PSLxKittithadabold';
    font-size: 28px;
    line-height: 1;
}

.wrapper {
    max-width: 1160px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 15px;
    margin: 0 auto;
}

button:focus {outline:0 !important;}


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.pull-left {
    float: left !important;
}

.register-step-item .register-step-item-bullet1 {
    background-image: url(../images/regist/step1.png);
    background-size: 100% 100%;
}

.register-step-item .register-step-item-bullet2 {
    background-image: url(../images/regist/step2.png);
    background-size: 100% 100%;
}

.register-step-item .register-step-item-bullet3 {
    background-image: url(../images/regist/step3.png);
    background-size: 100% 100%;
}


.register-step-item .register-step-item-bullet {
    display: inline-block;
    width: 75px;
    height: 75px;
    color: #ffffff;
    font-size: 64px;
    padding-top: 8px;
    line-height: 50px;
    margin-right: 20px;
    font-family: 'thaisanslite';
}


.pull-left {
    float: left;
}
.register-msg {
    width: 80%;
    text-align: left;
}


.register-msg .register-step-title {
    font-family: 'PSLxKittithadabold';
    font-size: 40px;
    margin: 0 0 13px !important;
}
.register-msg h4 {
    color: #ffba25;
}

.register-msg p {
    font-weight: 100;
	color: #f9f9f9;
	letter-spacing: 1px;
}


.lead {
    font-family: 'PSLxKittithadabold';
    font-size: 28px;
    line-height: 1;
    color: #f9f9f9;
}

#alerts-error-regist, #alerts-success-regist, #alerts-error-contact, #alerts-success-contact {
    display: none;
}


.tableless, .tableless th, .tableless tr, .tableless td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.tableless {
    width: 100%;
}

#register_form input[type="text"] {
    border-color: #eaeaea !important;
    background-color: #e0e0e0 !important;
    font-family: sans-serif;
    font-size: 18px;
}

#maplogin_form input[type="text"] {
    border-color: #eaeaea !important;
    background-color: #e0e0e0 !important;
    font-family: sans-serif;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
        height: 36px;
}

#maplogin_form input[type="password"] {
    border-color: #eaeaea !important;
    background-color: #e0e0e0 !important;
    font-family: sans-serif;
    font-size: 14px;
    width: 85%;
   margin-left: auto;
    margin-right: auto;
        height: 36px;
} 

.head-login{
	background: #212121;
	padding: 8px 0px 15px 0px;	
/* 	display: none !important; */
}

input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url], input[type=number] {
    border: none;
    border-radius: 2px;
    padding: .75em 1em;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    outline: none;
    margin-bottom: 1em;
    resize: none;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.regis .select, input[type="text"], input[type="email"], input[type="tel"], textarea {
    color: #000;
}

#confirm-regist, #confirm-contact {
    float: right;
    font: 22px/20px 'thaisanslite', Arial, sans-serif;
}






@media (max-width: 992px){


	.contact-bar{
		/* display:none; */
		/* background: #c1212c !important; */
		background: #00154e !important;
	}
	
	.justify-content-end {
	    justify-content: center !important;
	}	
	
	.contact-detail {
/* 	    font: 20px/24px 'thaisanslite', Arial, sans-serif !important; */
	    
	     font: 20px/40px 'thaisanslite', Arial, sans-serif !important;
	}
	
	.contact-bar {
	   /* min-height: 40px !important; */
	     min-height: 60px !important;
	}
	
	.contact-detail .c-1 {
   		 margin-right: 8px !important;
	}
	
	.menu-f {
		list-style: none;
		font-size: 18px;
		font-weight: bold;
		margin-top: 20px;
		
	}
	
	.menu-f li{
		width: 50% !important;
	}
	
	
	.navbar .navbar-brand img {
			/* margin-top: 2px !important; */
			margin-top: -5px !important;
		}
		
	
	#step-regist{
		display: none !important;
	}	
	
	.top-name{
			margin-top: 1px!important;
		}


		.deposit {
			background: url(../images/deposit/bg.jpg) left  no-repeat !important;
		}
		
		.contact-detail{
			    text-align: center !important;
		}
		
			#toTop {
		    width: 36px !important;
		    height: 36px  !important;
		    font-size: 1.2em  !important;
		    bottom: 75px !important;
    	}
		

	
}
/***************contact-bar********************/
/***************canvasr********************/
.canvas{
	height:600px;
	background:url(../images/canvas/bg-new.jpg) top center no-repeat;

	background-size:cover;
}

@media (max-width: 992px){
	/*.canvas{
		height:250px;
		background:url(../images/canvas/bg.jpg) top center no-repeat;
		background-size:cover;
	}*/
}
/***************canvas********************/
/***************menu********************/

/***************accordion********************/
.accordion-main{
	position:absolute;
	top: 120px;
	left:0;
	width:100%;
	height:auto;
	z-index:999;
}


.accordion-main2{
	top: 120px;
	left:0;
	width:100%;
	height:auto;
	z-index:999;
}

/*
.accordion-main-in{
	padding:6px;
	width: 365px;
	background:url(../images/accordion/bg.png) top left repeat;
    margin: 0 auto;
margin-top: -8px; 
	margin-top: -5px;
} */

.accordion-main-in{
    padding: 6px;
    width: 365px;
    background: url(../images/accordion/bg.png) top left repeat;
    margin: 0 auto;
    margin-top: -8px;
}


.accordion-main-in .card{
	background:url(../images/accordion/bg-accordion.jpg) top left no-repeat;
}
.accordion-main-in .card a{
	color:#fff;
	font:22px/20px 'thaisanslite', Arial, sans-serif;
}
.accordion-main-in .card a:hover{
	color:#f7e77c;
}
.accordion-main-in .card-body{
/* 	background: #99b9ec; */
	padding-top: 5px;
    padding-bottom: 5px;
}
.accordion-main-in .form-group{
	margin-bottom: 10px;
}
.accordion-main-in .col-form-label{
	font: 22px/22px  'thaisanslite', Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
.accordion-main-in input{
	height: 36px;
}
.accordion-main-in input::placeholder{
	font-size:13px;
	color:#000;
}
.accordion-main-in select.form-control{
	height:30px;
}

.accordion-main-in .btn-primary{
	    height: 42px;
    line-height: 5px;
/*     background-color: #ff9f10; */
        background-image: url(../images/loginbg.png);
    border:1px solid #b9954c;
    color: black;
    margin-top: 2px;
   
    font-weight: bold;
    
        margin-bottom: 5px;
}


.accordion-main-in .card h5{
	font-size:22px;
}




.accordion-main-in2{
	padding:6px;
	width:356px;
	background:url(../images/accordion/bg.png) top left repeat;
    margin: 0 auto;
}
.accordion-main-in2 .card{
	background:url(../images/accordion/bg-accordion2.jpg) top left no-repeat;
}
.accordion-main-in2 .card a{
	color:#fff;
	font:22px/20px 'thaisanslite', Arial, sans-serif;
}
.accordion-main-in2 .card a:hover{
	color:#f7e77c;
}
.accordion-main-in2 .card-body{
	background: #123872;
	padding-top: 10px;
    padding-bottom: 10px;
}
.accordion-main-in2 .form-group{
	margin-bottom:5px;
}
.accordion-main-in2 .col-form-label{
	font: 22px/22px 'thaisanslite', Arial, sans-serif;
	color:#FFF;
}
.accordion-main-in2 input{
	height:30px;
}
.accordion-main-in2 input::placeholder{
	font-size:13px;
	color:#000;
}
.accordion-main-in2 select.form-control{
	height:30px;
}

.accordion-main-in2 .btn-primary{
	height:30px;
	line-height:15px;
	background-color:#01504e;
	border:1px solid #01504e;	
}

.accordion-main-in2 .card h5{
	font-size:22px;
}

.accordion-main-in2 .btn-primary {
    height: 36px;
    line-height: 12px;
/*     background-color: #ff8a10; */
        background-image: url(../images/loginbg.png);
    border: 1px solid #6d3800;
    color: black;
    margin-top: 10px;
    font-weight: bold;
    
}
/***************accordion********************/

.menu{
	position:absolute;
	width:100%;
	height:103px;
	/* background:url(../images/menu/menu-bg.png) top center no-repeat; 
	background: rgb(31 33 48 / 70%);
	background: #ffffff;
	opacity: 0.95; */

	background-color: rgb(3 16 49 / 85%);
	background-blend-mode: multiply;

	}
.menu .logo{
	position:absolute;
	/* padding-top: 8px;; */
}

.menu ul{
	padding:0;
	/* margin-left: 300px; */
	margin-left: 320px;
	/* border-bottom:#BD9B50  3px solid; */
	border-bottom:#2258b7 3px solid;
	
}
.menu ul li{
	padding: 0 14px;
    /* height: 100px; */
    /* font: 22px/100px 'thaisanslite', Arial, sans-serif; */
		font: 16px/100px 'Mitr', Arial, sans-serif;
    display: inline-block;
		
}
.menu ul li a{
	/* color: #fff; */
	/* color: #fddd8b; */
	font-weight: 500;
	color: #c5e6ff;
	text-shadow: #00599a 0.1em 0.1em 0.2em;
}

.menu ul li.select a{
	color:#fff;
}


.menu ul li:hover{
	background:url(../images/menu/nav-bg.jpg) top center no-repeat;
	
}


.menu ul li a:hover{
	color:#fff;
}

.menu ul li.select{
	background:url(../images/menu/nav-bg.jpg) top center no-repeat;
}
@media (max-width: 992px){
	.menu{
		display:none;
	}
}
/***************menu********************/

/***************update********************/
.update{
	margin:0;
	height:46px;
	/* background: url(../images/update/bg.jpg) top center no-repeat; */
	background:	#1a1c2a url(../images/update/bg.jpg) center center no-repeat;
}
.update .update-text{
	/* font:20px/43px 'thaisanslite', Arial, sans-serif; */
	font: 16px/43px 'Mitr', Arial, sans-serif;
	color:#f6f6fa;
	height: 46px;
    overflow: hidden;
}
/***************update********************/

/***************introduce********************/
.introduce{
	margin:0;
	/* minheight:350px;
	background: #99111d  url(../images/introduce/bg.jpg) top center no-repeat; */
	background: #00154e url(../images/introduce/bg.jpg) top center no-repeat;
}
.introduce .banner{
	padding-top:96px;
	margin:0;
	padding-bottom: 12px;
}
.introduce .aball{
	overflow-x:scroll;
	}
	.hscroll-none::-webkit-scrollbar {
      display:none;
} 
.introduce .banner-pic{
	/*width:226px;*/
	margin:10px 0px;
	position:relative;
	transition: all .2s ease-in-out;
}
.introduce .banner-pic:hover{
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1);; /* Safari */
    transform: scale(1.1);
}
.introduce .banner-pic img{
	max-width:100%;
	height:auto;	
}

.logo-pc{
    /* padding-top: 8px;
	margin-left: -2px; */
	padding-top: 3px;
    margin-left: 10px;
}

/***************introduce********************

/***************banner-link********************/
.banner-link{
	margin:0;
	height:464px;
	background:url(../images/banner/bg.jpg) top center no-repeat;
}

.banner-link .banner{
	padding-top:68px;
	margin:0;
}
.banner-link .aball{
	overflow-x:scroll;
	}
.banner-link .banner-pic{
	width:311px;
	margin:0;
	position:relative;
}
.introduce .banner-pic img{
	max-width:100%;
	height:auto;	
}
.banner-link .banner-bottom{
	margin:0;
}
/***************banner-link********************/

/***************service-text********************/
.service-text{
	/* min-height:590px; */
	min-height: 470px;
	background: #00154e  url(../images/servicetext/bg.jpg) top center no-repeat;
}
.service-text .st-top{
	margin:0;
	/* height:129px; */
	height:118px;
}
.service-text .st-mid{
	margin:0;
	padding-top: 28px;
}
.st-topic{
	margin-top:0px;
	text-align:center;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
	/* text-shadow: 5px 0px 5px #000; */
	text-shadow: 5px 0px 5px #000;
	font-weight:bold;
	letter-spacing:1px;
}
.st-detail{

    margin-top: 30px;
	padding-bottom:5px;
    text-align: center;
    font: 24px/28px 'thaisanslite', Arial, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    letter-spacing: 0px;

}


.service-text .st-bottom{
	margin:0;
	    padding-bottom: 12px;
}


button{
	font:22px/24px 'thaisanslite', Arial, sans-serif !important;
}



.wrapper-feature {
    background: #0e1f37;
}

.wrapper-feature .wrapper {
    background: none;
}

.simple-column .heading {
    float: left;
    width: 100%;
    text-align: center;
	margin-right: 6% !important;

}


.heading > h2, .heading > h2 {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-weight: normal;
    margin-top: 10px;
}
.heading-12 h2 {
    display: inline-block;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    font-size: 46px !important;
    font-family: 'PSLxKittithadabold' !important;
	color: #fff  !important;
	
	
}


.feature-des .descript-about {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font: 26px/28px 'THSarabunthaisansliteNewRegular', Arial, sans-serif !important;
    color: #000 !important;
}
.descript-about {
    text-align: center;
    padding-left: 3%;
    padding-right: 3%;
    /* font: 26px/28px 'THSarabunNewRegular', Arial, sans-serif !important; */
    color: #000 !important;
}

.feature-des .descript-about {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font: 26px/28px 'THSarabunNewRegular', Arial, sans-serif !important;
    color:  #e7e7e7  !important;
}

#sec4 .media-left .fa-4x {
    font-size: 2.5em;
}
#sec4 .media-left i {
    padding: 5px;
    /* color: #c1212c; */
    color: #ce2e39;
}


.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    font: 24px/28px 'THSarabunNewRegular', Arial, sans-serif;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

#sec4 .media-heading {
    font: 28px/32px 'THSarabunNewRegular', Arial, sans-serif;
    font-weight: bold;
    margin: 0.3em 0;
    color: #252525;
    text-align: left;
}


#sec4 .media-heading {
    font: 26px/28px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
    margin: 0.3em 0;
    color: #feb824;
    text-align: left;
}


#sec4 .media {
    margin-bottom: 30px;
}

.media-left {
    padding-right: 10px;
}

/* news */

.wrapper-news {
    /* background: #f6f7f9; */
    background: #f5f5f5;
    background-image: url('../images/whiteBgBig.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


.mgr-top {
    margin-top: 15px;
}


.wrapper-news{
	/* 		background: #f6f7f9; */
	
	/* background: #f5f5f5; */
	background: #00154e ;

	/* background-image: url('../images/whiteBgBig.jpg');  */
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;

	border-bottom: 1px solid #cc9f39;
}

.wrapper-news .wrapper{
	background: none;
}

.mgr-top{
	 margin-top: 15px;
}

.news-blog .col-md-8{
	padding-right: 0px!important;
	padding-left: 0px!important;
}

/* ######### news ######### */	

.blog-container {
position: relative;
}

.blog-items {
display: block;
position: relative;
margin-bottom: 30px;
}

.blog-items > a {
display: block;
position: relative;
}

.blog-items > a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-image: -webkit-gradient(linear, top right, bottom left, color-stop(0, #575970), color-stop(1, #24252F));
background-image: -o-linear-gradient(top right, #575970, #24252F);
background-image: -moz-linear-gradient(top right, #575970, #24252F);
background-image: -webkit-linear-gradient(top right, #575970, #24252F);
background-image: linear-gradient(to bottom left, #575970, #24252F);
opacity: 0.8;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blog-items > a > span {
position: absolute;
top: 30px;
left: 30px;
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #24252f;
background: #fec722;
line-height: 1;
padding: 5px 10px;
}

.blog-items > a > img {
width: 100%;
height: auto;
}

.blog-content-title {
display: block;
position: absolute;
bottom: 0;
padding: 30px;
width: 100%;
}

.col-md-6 .blog-items .blog-content-title > h3 {
font-size: 21px;
line-height: 31px;
}

.blog-content-title > span {
font-size: 14px;
font-weight: 700;
color: #fff;
}

.fa-clock-o {
margin-right: 5px;
}

.fa-comments {
margin-left: 10px;
margin-right: 5px;
}

.blog-items-sm {
float: left;
width: 100%;
}

.blog-items-sm {
display: block;
margin-bottom: 28px;
}

.blog-items-sm > a {
}

.thumbnail {
display: inline-block;
float: left;
width: 32%;
border: none;
margin: 0;
padding: 0;
}

.thumbnail img {
width: 100%;
height: auto;
}

.blog-content {
width: 68%;
float: left;
padding-left: 20px;
}

.blog-content > span {
display: inline-block;
font-size: 14px;
font-weight: 700;
/*color: #24252f;
background: #fec722; */

   color: #ffffff;
background: #d2474a;

line-height: 1;
padding: 5px 10px;
}

.blog-content > h3 {
 font: 22px/22px 'PSLxKittithadabold', Arial, sans-serif !important;
font-weight: bold;
color: #e1e1e1;
line-height: 23px;
/*     margin: 10px 0; */
margin: 0px 0px 10px 0px;
padding: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.blog-content > p {
font-size: 12px;
font-weight: 700;
color: #777777;
margin: 0;
padding: 0;
}

/*******************************************************
********************* 4.4 BLOG CONTAINER
*******************************************************/
.title-section {
display: block;
border-bottom: 2px solid #fec722;
position: relative;
padding: 7px 0;
margin-bottom: 30px;
}
.title-section:before{
content: "";
position: absolute;
right: 0;
bottom: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent transparent #fec722 transparent;
}

.title-section > h2 {
font-family: 'montserratultra_light';
display: inline-block;
margin: 0;
padding: 0;
font-size: 28px;
font-weight: 300;
color: #24252f
}

.title-section > h2 > b {
font-weight: 700;
font-family: 'Montserrat';
}

.title-section > a {
float: right;
font-size: 14px;
font-weight: 700;
color: #24252f;
margin: 10px;
}
.title-section > a:hover{
text-decoration: underline;
color: #fec722;
}

.blog-items {
display: block;
position: relative;
margin-bottom: 30px;
}

.blog-items > a {
display: block;
position: relative;
}
.blog-items > a > img{
width: 100%;
height: auto;
}

.blog-items > a:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-image: -webkit-gradient(linear, top right, bottom left, color-stop(0, #575970), color-stop(1, #24252F));
background-image: -o-linear-gradient(top right, #575970, #24252F);
background-image: -moz-linear-gradient(top right, #575970, #24252F);
background-image: -webkit-linear-gradient(top right, #575970, #24252F);
background-image: linear-gradient(to bottom left, #575970, #24252F);
opacity: 0.8;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.blog-items > a:hover:before{
opacity: 0.7;
}

.blog-items > a > img {
width: 100%;
height: auto;
}
.blog-items > a > span {
position: absolute;
top: 30px;
left: 30px;
display: inline-block;
font-size: 14px;
font-weight: 700;
/*     color: #24252f; */
/*     background: #fec722; */
line-height: 1;
padding: 5px 10px;

	color: #ffffff;
background: #dc3545;
}

.blog-content-title {
display: block;
position: absolute;
bottom: 0;
padding: 30px;
width: 100%;
}

.blog-content-title > h3 {

font: 28px/28px 'PSLxKittithadabold', Arial, sans-serif !important;
font-weight: bold;
color: #fff;
display: block;
margin: 0;
padding: 0;
line-height: 38px;
margin-bottom: 8px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.blog-items > a:hover .blog-content-title > h3{
color: #fec722
}

.blog-content-title > span {
font-size: 12px;
font-weight: 700;
color: #fff;
}
.col-md-6 .blog-items .blog-content-title > h3{
font-size: 21px;
line-height: 31px;
}

.fa-clock-o {
margin-right: 5px;
}

.fa-comments {
margin-left: 10px;
margin-right: 5px;
}
.owl-carousel .owl-wrapper-outer{
width: 100%;
}

.top-player .item {
}

.top-player .item a {
display: block;
position: relative;
}
.top-player .item a img{
width: 100%;
height: auto;
display: block;
}
.top-player .item a:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
box-shadow: inset 0 -160px 160px -35px #24252F;
}
.top-player .item > a > span {
position: absolute;
top: 30px;
left: 30px;
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #24252f;
background: #fec722;
line-height: 1;
padding: 5px 10px;
}
.poll-item  h3 {
margin-bottom:0;
color: #24252f;
font-weight: 700;
font-size: 21px;
margin: 0;
padding: 0;
}
.poll-item  a{
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 15px 30px;
line-height: 1;
background: #24252f;
border: 1px solid #24252f;
display: inline-block;
border-radius: 3px;
margin-top: 58px;
}
.poll-item  a:hover{
background: #755801;
}

.sm-title{
display: block;
}
.arrow-style{
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
background: #fec722;
width: 40px;
height: 56px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.arrow-style:hover{
width: 46px;
}

.arrow-style:before{
content: "";
position: absolute;
left: -54px;
bottom: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 56px 54px;
border-color: transparent transparent #fec722 transparent;
}
.arrow-style button{
color: #24252f;
background: transparent;
border: none;
outline: none
}
.arrow-style button i{
font-size: 14px;
font-weight: 700;
padding: 21px 2px;
}


.blog-items-sm > a:hover .blog-content > h3 {
color: #fec722;
}

.blog-items-sm .fa-clock-o {
margin-right: 0px;
}


#more-news {
font: 20px/20px 'thaisanslite', Arial, sans-serif;
}

.news-item {
color: #000;
}

.news-item a {
color: #000;
}

.news-item .news-item-inner {
/*    border: 1px solid #000;  */
padding: 20px 20px;
}

.news-item .news-item-inner p {
/*     line-height: 55px; */
margin: 0;
border: 0 none;
font-size: 100%;
font-size: 36px;
outline: 0 none;
padding: 0;
}

.news-item{
padding-left: 0px !important;
padding-right: 0px !important;

font-family: 'PSLxKittithadabold';
text-align: center;
}

.mgrt-35{
margin-top: 35px; 
}

a.btn-3, input[type=button].btn-3, input[type=submit].btn-3, button.btn-3 {
background-color: #ea5151;
color: #ffffff;
/* border: 1px solid #494949; */
}


a.btn-3, input[type=button].btn-3, input[type=submit].btn-3, button.btn-3:hover {
color: #fff;
background-color: #f39416;
border-color: #f39416;
}

.news-item a:hover{
text-decoration: none;
}






@media (max-width: 992px){
	.st-detail{
		padding-bottom:20px;
	}

}
/***************service-text********************/

/***************banner-100********************/
.banner-100{
	margin:0;
}
.banner-100 img{
	max-width:100%;
	height:auto;	
}
/*@media (max-width: 575px) { 
.banner-100 img{
	max-width:97%;
	height:auto;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.banner-100 img{
	max-width:98%;
	height:auto;	
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-100 img{
	max-width:98%;
	height:auto;	
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.banner-100 img{
	max-width:97%;
	height:auto;	
}
 }
*/
/***************banner-100********************/

/***************promotion********************/
.promotion{
	margin:0;
	/* height:589px; */
	background:url(../images/promotion/bg.jpg) top center no-repeat;
}
.promotion .promotion-in{
	margin:0;
}
.promotion-left{
	position:relative;
}
.promotion-left .orange{
	width:476px;
	height:587px;
	positon:absolute;
	top:0;
	left:0;
}
.promotion-left .girl{
	width:358px;
	height:554px;
	position:absolute;
	bottom: 0;
	left:0;
}
.promotion-left .p-logo{
	width:360px;
	height:113px;
	position:absolute;
	bottom: 15px;
	left: 170px;
}
.promotion-right{
	position:relative;
}
.promotion-right .p-top{
	margin:0;
	padding-top:20px;
	height:105px;
	color:  #ffde3b;
	font:67px/60px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	/* text-shadow: 1px 1px 4px #BF7F00, -2px -1px 4px #BF7F00; */
    letter-spacing: 1px;
}

.promotion-right .p-topic{
	margin-top:34px;
	color: #00154e;
	font: 32px/30px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	position:relative;
}

.neonText {
  color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;
}

.promotion-right .p-list-1{
	/* padding:10px 0px;
	padding-left:30px;
	margin-top:10px;
	background:url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color: #272525;
	font:34px/32px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	position:relative; */

	padding: 10px 0px;
	padding-left: 30px;
	margin-top: 10px;
	background: url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color: #ffffff; 
	/* font: 34px/32px 'thaisanslite', Arial, sans-serif; */
	font-weight: bold;
	position: relative;
	font: 28px/36px 'Mitr', Arial, sans-serif;

}
.promotion-right .p-list-2{
	padding:10px 0px;
	padding-left:30px;
/* 	margin-top:10px; */
	background:url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color:#000000;
	font:34px/32px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}
.promotion-right .p-list-3{
	padding:10px 0px;
	padding-left:30px;
/* 	margin-top:10px; */
	background:url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color:#000000;
	font:34px/32px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	position:relative;
}

.promotion-right .p-list-4{
	padding:10px 0px;
	padding-left:30px;
/* 	margin-top:10px; */
	background:url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color:#000000;
	font:34px/32px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	position:relative;
}


.promotion-right .p-list-5{
	padding:10px 0px;
	padding-left:30px;
/* 	margin-top:10px; */
	background:url(../images/promotion/bullet.png) 0px 18px no-repeat;
	color:#000000;
	font:34px/32px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	position:relative;
}

.promotion-right .p-bottom{
	margin-top: 15px;
	text-align: center;
}








@media (max-width: 992px){
	.promotion{
	height:444px;
	background:url(../images/promotion/bg-m.jpg) top center no-repeat;
}
	.promotion-left{
	display:none;
}

.promotion-right .p-top{
	font:50px/60px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}
.promotion-right .p-list-1{
/* 	font: 22px/25px 'thaisanslite', Arial, sans-serif; */
	font-weight:bold;
}
.promotion-right .p-list-2{
/* 	font: 22px/25px 'thaisanslite', Arial, sans-serif; */
	font-weight:bold;
}
.promotion-right .p-list-3{
/* 	font: 22px/25px 'thaisanslite', Arial, sans-serif; */
	font-weight:bold;
}

.promotion-right .p-list-4{
	font: 22px/25px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}

.promotion-right .p-list-5{
	font: 22px/25px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}


.promotion-right .p-list-1{
	padding-bottom: 0px;
}

.promotion-right .p-list-2{
	padding-bottom: 0px;
}

.promotion-right .p-list-3{
	padding-bottom: 0px;
}

.promotion-right .p-bottom {
    margin-top: 40px;
}


}
/***************promotion********************/

/***************deposit********************/
.deposit{
	margin:0;
	height:499px;
	background:url(../images/deposit/bg.jpg) top center no-repeat;
}
.deposit .deposit-in{
	margin:0;
}
.deposit-left{
	position:relative;
}
.deposit-left .d-top{
	margin:0;
	padding-top:20px;
	height:105px;
	color:#f6f6fa;
	font:67px/60px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}
.deposit-left .d-topic{
	margin-top:10px;
	color:#f6f6fa;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
	position:relative;
}
.deposit-left .d-list-1{
	padding:10px 0px;
	padding-left:30px;
	margin-top:10px;
	background:url(../images/deposit/bullet.png) 0px 18px no-repeat;
	color:#f6f6fa;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
	position:relative;
}
.deposit-left .d-list-2{
	padding:10px 0px;
	padding-left:30px;
	margin-top:10px;
	background:url(../images/deposit/bullet.png) 0px 18px no-repeat;
	color:#f6f6fa;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
}
.deposit-left .d-list-3{
	padding:10px 0px;
	padding-left:30px;
	margin-top:10px;
	background:url(../images/deposit/bullet.png) 0px 18px no-repeat;
	color:#f6f6fa;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
	position:relative;
}
.deposit-left .d-list-4{
	padding:10px 0px;
	padding-left:30px;
	margin-top:10px;
	background:url(../images/deposit/bullet.png) 0px 18px no-repeat;
	color:#f6f6fa;
	font:30px/30px 'thaisanslite', Arial, sans-serif;
	position:relative;
}

.deposit-right{
	height:499px;
	position:relative;
}
.deposit-right .girl-1{
	width:319px;
	height:502px;
	position:absolute;
	bottom:0;
	left:150px;
}
.deposit-right .bank{
	width:118px;
	height:115px;
	position:absolute;
	bottom: 280px;
	left:-50px;
}

@media (max-width: 992px){
	.deposit-right{
		display:none;	
	}
	.deposit-left .d-top{
	font:50px/60px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	}
	.deposit-left .d-list-1{
		font:25px/25px 'thaisanslite', Arial, sans-serif;
	}
	.deposit-left .d-list-2{
		font:25px/25px 'thaisanslite', Arial, sans-serif;
	}
	.deposit-left .d-list-3{
		font:25px/25px 'thaisanslite', Arial, sans-serif;	
	}
	.deposit-left .d-list-4{
		font:25px/25px 'thaisanslite', Arial, sans-serif;	
	}
}
/***************deposit********************/

/***************channel********************/
.channel{
	margin:0;
	min-height:523px;
	background:#181818;
}
.channel-in{
	padding-top:47px;
}
.channel-topic{
	height:28px;
	padding-left:35px;
	background:url(../images/channel/icon.png) top left no-repeat;
	color:#f6f6fa;
	font: 30px/32px 'thaisanslite', Arial, sans-serif;
}
.channel-detail{
	margin-top:10px;
	color:#fff;
	font:22px/25px 'thaisanslite', Arial, sans-serif;
}
.channel-list{
	margin-top:20px;
}
.channel-list .aball{
	overflow-x:scroll;
	}
	.channel-list-in{
		width:140px;
		margin:0;
	}
	.channel-list-in .ch-pic{
		margin:0;
		padding-bottom: 1px !important;
	}
	.channel-list-in .ch-text{
		margin-top:10px;
	}
	.channel-list-in .ch-text ul{
		display: block;
    list-style-type: disc;
    -webkit-margin-before:0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	}
	
	.channel-list-in .ch-text ul li{
		margin:0;
		padding:0;
		display: list-item;
    text-align: -webkit-match-parent;
	text-decoration:none;
	list-style:none;
	text-align: center;
	
	}
	
	.ch-text{
			margin-top: 20px;
	}
	
	.channel-list-in .ch-text ul li a{
		color:#fff;
	}
	.channel-list-in .ch-text ul li a:hover{
		color:#fcd475;
		text-decoration:none;
	}

/***************channel********************/
/***************good********************/
.good {
    background: #112564 url(../images/good/container-8-bg.jpg) top center no-repeat;
}
.good .top{
	height:110px;
	font:38px/100px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	color: #e19e23;
	font-weight:bold;
	}
	
.good .mid{

	}
	
.good .mid .g-box{
	width:313px;
	height:351px;
	background:url(../images/good/g-bg.png) top center no-repeat;
	padding:120px 20px 20px 20px;
	margin-bottom:30px;
	position:relative;

	}

.good .mid .g-box .t-1{
	color: #e6bb59;
	font:25px/25px 'thaisanslite', Arial, sans-serif;
	text-align: center;
	}
.good .mid .g-box .t-2{
	margin-top:15px;
	color:#c7a042;
	font:21px/25px 'thaisanslite', Arial, sans-serif;

	}
.aball{
	overflow-x:scroll;
	}
@media (max-width: 992px){
.good .top{
	height:110px;
	font:30px/100px 'thaisanslite', Arial, sans-serif;
	}	
	
	
.good .mid .g-box{

	margin: 0 auto !important;
	}	
	
}

@media (min-width: 1400px){
/* .accordion-main-in {
	margin-top: 25px !important;
} */
	
	
}


/***************good********************/

/***************footer********************/
.footer{
	background-color:#061745;
	/* background:url(../images/good/bgfooter.png) top center repeat; */
	padding-top: 15px;
}
.footer-left{
	margin:0;
	
}
.footer-left .f-logo{
	padding-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid #3b3c3e;
	
	text-align: center;
}
.footer-left .f-phone{
	margin-top:5px;
/* 	background:url(../images/footer/phone.png) top left no-repeat; */
/* 	padding-left:30px; */
	color:#e7e7ea;
	font-size:15px;
	line-height:35px;
	height:39px;
	
	text-align: center;
}

.f-phone a{
	    color: #e6d561;
}

.f-phone .c-2{
	margin-left: 10px;
}


.footer-right{
	margin:0
}
.footer-menu{
	margin:0;
	margin-top:28px;
}
.footer-menu ul{
		display: block;
    list-style-type: disc;
    -webkit-margin-before:0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.footer-menu ul li{
		margin:0;
		padding:0;
		padding-left:20px;
		display: list-item;
    text-align: -webkit-match-parent;
	text-decoration:none;
	list-style:none;
	background:url(../images/footer/arrow.png) 0px 10px no-repeat;
}
.footer-menu ul li a{
	color:#b1aea8;
	text-decoration:none;
	
	    font-family: 'thaisanslite' !important;
    font-size: 19px !important;
}
.footer-menu ul li a:hover{
	color:#f4ca5a;
		text-decoration:none;
}

.footer-bottom{
	margin:0;
}

.copyright{
/* 	background: #8d1517; */
	background: #0609ad;
	padding-top: 5px;
	padding-bottom: 5px;
}
.copyright .c-in{
	font-size:13px;
	color: #dedede;
	text-align:center;	
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-center{
	margin-left: auto;
	margin-right: auto;
}

.navbar-nav{
	font: 23px/24px 'thaisanslite', Arial, sans-serif;
	padding: 15px 0px !important;
	background: #1c2721  !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.nav-link{
	color: #fff !important;
}


.bg-mobile-1 {
     background-image: url(../images/canvas/bgbanner-mobile.jpg); 
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
        /* background: #f9f9f9; */
}

.bg-mobile-2 {
	
    text-align: center;
}


button[type=submit] {
	cursor: pointer;
}

@media (min-width: 1200px){
	.container-block {
   		 max-width: 1140px;
	}
}

.txt-left {
	text-align: left;
}

.padtop10{
	padding-top: 12px;
}

.padtop15{
	padding-top: 15px;
}

.padbottom15{
  padding-bottom: 15px;	
}

.orangge {
    /* color: #ecc758; */
		color: #ffdd00;
    text-shadow: #aa7f00 0.1em 0.1em 0.2em;
}

/***************footer********************/


@media (max-width:768px) and (min-width:768px) {
	 .logo-pc{ 
	 	 max-width: 180px !important;
	  }
}




@media ( max-width : 992px) {
	
		.box-highlight>div:nth-child(4), .box-highlight>div:nth-child(5) {
		    margin-right: 0;
		}
		
		 .box-highlight>div {
		    width: auto !important;
		    margin-right: 15px  !important;
		}	
		
		
		.contact-detail {
    			font: 24px/36px 'thaisanslite', Arial, sans-serif !important;
		}
		
		
		.bank-list {
    		text-align: left !important;
		}
		
		
		
}โ€


@media ( min-width : 768px) {

	.box-highlight>div {
	    	width: 33.33%;
	    	margin-bottom: 0;
	    	float: left;
    	}
}


@media (min-width: 768px) and (max-width: 768px){
	
	.box-highlight>div {
         width: 25% !important;
	}
	
}


@media (min-width: 1024px) and (max-width: 1024px){
	
	.box-highlight>div {
         width: 23% !important;
	}
		
}


.box-highlight>div {
    width: 260px;
    position: relative;
   	margin: 0 auto 20px;
}

.box-highlight>div:nth-child(5) {
   margin-top: -8px;
}

.bank-symbol{
	padding-left: 0px;
}

.bank-list{
	text-align: -webkit-center;
}

.bank-list ul {
  width: 200px;
  padding-top: 8%;
  list-style: none;
  
}
.bank-list li {
	max-width: 65px;
	max-height: 65px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
}


.menu-f{
    list-style: none;
/*     font-size: 18px; */
    
    margin-top: 12px;
	padding-right:0px;
	
	font-family: 'thaisanslite' !important;
    font-size: 20px !important;
}


.menu-f li{
	padding:0px;
	color: #bcb8ae;
}

.menu-f li a{
	font-family: 'thaisanslite' !important;
    font-size: 20px !important;
        padding: 0px;
    color: #f3f2f0;
}

.menu-f li a:hover{
	color: #d8b055;	
}

ul.menu-f li:before {
    content: "";
    padding-right: 5px;
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-size: 10px;
    position: relative;
    color: #c8a550;
}



.regis-index{
	    margin-top: 40px;
}


tableless {
    width: 100%;
}
.tableless, .tableless th, .tableless tr, .tableless td {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ajax-wait, .ajax-wait-contact {
    text-align: center;
   display: none;
}

a.btn-2:hover, input[type=button].btn-2:hover, input[type=submit].btn-2:hover, button.btn-2:hover {
    background-color: #e1001f;
}


#alerts-error-regist, #alerts-success-regist, #alerts-error-contact, #alerts-success-contact {
   display: none;
}

#alerts-error-regist, #alerts-success-regist, #alerts-error-contact, #alerts-success-contact {
   display: none; 
}


#alerts-error-regist2, #alerts-success-regist2 {
   display: none;
}

#alerts-error-regist2, #alerts-success-regist2{
   display: none; 
}


.message.error, .woocommerce-error, .validation_error {
    border-color: #fc604a;
    background: #ffd4ce;
    color: #d62911;
    
    
}

.message.success {
    border-color: #a2e29d;
    background: #e2f5e4;
    color: #219917;
}

.message, div.wpcf7-validation-errors, .woocommerce-message, .woocommerce-error, .woocommerce-info, .col2-set.addresses .address, .validation_error {
    border-width: 1px;
    border-style: solid;
    display: block;
    padding: .5em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 1em;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}

#txt-error-regist{
	font-size: 17px;
    padding-left: 10px;
}

#txt-success-regist {
    font-size: 15px;
    padding-left: 0px;
}

.ajax-register{
	margin-top: 13px;
    color: #c1c1c1;
}

.lead{
	     font-family: 'PSLxKittithadabold';
    font-size: 28px;
    line-height: 1;
    color: #f9f9f9;
}

#zoom1 {
    margin: 0 auto;
}

#zoom1:hover {
    transform: scale(1.10); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.centered-txt {
	position: absolute;
	top: 50%;
	left: 47%;
	transform: translate(-35%, -65%);

  }



.frm-regis{
	
	
	
	    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
 
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.frm-regis-head{
    background: url(../images/accordion/bg-accordion.jpg) top left no-repeat;
    color: #fff;
    font: 22px/20px 'thaisanslite', Arial, sans-serif;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}


.frm-regis-body{
background: url(../images/banner/registbg.png) top left repeat;
    padding-top: 20px;
    padding-bottom: 10px;
        flex: 1 1 auto;
    padding: 1.25rem;
    border-top: 3px solid #484028;
}


.laform{
	font-size: 26px !important;
	color: #332d19 !important;
}
  
#confirm-regist{
    background: url(../images/banner/btn.png);
    color: #000;
    font-weight: bold;
    margin-bottom: 4px;
   width: 120px;
    height: 45px;
    
     border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
 
}

.bbank{
	    box-shadow: 5px 5px #1d212d;
}


.mmobile{
 color: #c69e3b;

}

.footer-fix {
    display: none;
}

.head-top-in{
	width: 100%;
}

.lefpad{
	margin-left: 40px;
}

.fright{
	text-align: right;
	padding-right: 25px !important;
}

.head-left {
    position: absolute;
    left: 20px;
}


.head-right {
    position: absolute;
    right: 20px;
}


.frm-username {
    background-image: url(../images/head/frm-user.png) !important;
    background-color: inherit  !important;
    background-repeat: no-repeat  !important;
    border: none  !important;
    color: #FFF  !important;
    padding-left: 35px  !important;
    width: 190px  !important;
    padding-top: 0px !important;
      display: inline !important;

}

.frm-password {
    background-image: url(../images/head/frm-pass.png)  !important;
    background-color: inherit  !important;
    background-repeat: no-repeat  !important;
    border: none  !important;
    color: #FFF  !important;
    padding-left: 35px  !important;
    width: 190px  !important;
     padding-top: 0px !important;
     display: inline !important;
}

.btn-submit2{
	margin-top: -68px !important;
	float: right !important;
	/* margin-right: -78px !important; */
	margin-right: -100px !important;

}

.steping{
	background:  url('../images/canvas/step.png');
	min-height: 470px;
	min-width: 450px;
	position: absolute;
}

.step1 {
    width: 100%;
	padding: 42px 0px 5px 118px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;

}

.step1 img {
	width: 20px;
}

.tt_l {
    float: left;
}

.step1 .rxl{
	font-weight: 600;
}

.step1 .r2x{
	font-size: 22px;
}

.step1 .tx-li {
    color: #166f2c;
}

.step1 .tx-phone {
    color: #c01d12;
}

.step2 {
    width: 100%;
	padding: 34px 0px 5px 118px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.step2 .r1x{
	font-weight: 600;
}

.tt_rst .r1x strong {
    color: #c01d12;
}

.step2 .r2x{
	font-size: 22px;
}

.step3 {
    width: 100%;
	padding: 34px 0px 5px 118px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.step3 .r1x{
	font-weight: 600;
}


.step-line {
    width: 100%;
	margin: 96px 0px 0px 165px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
	/* font-weight: bold; */
	z-index: 99;
}

.step-line a{
	color: #FFF;
}

.step-line a:hover{
	color: #f7e77c;
}

.step-play{
	width: 100%;
	margin: 40px 0px 0px 165px;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.tt_clouds-front {
	background-image: url('../images/clouds-front.png');
	position: absolute;
    background-position: -500px -350px;
    left: 0;
    bottom: 0;
	z-index: 22;
    height: 130px;
    width: 300%;
    -webkit-animation: cloud_two 65s linear infinite;
    -moz-animation: cloud_two 65s linear infinite;
    -o-animation: cloud_two 65s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	

}

@-webkit-keyframes cloud_two {
  0% {
    left: -100%
  }
  100% {
    left: -200%
  }
}


.tt_clouds-front2 {
	background-image: url('../images/clouds-front.png');
	position: absolute;
    background-position: -200px -350px;
    left: 0;
    bottom: 0;
	z-index: 22;
    height: 140px;
    width: 300%;
    -webkit-animation: cloud_tree 40s linear infinite;
    -moz-animation: cloud_tree 40s linear infinite;
    -o-animation: cloud_tree 40s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

@-webkit-keyframes cloud_tree {
  0% {
    left: 0
  }
  100% {
    left: -400%
  }
}


.tt_clouds-front3 {
	background-image: url('../images/clouds-front.png');
	position: absolute;
    background-position: -200px -350px;
    left: 0;
    bottom: 0;
	z-index: 22;
    height: 140px;
    width: 300%;
    -webkit-animation: cloud_tree 70s linear infinite;
    -moz-animation: cloud_tree 70s linear infinite;
    -o-animation: cloud_tree 70s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

@-webkit-keyframes cloud_tree {
  0% {
    left: 0
  }
  100% {
    left: -400%
  }
}


.deposit-down{
	margin-top: 20px;
}

					
ul#bankz li {
	display:inline;
	margin-right: 10px;
}				

#toTop {
       width: 42px;
    height: 42px;
    border-radius: 50%;
    z-index: 999999999999999;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 1%;
    cursor: pointer;
    color: #000;
    font-size: 1.5em;
    background-color: #FFF;
    opacity: 0;
/*     display: none; */
}


#toTop .fa {
    padding: 8px 0px 0px 0px;
}	


#btnLogin2{
	width: 100%;
	font-weight: bold;
}

.x-header.-anon .-header-inner-wrapper #headerContent .-register {
	margin-right: 15px;
	border: 2px solid #ff2385;
	background: #78184d;
	box-shadow: 0 0 8px 0 #ff2385;
	-webkit-animation: x-header-register-blinker 1s ease-in-out infinite alternate;
	animation: x-header-register-blinker 1s ease-in-out infinite alternate;
}

.x-header-base-btn {
	padding: 10px 12px 2px;
	min-width: 120px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	transition: all .2s;
}

.x-windows-os .x-header .navbar-nav .-header-login-btn, .x-windows-os .x-header .navbar-nav a {
	line-height: 26px;
}