@charset "utf-8";

body {
	margin: 0;
	background: #ffffff;
  	font-family: 'Kanit', sans-serif;
  	font-size: 14px !important;
  	line-height: 1.42857143;
  	/*color: #ededed !important;*/
    color: #ededed;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Kanit', sans-serif;
}
p {
	font-family: 'Kanit', sans-serif;
}
a {
	text-decoration: none !important;
}
.logo-efin {
	width: 30%;
    max-width: 159px;
    height: 84px;
    position: absolute;
    left: 23px;
	z-index: 99;
}
.green-bar {
	width: 100%;
    height: 22px;
    background: #77bc1f;
	position: absolute;
	z-index: 9;
}





/*------------- Add by Best 2018-02-08 -----------*/

.red {
    color:red;
}


/*----------- End Add by Best 2018-02-08 -----------*/










@media (min-width:320px){
	.logo-efin {
	width: 30%;
	max-width: 159px; 
	height: 84px; 
	position: absolute; 
	left: 25px;
	z-index: 99;
	}
	.green-bar {
	width: 100%; 
	height: 25px; 
	background: #77bc1f;
	position: absolute;
	z-index: 9;
	}
}
@media (min-width:414px){
	.logo-efin {
	width: 30%;
	max-width: 159px; 
	height: 84px; 
	position: absolute; 
	left: 30px;
	z-index: 99;
	}
	.green-bar {
	width: 100%; 
	height: 28px; 
	background: #77bc1f;
	position: absolute;
	z-index: 9;
	}
}
@media (min-width:768px){
	.logo-efin {
	width: 30%;
	max-width: 159px; 
	height: 84px; 
	position: absolute; 
	left: 35px;
	z-index: 99;
	}
	.green-bar {
	width: 100%; 
	height: 35px; 
	background: #77bc1f;
	position: absolute;
	z-index: 9;
	}
}
@media (min-width:992px){
	.logo-efin {
	width: 30%;
	max-width: 159px; 
	height: 84px; 
	position: absolute; 
	left: 35px;
	z-index: 99;
	}
	.green-bar {
	width: 100%; 
	height: 35px; 
	background: #77bc1f;
	position: absolute;
	z-index: 9;
	}
}
.product-hd {
    font-family: 'smart_extra_pro';
    display: inline-table;
    color: #2b2b2b;
    padding: 10px 15px;
    margin-bottom: 0;
    font-size: 35px;
}

.product-hdsub{
    font-family: 'smart_extra_pro';
    display: inline-table;
    color: #2b2b2b;
    padding-right: 8px;
    padding-left: 0px;
	border-right:1px solid  #c8c8c8;
    font-size: 18px;
	font-weight:100;
}
.product-hdsub a {
	color:#666a73;
}

.product-hdsubmin{
    font-family: 'smart_extra_pro';
    display: inline-table;
    color: #2b2b2b;
    padding-right: 8px;
    padding-left: 0px;
    font-size: 18px;
	font-weight:100;
}
.product-hdsubmin a {
	color:#666a73;
}


.buy-btn {
    border: 1px #888dcb solid;
    padding: 2px 6px !important;
    display: inline !important;
    border-radius: 3px;
    color: #fff !important;
	
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 ); 
}

/*BANNER_HOME*/
.banner_home{
	margin-top: 75px;
}

@media (min-width:768px){
	.banner_home{
	margin-top: 30px;
}
    }
    @media (min-width:992px){
	    .banner_home{
	    margin-top: 45px;
    }
}
    @media (min-width:1200px){
	    .banner_home{
	    margin-top: 0px;
    }
}
/*//BANNER_HOME*/


.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what1_xs1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}

@media (min-width:320px){
.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what1_xs1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:414px){
.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
    background: #f2f2f2 url(../images/what1_xs1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
}
}



@media (min-width:768px){
.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
    background: #f2f2f2 url(../images/what1_sm1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: left;
}
}


@media (min-width:992px){
.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what1_md1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:1200px){
.what1{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what1.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what2_xs2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}

@media (min-width:320px){
.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what2_xs2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:414px){
.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
    background: #f2f2f2 url(../images/what2_xs2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
}
}



@media (min-width:768px){
.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what2_sm2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: left;
}
}


@media (min-width:992px){
.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what2_md2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:1200px){
.what2{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what2.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what3_xs3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}

@media (min-width:320px){
.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what3_xs3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:414px){
.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
    background: #f2f2f2 url(../images/what3_xs3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
}
}



@media (min-width:768px){
.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what3_sm3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: left;
}
}


@media (min-width:992px){
.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what3_md3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:1200px){
.what3{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what3.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: right;
}
}

.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what4_xs4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}

@media (min-width:320px){
.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what4_xs4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:414px){
.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
    background: #f2f2f2 url(../images/what4_xs4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
}
}



@media (min-width:768px){
.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what4_sm4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: left;
}
}


@media (min-width:992px){
.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what4_md4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	background-repeat: no-repeat;
}
}

@media (min-width:1200px){
.what4{
	display: block;
    background-position: center center;
	width:100%;
    height: 200px;
	background:url(../images/what4.jpg);
	list-style-type: none;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 0px solid #fff;
	background-repeat: no-repeat;
	background-position: right;
}
}



.texthead{
	color:#1f2021;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:500;
}



.texthead2{
	color:#1f2021;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:500;
    line-height: 60px;
	 margin-bottom: -10px;
}


.texthead-content1{
	color:#1f2021;
	margin: 0px auto -20px;
	font-family: 'Kanit', sans-serif;
	font-size:40px;
	font-weight:200;
} 

@media (min-width:320px){
.texthead-content1{
	color:#1f2021;
	margin: 0px auto -20px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:200;
} 
}

@media (min-width:414px){
.texthead-content1{
	color:#1f2021;
	margin: 0px auto -20px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:200;
}
}

@media (min-width:768px){
.texthead-content1{
	color:#1f2021;
	margin: 0px auto -20px;
	font-family: 'Kanit', sans-serif;
	font-size:60px;
	font-weight:200;
}
}

.texthead-content-mobile{
	color:#1f2021;
	margin: 22px auto -5px;
    line-height: 50px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:500;
}

@media (min-width:320px){
.texthead-content-mobile{
	color:#1f2021;
	margin: 22px auto 15px;
    line-height: 50px;
	font-family: 'Kanit', sans-serif;
	font-size:45px;
	font-weight:500;
}
}

@media (min-width:414px){
.texthead-content-mobile{
	color:#1f2021;
	margin: 22px auto 10px;
    line-height: 55px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:500;
}
}

@media (min-width:768px){
.texthead-content-mobile{
	color:#1f2021;
	margin: 22px auto 15px;
	font-family: 'Kanit', sans-serif;
	font-size:60px;
	font-weight:500;
}
}

.texthead-content2{
	color:#1f2021;
	margin: 15px auto -5px;
    line-height: 50px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:500;
}

@media (min-width:320px){
.texthead-content2{
	color:#1f2021;
	margin: 15px auto 15px;
    line-height: 50px;
	font-family: 'Kanit', sans-serif;
	font-size:45px;
	font-weight:500;
}
}

@media (min-width:414px){
.texthead-content2{
	color:#1f2021;
	margin: 15px auto 10px;
    line-height: 55px;
	font-family: 'Kanit', sans-serif;
	font-size:50px;
	font-weight:500;
}
}

@media (min-width:768px){
.texthead-content2{
	color:#1f2021;
	margin: 15px auto 15px;
	font-family: 'Kanit', sans-serif;
	font-size:60px;
	font-weight:500;
}
}

.texthead-content3{
	color:#1f2021;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:36px;
	font-weight:200;
}

@media (min-width:414px){
.texthead-content3{
	color:#1f2021;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:36px;
	font-weight:200;
}
}

@media (min-width:768px){
.texthead-content3{
	color:#1f2021;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:46px;
	font-weight:200;
}
}

.texthead-content4-tech{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:45px;
}

@media (min-width:414px){
.texthead-content4-tech{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:50px;
}
}

@media (min-width:768px){
.texthead-content4-tech{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:50px;
}
}

@media (min-width:992px){
.texthead-content4-tech{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	line-height:55px;
}
}

@media (min-width:1200px){
.texthead-content4-tech{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	line-height:55px;
}
}

.texthead-content4bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}

@media (min-width:414px){
.texthead-content4bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:768px){
.texthead-content4bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:992px){
.texthead-content4bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:1200px){
.texthead-content4bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
}
}


.texthead-content5bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}

@media (min-width:414px){
.texthead-content5bold{
	color:#121213;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:768px){
.texthead-content5bold{
	color:#121213;
	margin: 180px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:992px){
.texthead-content5bold{
	color:#121213;
	margin: 240px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}
}

@media (min-width:1200px){
.texthead-content5bold{
	color:#121213;
	margin: 280px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
}
}

.texthead-content6bold{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
}
@media (min-width:768px){
.texthead-content6bold{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
}
}
@media (min-width:992px){
.texthead-content6bold{
	color:#121213;
	margin: 40px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
}
}

.texthead-content7bold{
	color:#121213;
	margin: 240px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:400;
}

.texthead-content4{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 5px;
}

@media (min-width:414px){
.texthead-content4{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 5px;
}
}

@media (min-width:768px){
.texthead-content4{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 5px;
}
}

@media (min-width:992px){
.texthead-content4{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 5px;
}
}

@media (min-width:1200px){
.texthead-content4{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	padding: 0px 5px;
}
}

.texthead-content4-buy-2{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:18px;
	font-weight:300;
	padding: 0px 15px;
}

.texthead-content4-buy-page4 {
    color: #121213;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 0px 15px;
}

.texthead-content4-buy-2bold{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:18px;
	font-weight:400;
	padding: 0px 15px;
}

.texthead-content4-demo{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
	padding: 0px 0px 0px 50px;
	line-height:40px;
}


.texthead-content4-buybold{
	color: #f3cd60;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:500;
	padding: 0px 15px;
}
.texthead-content4-buybold2{
	color: #babbc3;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:500;
	padding: 0px 15px;
}
.texthead-content4-buybold3{
	color: #56565a;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:500;
	padding: 0px 15px;
}

.texthead-content4-buybold3w{
	color: #ffffff;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:500;
	padding: 7px 15px;
}

.texthead-content4-fun{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 10px;
}
@media (min-width:414px){
.texthead-content4-fun{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 10px;
}
}

@media (min-width:768px){
.texthead-content4-fun{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 10px;
}
}

@media (min-width:992px){
.texthead-content4-fun{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
	padding: 0px 30px;
}
}

@media (min-width:1200px){
.texthead-content4-fun{
	color:#121213;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	padding: 0px 0px;
}
}

.text-use-id{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:300;
	padding: 0px 10px;
}
@media (min-width:414px){
.text-use-id{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:300;
	padding: 0px 10px;
}
}

@media (min-width:768px){
.text-use-id{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:300;
	padding: 0px 10px;
}
}

@media (min-width:992px){
.text-use-id{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:300;
	padding: 0px 30px;
}
}

@media (min-width:1200px){
.text-use-id{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:300;
	padding: 0px 0px;
}
}


.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:400;
	padding: 0px 20px;
}
@media (min-width:375px){
.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:400;
	padding: 0px 20px;
}
}
@media (min-width:414px){
.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:400;
	padding: 0px 20px;
}
}
@media (min-width:768px){
.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:400;
	padding: 0px 20px;
}
}
@media (min-width:992px){
.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:400;
	padding: 0px 18px;
}
}
@media (min-width:1200px){
.texthead-content4-demo-date2{
	color:#e84a44;
	margin: 10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:400;
	padding: 0px 30px;
}
}

.textbox-demo-date{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demo-date{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demo-date{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demo-date{
	width: 100%;
    margin: 230px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demo-date{
	width: 100%;
    margin: 190px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}

.textbox-demop2-date1{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demop2-date1{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demop2-date1{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demop2-date1{
	width: 100%;
    margin: 135px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demop2-date1{
	width: 100%;
    margin: 140px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}



.textbox-demop2-date2{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demop2-date2{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demop2-date2{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demop2-date2{
	width: 100%;
    margin: 90px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demop2-date2{
	width: 100%;
    margin: 100px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}

.textbox-demop2-date3{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demop2-date3{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demop2-date3{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demop2-date3{
	width: 100%;
    margin: 50px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demop2-date3{
	width: 100%;
    margin: 55px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}


	
.textbox-demo-date2{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demo-date2{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demo-date2{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demo-date2{
	width: 100%;
    margin: 110px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demo-date2{
	width: 100%;
    margin: 110px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}

.textbox-demo-date3{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
@media (min-width:414px){
.textbox-demo-date3{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:768px){
.textbox-demo-date3{
	width: 100%;
    margin: 40px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 500px;
}
}
@media (min-width:992px){
.textbox-demo-date3{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}
@media (min-width:1200px){
.textbox-demo-date3{
	width: 100%;
    margin: 30px auto 0px;
	border: 1px solid #e84944;
	border-radius: 5px;
    max-width: 310px;
}
}



.texthead-content4-funw{
	color:#ffffff;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	padding: 0px 30px;
}

.texthead-content4w{
	color:#ffffff;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
}
@media (min-width:768px){
.texthead-content4w{
	color:#ffffff;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:23px;
	font-weight:200;
}
}
@media (min-width:1200px){
.texthead-content4w{
	color:#ffffff;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
}
}

.texthead-content-trade-tec4{
	color:#121213;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	text-align:center;
	    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;

}
@media (min-width:375px){
.texthead-content-trade-tec4{
	color:#121213;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	text-align:center;
	    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;

}
}
@media (min-width:414px){
.texthead-content-trade-tec4{
	color:#121213;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	text-align:center;
	    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;

}
}
@media (min-width:768px){
.texthead-content-trade-tec4{
	color:#121213;
	margin: 5px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	padding-left:20px;
	 text-align: left;
}
}
@media (min-width:992px){
.texthead-content-trade-tec4{
	color:#121213;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:200;
	padding-left:20px;
	    text-align: left;
}
}



.texthead-content-BT{
	color:#77bc1f;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	font-weight:300;
}

@media (min-width:414px){
.texthead-content-BT{
	color:#0000;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:768px){
.texthead-content-BT{
	color:#77bc1f;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:992px){
.texthead-content-BT{
	color:#77bc1f;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:1200px){
.texthead-content-BT{
	color:#77bc1f;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

.texthead-content-BT a {
	color:#77bc1f;
}
.texthead-content-BT a:hover {
	color: #77bc1f;
    text-decoration: underline !important;
}

.texthead-content-BT2{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	font-weight:300;
}

@media (min-width:414px){
.texthead-content-BT2{
	color:#0000;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:768px){
.texthead-content-BT2{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:992px){
.texthead-content-BT2{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

@media (min-width:1200px){
.texthead-content-BT2{
	color:#77bc1f;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:300;
}
}

.texthead-content-BT2 a {
	color:#77bc1f;
}
.texthead-content-BT2 a:hover {
	color: #77bc1f;
    text-decoration: underline !important;
}


.texthead-content5{
	color:#1f2021;
	margin: 80px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}
.texthead-content5min{
	color:#1f2021;
	margin: 80px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:34px;
	font-weight:500;
}

.texthead-content5-3{
	color:#1f2021;
	margin:10px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}

.texthead-content-target1{
	color:#1f2021;
	margin:0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}

.texthead-content-trade1{
	color:#1f2021;
	margin:20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}


.texthead-content5-1{
	color:#1f2021;
	margin: 45px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:200;
}

.texthead-content5-2{
	color:#1f2021;
	margin: 45px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	font-weight:200;
}
.texthead-content5-2-2{
	color:#1f2021;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	font-weight:200;
}

.texthead-content5-2-2w{
	color:#fffff;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:200;
}

.texthead-content8{
	color:#1f2021;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:200;
}

@media (min-width:768px){
.texthead-content5-2-2w{
	color:#fffff;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	font-weight:200;
}
}
@media (min-width:992px){
.texthead-content5-2-2w{
	color:#fffff;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:200;
}
}
@media (min-width:1200px){
.texthead-content5-2-2w{
	color:#fffff;
	margin: 15px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	font-weight:200;
}
}

.texthead-content5-2-3{
	color:#1f2021;
	margin: 45px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:24px;
	font-weight:200;
}
.texthead-content5-1min{
	color:#1f2021;
	margin: 45px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:33px;
	font-weight:200;
}

.texthead-content6{
	color:#ffffff;
	margin: 20px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}
.texthead-content6-1{
	color:#ffffff;
	margin: 0px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:200;
}

.texthead-content-trade-fun7{
	color:#ffffff;
	margin: 40px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}
@media (min-width:768px){
.texthead-content-trade-fun7{
	color:#ffffff;
	margin: 125px auto 0px;
	font-family: 'Kanit', sans-serif;
	font-size:44px;
	font-weight:500;
}
}

.textitem{
	color:#666a73;
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	font-weight:300;
	margin-bottom: 20px;
}

.textcustomer{
	color:#666a73;
	font-family: 'Kanit', sans-serif;
	font-size:14px;
	font-weight:300;
}

.textcopy{
	color:#666a73;
	font-family: 'Kanit', sans-serif;
	font-size:14px;
	font-weight:300;
	margin-top: 10px;
}
.textcopy2{
	color:#77bc1f;
	font-family: 'Kanit', sans-serif;
	font-size:14px;
	font-weight:400;
	margin-top: 10px;
}

.textcontact-bold{
	color:#77bc1f;
	font-family: 'Kanit', sans-serif;
	font-size:17px;
	font-weight:400;
	margin-top: 10px;
}
@media (min-width:375px){
.textcontact-bold{
	color:#77bc1f;
	font-family: 'Kanit', sans-serif;
	font-size:20px;
	font-weight:400;
	margin-top: 10px;
}
}

@media (min-width:414px){
.textcontact-bold{
	color:#77bc1f;
	font-family: 'Kanit', sans-serif;
	font-size:22px;
	font-weight:400;
	margin-top: 10px;
}
}
@media (min-width:768px){
.textcontact-bold{
	color:#77bc1f;
	font-family: 'Kanit', sans-serif;
	font-size:26px;
	font-weight:400;
	margin-top: 10px;
}
}


.textcustomer2{
	font-family: 'Kanit', sans-serif;
	font-size:12px;
	font-weight:300;
	padding-right: 7px;
	padding-left: 7px;
	border-right:1px solid  #c8c8c8;
	display:inline;
}
.textcustomer2 a {
	color:#666a73;
}

.textcustomer3{
	font-family: 'Kanit', sans-serif;
	font-size:12px;
	font-weight:300;
	padding-right: 7px;
	padding-left: 7px;	
	display:inline;
}

@media (max-width:440px){
	.textcustomer2{
		font-family: 'Kanit', sans-serif;
		font-size:12px;
		font-weight:300;
		padding-right: 0px;
		padding-left: 0px;
		border-right:none;
		display:table;
	}
	.textcustomer3{
		font-family: 'Kanit', sans-serif;
		font-size:12px;
		font-weight:300;
		padding-right: 0px;
		padding-left: 0px;	
		display:table;
	}
}

@media (max-width:440px){
	..text-submin1{
		font-family: 'Kanit', sans-serif;
		font-size:12px;
		font-weight:300;
		padding-right: 0px;
		padding-left: 0px;
		border-right:none;
		display:table;
	}
	.text-submin2{
		font-family: 'Kanit', sans-serif;
		font-size:12px;
		font-weight:300;
		padding-right: 0px;
		padding-left: 0px;	
		display:table;
	}
}

.text-submin2 a {
	color:#666a73;
}

.text-submin1 a {
	color:#666a73;
}


.textcustomer3 a {
	color:#666a73;
}

.text-tohome{
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	font-weight:300;
	padding-right: 8px;
	padding-left: 8px;
	border-right:1px solid  #c8c8c8;
	display:inline;
}
.text-tohome a {
	color:#666a73;
}
.text-tohome2{
	font-family: 'Kanit', sans-serif;
	font-size:15px;
	font-weight:300;
	padding-right: 8px;
	padding-left: 8px;
	display:inline;
}
.text-tohome2 a {
	color:#666a73;
}



.paddingdown{
	padding-top: 20px;
}

.bgcolor{
	background:#f2f2f2;
	margin-top: 2px;
	padding-top: 50px;
	padding-bottom:10px;
}

.bgcolor-sub{
	background:#f2f2f2;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom:10px;
}

.bgcolor-black{
	background:#212121;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-top: 0px;
	padding-bottom:10px;
}

.bgcolor2{
	background:#f2f2f2;

}

.bgcolor-home{
	background:#f2f2f2;
	padding-top: 25px;

}


.text01{
	line-height: 30px;
    margin-bottom: 0;
}
.text01 a {
	color:#666a73;
}

.costomer{
	width:100%;
	border-bottom:1px solid  #c8c8c8;
	overflow: hidden;
}

.line-buy-head{
	    width: 100%;
    height: 45px;
    border-bottom: 1px solid #00afab;
    overflow: hidden;
    border-left: 8px solid #00afab;
}
.line-buy-head2{
	    width: 100%;
    height: 45px;
    border-bottom: 1px solid #00afab;
    overflow: hidden;
    border-left: 8px solid #00afab;
}
.line-buy-head3{
	    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ff7495;
    overflow: hidden;
    border-left: 8px solid #f6416c;
}
.line-buy-head-buy-page3{
	    width: 100%;
    height: 45px;
	background-color:#707074;
    
    overflow: hidden;
    
}


.costomer2{
	width:100%;
	padding-bottom:10px;
}

@media (min-width:414px){
.costomer2{
	width:100%;
	padding-bottom:10px;
}
}

@media (min-width:768px){
.costomer2{
	width:100%;
	padding-bottom:0px;
}
}

.costomer3{
	width:100%;
}

.costomer2-2{
	width:100%;
	text-align: left;
}

@media (min-width:414px){
.costomer2-2{
	width:100%;
	text-align: left;
}
}

@media (min-width:768px){
.costomer2-2{
	width:100%;
	text-align: left;
}
}

@media (min-width:992px){
.costomer2-2{
	width:100%;
	text-align: right;
}
}

.copyright{
	width:100%;
	overflow: hidden;
	margin-bottom: 20px;
	 margin-top: 10px;
}


.space{
	padding: 0px;
}

.logo-text{
	width: 100%;
    max-width: 360px;
    margin: 230px auto 0px;	
	text-align: center;
}

@media (min-width:768px){
.logo-text{
	width: 100%;
    max-width: 360px;
    margin: 250px auto 0px;	
    text-align: center;
}
}

@media (min-width:992px){
.logo-text{
	width: 100%;
    max-width: 360px;
    margin: 220px auto 0px;	
	text-align: center;
}
}

.logo-text-fun{
	width: 100%;
    max-width: 360px;
    margin: 410px auto 0px;	
	text-align: center;
}

.logo-text-fun2{
	width: 100%;
    max-width: 360px;
    margin: 20px auto 0px;	
	text-align: center;
}

@media (min-width:768px){
.logo-text-fun{
	width: 100%;
    max-width: 360px;
    margin: 240px auto 0px;	
	text-align: center;
}
}

@media (min-width:992px){
.logo-text-fun{
	width: 100%;
    max-width: 360px;
    margin: 390px auto 0px;	
	text-align: center;
}
}

.logo-manual{
	width: 100%;
    margin: 50px auto 0px;	
	text-align: left;
}
.logo-manual2{
	width: 100%;
    margin: 80px auto 0px;	
	text-align: center;
}

.logo-contace33{
	width: 100%;
    margin: 80px auto 0px;	
	text-align: left;
}

.logo-mobile-tec1{
	width: 100%;
    margin: 0px 0px 0px 20px;	
	text-align: left;
}

.logo-trade-fun1{
	width: 100%;
    margin: 0px 0px 0px 20px;	
	text-align: center;
}

.logo-trade-fun2{
	width: 100%;
    margin: 0px 0px 0px 0px;	
	text-align: center;
}

.icon-trade1{
	width: 100%;
    margin: 25px auto 0px;	
	text-align: center;
}
@media (min-width:414px){
.icon-trade1{
	width: 100%;
    margin: 25px auto 0px;	
	text-align: center;
}
}
@media (min-width:768px){
.icon-trade1{
	width: 100%;
    margin: 10px auto 0px;	
	text-align: center;
}
}


.logo-text-d2{
	width: 100%;
    max-width: 360px;
    margin: 45px auto 0px;	
	text-align: center;
}

@media (min-width:768px){
.logo-text-d2{
	width: 100%;
    max-width: 360px;
    margin: 45px auto 0px;	
    text-align: center;
}
}

@media (min-width:992px){
.logo-text-d2{
	width: 100%;
    max-width: 360px;
    margin: 50px auto 0px;	
	text-align: center;
}
}

.logo-text-demo2{
	width: 100%;
    max-width: 360px;
    margin: 0px auto 0px;	
	text-align: center;
}


.line-green{
	width: 100%;
    max-width: 44px;
    margin: 0px auto 15px;
	    border-bottom: 3px solid #7bc143;
	
}
.line-green2{
	width: 100%;
    max-width: 44px;
    margin: 20px auto 20px;
    float: left;
	    border-bottom: 3px solid #7bc143;
	
}
.line-green3{
	width: 100%;
    max-width: 44px;
    margin: 0px auto 15px;
	float: left;
	    border-bottom: 3px solid #7bc143;
	
}
.line-green4{
	width: 100%;
    max-width: 44px;
    margin: 20px auto 20px;
	    border-bottom: 3px solid #7bc143;
	
}

.mobile-pic1{
    width: 100%;
    max-width: 1728px;
    margin: 10px auto 35px;
	
}
@media (min-width:768px){
.mobile-pic1{
	width: 100%;
    max-width: 1728px;
    margin: 38px auto 70px;
	
}
}

.stockpickup-pic1{
	 width: 100%;
    max-width: 1728px;
    margin: 38px auto;
	
}
.stockpickup-pic2{
	 width: 100%;
    max-width: 1728px;
    margin: 38px auto 0px;
	
}
@media (min-width:992px){
.stockpickup-pic2{
	 width: 100%;
    max-width: 1728px;
    margin: 38px auto -60px;
	
}
}



.textbox2{
	width: 100%;
    margin: 35px auto 120px;	
}

.textbox2-demo{
	width: 100%;
    margin: 20px auto 0px;	
}
.textbox2-buy2{
	width: 100%;
    margin: 5px auto 0px;	
}

.textbox2-buy-page3{
	width: 100%;
    margin: 0px auto 0px;	
}


.textbox-mobile1{
	width: 100%;
    margin: -280px auto 0px;	
}
@media (min-width:375px){
.textbox-mobile1{
	width: 100%;
    margin: -255px auto 0px;	
}
}
@media (min-width:414px){
.textbox-mobile1{
	width: 100%;
    margin: -190px auto 0px;	
}
}
@media (min-width:500px){
.textbox-mobile1{
	width: 100%;
    margin: -150px auto 0px;	
}
}
@media (min-width:600px){
.textbox-mobile1{
	width: 100%;
    margin: -90px auto 0px;	
}
}
@media (min-width:700px){
.textbox-mobile1{
	width: 100%;
    margin: -30px auto 0px;	
}
}
@media (min-width:768px){
.textbox-mobile1{
	width: 100%;
    margin: -145px auto 0px;	
}
}
@media (min-width:992px){
.textbox-mobile1{
	width: 100%;
    margin: 0px auto 0px;	
}
}


.textbox-mobile2{
	width: 100%;
    margin: -120px auto 0px;	
}
@media (min-width:375px){
.textbox-mobile2{
	width: 100%;
    margin: 80px auto 0px;	
}
}
@media (min-width:414px){
.textbox-mobile2{
	width: 100%;
    margin: 120px auto 0px;	
}
}
@media (min-width:768px){
.textbox-mobile2{
	width: 100%;
    margin: 120px auto 0px;	
}
}
@media (min-width:992px){
.textbox-mobile2{
	width: 100%;
    margin: 120px auto 0px;	
}
}

.textbox-trade1{
	width: 100%;
    margin: 35px auto 0px;	
}

.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
@media (min-width:375px){
.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
}
@media (min-width:414px){
.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
}
@media (min-width:768px){
.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
}
@media (min-width:992px){
.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
}
@media (min-width:1200px){
.textbox-mobile-fun1{
	width: 100%;
	text-align:center;
	
    margin: 140px auto 0px;
	background-color:#f2f2f2;
}
}

.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#ffffff;
}
@media (min-width:375px){
.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#ffffff;
}
}
@media (min-width:414px){
.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#ffffff;
}
}
@media (min-width:768px){
.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#ffffff;
}
}
@media (min-width:992px){
.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
    margin: 140px auto 0px;
	background-color:#ffffff;
}
}
@media (min-width:1200px){
.textbox-mobile-fun2{
	width: 100%;
	text-align:center;
	
    margin: 140px auto 0px;
	background-color:#ffffff;
}
}

.textbox-mobile-fun3{
	width: 100%;
	text-align:center;
	
    margin: 35px auto 0px;
	background-color:#ffffff;
}
.textbox-mobile-fun4{
	width: 100%;
	text-align:center;
	
    margin: 0px auto 0px;
	background-color:#f2f2f2;
	    padding-bottom: 20px;
}

.textbox-mobile-fun5{
	width: 100%;
	text-align:center;
	
    margin: 0px auto 0px;
	background-color:#ffffff;
}
@media (min-width:768px){
.textbox-mobile-fun5{
	width: 100%;
	text-align:center;
	
    margin: 30px auto 0px;
	background-color:#ffffff;
}
}
@media (min-width:992px){
.textbox-mobile-fun5{
	width: 100%;
	text-align:center;
	
    margin: 110px auto 0px;
	background-color:#ffffff;
}
}

.textbox-any-fun4{
	width: 100%;
	text-align:center;
	
    margin: 0px auto 0px;
	background-color:#f2f2f2;
	    padding-bottom: 60px;
}
.textbox-trade3{
	width: 100%;
    margin: 0px auto 0px;	
}


.textbox-trade4{
	width: 100%;
    margin: 0px auto 0px;	
}
@media (min-width:768px){
.textbox-trade4{
	width: 100%;
    margin: 25px auto 0px;	
}
}
@media (min-width:992px){
.textbox-trade4{
	width: 100%;
    margin: 125px auto 0px;	
}
}


.textbox-trade2{
	width: 100%;
    margin: 120px auto 0px;	
}
@media (min-width:414px){
.textbox-trade2{
	width: 100%;
    margin: 120px auto 0px;	
}
}
@media (min-width:768px){
.textbox-trade2{
	width: 100%;
    margin: 115px auto 0px;	
}
}
@media (min-width:992px){
.textbox-trade2{
	width: 100%;
    margin: 105px auto 0px;	
}
}
@media (min-width:1200px){
.textbox-trade2{
	width: 100%;
    margin: 140px auto 0px;	
}
}

.textbox-trade-fun1{
	width: 100%;
    margin: 0px auto 0px;	
}
.textbox-trade-fun2{
	
    margin: 30px auto 0px;	
}

.textbox-trade-fun3{
	width: 100%;
    margin: 0px auto 0px;	
}

.textbox-manual{
	width: 100%;
    margin: 120px auto 30px;	
}
@media (min-width:768px){
.textbox-manual{
	width: 100%;
    margin: 310px auto 30px;	
}
}
@media (min-width:992px){
.textbox-manual{
	width: 100%;
    margin: 230px auto 30px;	
}
}

.textbox-download{
	width: 100%;
    margin: -20px auto 80px;
}


.textbox-tech{
	width: 100%;
    margin: 35px auto 35px;
	
}
.textbox4{
	width: 100%;
    margin: 0px auto 20px;
	
}

.textbox2min{
	width: 100%;
    margin: -35px auto 40px;
	
}

.textbox3{
	width: 100%;
    margin: 35px auto 35px;
	
}

.textbox2-2{
	width: 908px;
    margin: 70px auto;
	
}

.stockpickup-mock2{
	width: 100%;
	margin: 50px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) right no-repeat;
    background-position: 85%;
    overflow: hidden;
}

@media (min-width:768px){
.stockpickup-mock2{
	width: 100%;

	margin: 0px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) center no-repeat;

    overflow: hidden;
}
}

@media (min-width:992px){
.stockpickup-mock2{
	width: 100%;
	margin: -30px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) right no-repeat;
       background-position: 335% 55%;
    overflow: hidden;
}
}

@media (min-width:1200px){
.stockpickup-mock2{
	width: 100%;
	
    margin: 50px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) right no-repeat;
       background-position: 130%;
    overflow: hidden;
}
}
@media (min-width:1400px){
.stockpickup-mock2{
	width: 100%;
	
    margin: 50px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) right no-repeat;
       background-position: 110%;
    overflow: hidden;
}
}

@media (min-width:1500px){
.stockpickup-mock2{
	width: 100%;
	
    margin: 50px 0px 0px 0px;
    background: url(../images/stockpickup-mock2.png) right no-repeat;
       background-position: 85%;
    overflow: hidden;
}
}

.stockpickup-mock3{
	width: 100%;
	height:687px;
  margin: 70px auto 0px;
    background: url(../images/stockpickup-mock-bgmin2.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:768px){
.stockpickup-mock3{
	width: 100%;
	height:650px;
  margin: 100px auto 0px;
    background: url(../images/stockpickup-mock-bgmin.jpg) center no-repeat;

    overflow: hidden;
}
}

@media (min-width:992px){
.stockpickup-mock3{
	width: 100%;
	height:650px;
  margin: 100px auto 0px;
    background: url(../images/stockpickup-mock-bg.jpg) center no-repeat;

    overflow: hidden;
}
}

.trade-pic1{
	width: 100%;
	height:1400px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic-min.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:375px){
.trade-pic1{
	width: 100%;
	height:1180px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:414px){
.trade-pic1{
	width: 100%;
	height:1180px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.trade-pic1{
	width: 100%;
	height:734px;
  margin: 100px auto 0px;
    background: url(../images/efintrade_pic.jpg) center no-repeat;

    overflow: hidden;
}
}

.business-sup-pic{
	width: 100%;
	height:1400px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic-min.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:375px){
.business-sup-pic{
	width: 100%;
	height:1180px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:414px){
.business-sup-pic{
	width: 100%;
	height:830px;
  margin: 90px auto 0px;
    background: url(../images/efintrade_pic.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.business-sup-pic{
	width: 100%;
	height:734px;
  margin: 100px auto 0px;
    background: url(../images/efintrade_pic.jpg) center no-repeat;

    overflow: hidden;
}
}

.any-pic1{
	width: 100%;
	height:1200px;
  margin: 100px auto 0px;
    background: url(../images/any_pic3-3.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:414px){
.any-pic1{
	width: 100%;
	height:1080px;
  margin: 100px auto 0px;
    background: url(../images/any_pic3-2.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.any-pic1{
	width: 100%;
	height:734px;
  margin: 100px auto 0px;
    background: url(../images/any_pic3.jpg) center no-repeat;

    overflow: hidden;
}
}

.mobile-fun10{
	width: 100%;
	height:760px;
  margin: 100px auto 0px;
    background: url(../images/mobile-fun10min.jpg) center no-repeat;

    overflow: hidden;
}

@media (min-width:768px){
.mobile-fun10{
	width: 100%;
	height:537px;
  margin: 100px auto 0px;
    background: url(../images/mobile-fun10.jpg) center no-repeat;

    overflow: hidden;
}
}

.trade-pic2{
	width: 100%;
	height:990px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-6-min2.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:375px){
.trade-pic2{
	width: 100%;
	height:990px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-6-min2.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:414px){
.trade-pic2{
	width: 100%;
	height:990px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-6-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.trade-pic2{
	width: 100%;
	height:734px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-6.jpg) center no-repeat;

    overflow: hidden;
}
}

.trade-mock2{
	width: 100%;
	height:830px;
  margin: 100px auto 0px;
    background: url(../images/trade-mock2-min.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:414px){
.trade-mock2{
	width: 100%;
	height:830px;
  margin: 100px auto 0px;
    background: url(../images/trade-mock2-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.trade-mock2{
	width: 100%;
	height:830px;
  margin: 100px auto 0px;
    background: url(../images/trade-mock2-min.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.trade-mock2{
	width: 100%;
	height:830px;
  margin: 140px auto 0px;
    background: url(../images/trade-mock2.jpg) center no-repeat;

    overflow: hidden;
}
}


.stockpickup-funtion1{
	width: 100%;
	height:738px;
  margin: 26px auto 0px;
    background: url(../images/funtion1.jpg) center no-repeat;

    overflow: hidden;
}

.mobile-pic2{
	width: 100%;
	height:600px;
  margin: 70px auto 0px;
    background: none;

    overflow: hidden;
}
@media (min-width:768px){
.mobile-pic2{
	width: 100%;
	height:830px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic1-768.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.mobile-pic2{
	width: 100%;
	height:825px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic1-1200.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:1200px){
.mobile-pic2{
	width: 100%;
	height:950px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic1.jpg) center no-repeat;

    overflow: hidden;
}
}

.mobile-pic3{
	width: 100%;
	height: 1300px;
  margin: 70px auto 0px;
    background: url(../images/mobile-pic2-414.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:375px){
.mobile-pic3{
	width: 100%;
	height: 960px;
 	 margin: 70px auto 0px;
    background: url(../images/mobile-pic2-414.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:414px){
.mobile-pic3{
	width: 100%;
	height: 850px;
  margin: 70px auto 0px;
    background: url(../images/mobile-pic2-414.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.mobile-pic3{
	width: 100%;
	height: 560px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic2-768.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.mobile-pic3{
	width: 100%;
	height: 740px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic2-1024.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:1200px){
.mobile-pic3{
	width: 100%;
	height: 657px;
  margin: 100px auto 0px;
    background: url(../images/mobile-pic2.jpg) center no-repeat;

    overflow: hidden;
}
}

.trade-funpic3{
	width: 100%;
	height: 279px;
  margin: 80px auto 0px;
    background: url(../images/trade-fun-min.jpg) center no-repeat;
    overflow: hidden;
}
@media (min-width:414px){
.trade-funpic3{
	width: 100%;
	height: 279px;
  margin: 80px auto 0px;
    background: url(../images/trade-fun-min.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:768px){
.trade-funpic3{
	width: 100%;
	height: 657px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun.jpg) center no-repeat;
    overflow: hidden;
}
}

.trade-funpic4{
	width: 100%;
	height: 501px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-4min4.jpg) center no-repeat;
    overflow: hidden;
}
@media (min-width:375px){
.trade-funpic4{
	width: 100%;
	height: 525px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-4min3.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:414px){
.trade-funpic4{
	width: 100%;
	height: 573px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-4min2.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:768px){
.trade-funpic4{
	width: 100%;
	height: 573px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-4min.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:992px){
.trade-funpic4{
	width: 100%;
	height: 753px;
  margin: 100px auto 0px;
    background: url(../images/trade-fun-4.jpg) center no-repeat;
    overflow: hidden;
}
}

.any-funpic2{
	width: 100%;
	height: 450px;
  margin: 100px auto 0px;
    background: url(../images/any-fun3-414.jpg) center no-repeat;
    overflow: hidden;
}
@media (min-width:414px){
.any-funpic2{
	width: 100%;
	height: 450px;
  margin: 100px auto 0px;
    background: url(../images/any-fun3-414.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:768px){
.any-funpic2{
	width: 100%;
	height: 440px;
  margin: 100px auto 0px;
    background: url(../images/any-fun3-768.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:992px){
.any-funpic2{
	width: 100%;
	height: 844px;
  margin: 100px auto 0px;
    background: url(../images/any-fun3.jpg) center no-repeat;
    overflow: hidden;
}
}

.any-funpic6{
	width: 100%;
	height: 380px;
  margin: 100px auto 0px;
    background: url(../images/any-fun6-414.jpg) center no-repeat;
    overflow: hidden;
}
@media (min-width:414px){
.any-funpic6{
	width: 100%;
	height: 308px;
  margin: 100px auto 0px;
    background: url(../images/any-fun6-414.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:768px){
.any-funpic6{
	width: 100%;
	height: 440px;
  margin: 100px auto 0px;
    background: url(../images/any-fun6-768.jpg) center no-repeat;
    overflow: hidden;
}
}
@media (min-width:992px){
.any-funpic6{
	width: 100%;
	height: 844px;
  margin: 100px auto 0px;
    background: url(../images/any-fun6.jpg) center no-repeat;
    overflow: hidden;
}
}

.contact-pic{
	width: 100%;
	height:308px;
  margin: 145px auto 0px;
    background: url(../images/contact-pic3.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:414px){
.contact-pic{
	width: 100%;
	height:308px;
  margin: 145px auto 0px;
    background: url(../images/contact-pic3.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:768px){
.contact-pic{
	width: 100%;
	height:738px;
  margin: 105px auto 0px;
    background: url(../images/contact-pic2.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.contact-pic{
	width: 100%;
	height:738px;
  margin: 105px auto 0px;
    background: url(../images/contact-pic2.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:1200px){
.contact-pic{
	width: 100%;
	height:738px;
  margin: 105px auto 0px;
    background: url(../images/contact-pic.jpg) center no-repeat;

    overflow: hidden;
}
}

.mobile-fun1{
	width: 100%;
	height:358px;
  margin: 205px auto 0px;
    background: url(../images/mobile-fun1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:414px){
.mobile-fun1{
	width: 100%;
	height:358px;
  margin: 205px auto 0px;
    background: url(../images/mobile-fun1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:768px){
.mobile-fun1{
	width: 100%;
	height:613px;
  margin: 177px auto 0px;
    background: url(../images/mobile-fun1-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.mobile-fun1{
	width: 100%;
	height:981px;
  margin: 105px auto 0px;
    background: url(../images/mobile-fun1.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}

.manual-pic2{
	width: 100%;
	height:778px;
  margin: 100px auto 0px;
    background: url(../images/manual-pic2.jpg) center no-repeat;

    overflow: hidden;
}

.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -500%;
    overflow: hidden;
}
@media (min-width:1200px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -570%;
    overflow: hidden;
}
}
@media (min-width:1230px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -355%;
    overflow: hidden;
}
}
@media (min-width:1250px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -260%;
    overflow: hidden;
}
}
@media (min-width:1300px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -175%;
    overflow: hidden;
}
}
@media (min-width:1380px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -125%;
    overflow: hidden;
}
}
@media (min-width:1400px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -80%;
    overflow: hidden;
}
}
@media (min-width:1500px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -50%;
    overflow: hidden;
}
}
@media (min-width:1600px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -20%;
    overflow: hidden;
}
}
@media (min-width:1700px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: -10%;
    overflow: hidden;
}
}
@media (min-width:1800px){
.stockpickup-mocktopview{
	width: 100%;
	height:895px;
	
    margin: 100px 0px 0px 0px;
    background: url(../images/stockpickup-mock-topview.jpg) left no-repeat;
       background-position: 0%;
    overflow: hidden;
}
}


.mocktop{
	width:100%;
	margin: 0px auto;
}

.mock-download{
	width:100%;
	margin: 5px auto 0px;
	text-align:center;
}
.mock-news{
	width:100%;
	margin: 55px auto 0px;
}

.mock-trade1{
	width:100%;
	margin: 15px auto 0px;
}
@media (min-width:414px){
.mock-trade1{
	width:100%;
	margin: 20px auto 0px;
}
}
@media (min-width:768px){
.mock-trade1{
	width:100%;
	margin: 20px auto 0px;
}
}
@media (min-width:992px){
.mock-trade1{
	width:100%;
	margin: 125px auto 0px;
}
}
@media (min-width:1200px){
.mock-trade1{
	width:100%;
	margin: 50px auto 0px;
}
}

.mock-buss2{
	width:100%;
	margin: 15px auto 0px;
	text-align:center;
}
@media (min-width:414px){
.mock-buss2{
	width:100%;
	margin: 20px auto 0px;
	text-align:center;
}
}
@media (min-width:768px){
.mock-buss2{
	width:100%;
	margin: 20px auto 0px;
	text-align:center;
}
}
@media (min-width:992px){
.mock-buss2{
	width:100%;
	margin: 20px auto 0px;
	text-align:center;
}
}
@media (min-width:1200px){
.mock-buss2{
	width:100%;
	margin: 50px auto 0px;
}
}

.mock-trade-fun1{
	width:100%;
	margin: 40px auto 0px;
}

.mock-trade2{
	width:100%;
	margin: 120px auto 0px;
}

.mock-mobile{
	width:100%;
	margin: 100px auto 0px;
}
@media (min-width:414px){
.mock-mobile{
	width:100%;
	margin: 120px auto 0px;
}
}
@media (min-width:768px){
.mock-mobile{
	width:100%;
	margin: 170px auto 0px;
}
}

.mock-mobile-tec{
	width:100%;
	margin: 205px auto 0px;
}
@media (min-width:375px){
.mock-mobile-tec{
	width:100%;
	margin: 205px auto 0px;
}
}
@media (min-width:414px){
.mock-mobile-tec{
	width:100%;
	margin: 205px auto 0px;
}
}
@media (min-width:768px){
.mock-mobile-tec{
	width:100%;
	margin: 228px auto 0px;
}
}

@media (min-width:992px){
.mock-mobile-tec{
	width:100%;
	margin: 175px auto 0px;
}
}



.mock-mobile-tec2{
	width: 100%;
	height: 1300px;
  margin: 0px auto 0px;
    background: #FFF;

    overflow: hidden;
}
@media (min-width:768px){
.mock-mobile-tec2{
	width: 100%;
	height: 1300px;
  margin: 0px auto 0px;
    background: url(../images/mobile-tec-768.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.mock-mobile-tec2{
	width: 100%;
	height: 1300px;
  margin: 0px auto 0px;
    background: url(../images/mobile-tec22.jpg) center no-repeat;

    overflow: hidden;
}
}



.mock-demo-p3{
	width: 100%;
	height: 690px;
  margin: 0px auto 0px;
    background: #FFF;

    overflow: hidden;
}
@media (min-width:768px){
.mock-demo-p3{
	width: 100%;
	height: 649px;
  margin: 0px auto 0px;
    background: url(../images/demo-cover4-768-2.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.mock-demo-p3{
	width: 100%;
	height: 782px;
  margin: 0px auto 0px;
    background: url(../images/demo-cover4.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:1200px){
.mock-demo-p3{
	width: 100%;
	height: 782px;
  margin: 0px auto 0px;
    background: url(../images/demo-cover4.jpg) center no-repeat;

    overflow: hidden;
}
}

.mock-anywhere-tec{
	width:100%;
	margin: 205px auto 0px;
}

@media (min-width:414px){
.mock-anywhere-tec{
	width:100%;
	margin: 205px auto 0px;
}
}
@media (min-width:768px){
.mock-anywhere-tec{
	width:100%;
	margin: 177px auto 0px;
}
}
@media (min-width:992px){
.mock-anywhere-tec{
	width:100%;
	margin: 115px auto 0px;
}
}

.mock-trade-tec{
	width:100%;
	margin: 10px auto 0px;
}

.mock-news-min{
	width:100%;
	margin: 30px auto 0px;
	text-align: center;
}

.download-stock{
	width:100%;
	max-width:262px;
}

.techbt1{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 10px;
    margin-left: 25px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
@media (min-width:414px){
.techbt1{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 10px;
    margin-left: 25px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:768px){
.techbt1{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 15px;
    margin-left: 25px;
	border: 2px solid #7bc143;
}
}
@media (min-width:992px){
.techbt1{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 0px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}

.techbt2{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 10px;
    margin-left: 25px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
@media (min-width:414px){
.techbt2{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 10px;
    margin-left: 25px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:768px){
.techbt2{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 15px;
    margin-left: 25px;
	border: 2px solid #7bc143;
}
}
@media (min-width:992px){
.techbt2{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 20px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}

.techbt3{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 20px;
    margin-left: 0px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
@media (min-width:414px){
.techbt3{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 20px;
    margin-left: 0px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:768px){
.techbt3{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 30px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}
@media (min-width:992px){
.techbt3{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 50px 10px 50px;
	margin-top: 35px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}

.techbt4{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 10px;
    margin-left: 0px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
@media (min-width:414px){
.techbt4{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 10px;
    margin-left: 0px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:768px){
.techbt4{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 15px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}
@media (min-width:992px){
.techbt4{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 20px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
}

.techbt-demo-start{
	 display: -webkit-inline-box;
	 width: 170px;
	 height:170px;
    color: #ffffff;
    border-radius: 50%;
    font-size: 20px; 
    font-family: 'Kanit', sans-serif;
   background-color: #7bc143 !important;
       padding: 55px 40px;
	text-shadow: 1px 1px 2px #427388;
	margin-top: 20px;
    margin-left: 0px;
	border: 3px solid #7bc143;
	 box-shadow: 4px 5px 5px #d0d0d0;
	
	
	
}

.techbt-demo-start:hover{
	
	
	 border: 3px solid #7bc143;
	background-color: #8bdc4b !important;
	 
	color: #ffffff;
	transition:all 0.4s ease-out;
	text-shadow: 1px 1px 2px #427388;
	 box-shadow: 4px 5px 5px #d0d0d0;
	
}



.techbt5{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 20px 10px 20px;
	margin-top: 10px;
    margin-left: 0px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
@media (min-width:375px){
.techbt5{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 10px;
    margin-left: -45px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:414px){
.techbt5{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 10px;
    margin-left: -45px;
	margin-bottom: 10px;
	border: 2px solid #7bc143;
}
}
@media (min-width:768px){
.techbt5{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 15px;
    margin-left: -45px;
	border: 2px solid #7bc143;
}
}
@media (min-width:992px){
.techbt5{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    border-radius: 3px;
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
	margin-top: 20px;
    margin-left: -45px;
	border: 2px solid #7bc143;
}
}


.techbt1:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}
.techbt2:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}
.techbt3:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}
.techbt4:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}

.techbt5:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}

.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	width:100%;
	    text-align: -webkit-center;
	
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 124px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
@media (min-width:375px){
.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 152px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}

@media (min-width:414px){
.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 171px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:768px){
.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 89px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:992px){
.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 126px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:1200px){
.techbt-buy2{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #00afab;
    padding: 10px 159px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}

.techbt-buy2:hover{
	background: #05e6e1;
	transition:all 0.3s ease-out;
	
}

.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
	width:100%;
	    text-align: -webkit-center;

    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 124px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
@media (min-width:375px){
.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
	 text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 152px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}

@media (min-width:414px){
.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
	text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 171px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:768px){
.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
   text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 89px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:992px){
.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
	    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 126px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}
@media (min-width:1200px){
.techbt-buy3{
    display: -webkit-inline-box;
    color:#FFF;
    text-align: -webkit-center;
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    background: #f6416c;
    padding: 10px 159px 10px;
    margin-top: -1px;
    margin-left: 0px;   
}
}

.techbt-buy3:hover{
	background: #ff0e48;
	transition:all 0.3s ease-out;
	
}


.techbt4-demo{
	 display: -webkit-inline-box;
    color: rgb(119, 188, 31);
    font-size: 15px; 
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 60px 10px 60px;
	margin-top: 20px;
    margin-left: 0px;
	border: 2px solid #7bc143;
}
.techbt4-demo:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}

.manual-pic1{
	width: 100%;
	height:762px;
  margin: 160px auto 0px;
    background: url(../images/manual-pic1-min.jpg) center no-repeat;

    overflow: hidden;
}
@media (min-width:768px){
.manual-pic1{
	width: 100%;
	height:1073px;
  margin: 60px auto 0px;
    background: url(../images/manual-pic1.jpg) center no-repeat;

    overflow: hidden;
}
}
@media (min-width:992px){
.manual-pic1{
	width: 100%;
	height:1073px;
  margin: 60px auto 0px;
    background: url(../images/manual-pic1.jpg) center no-repeat;

    overflow: hidden;
}
}


ul.icon-font-bullet {
	list-style: none;
	padding: 0;
	color: #121213;
	font-size: 24px;
    font-weight: 200;
}

ul.icon-font-bullet li {
	padding-left: 1.3em;
}
ul.icon-font-bullet li:before {
  content: "\e067";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  color: #68686d;
}

.tb-style .table {
	width: 1139px;
}

.underline{
	color: #77bc1f;
	
}
.underline:hover{
	color: #000000;
	
}

.texboxt-buy1{
	padding: 10px 0px 30px;
	 background-color:#fffff;
	
	     border: 1px solid #00afab;

}

.texboxt-buy2{
		padding: 10px 0px 30px;
	 background-color:#fffff;
	
	     border: 1px solid #ff7495;


}

.texboxt-buypage-3 {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 440px;
}
@media (min-width:375px){
.texboxt-buypage-3 {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 440px;
}
}
@media (min-width:414px){
.texboxt-buypage-3 {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 500px;
}
}
@media (min-width:768px){
.texboxt-buypage-3 {
    ;
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 300px;
}
}

.texboxt-buypage-3-buynew {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 400px;
}
@media (min-width:375px){
.texboxt-buypage-3-buynew  {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 400px;
}
}
@media (min-width:414px){
.texboxt-buypage-3-buynew  {
    
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 400px;
}
}
@media (min-width:768px){
.texboxt-buypage-3-buynew {
    ;
    background-color: #fffff;
    border: 1px solid #dadada;
    height: 330px;
}
}


.texboxt-buypage-3-2 {
    padding: 0px 0px 0px;
    background-color: #fffff;

	height: 300px;
	
}

@media (min-width:768px){
.texboxt-buypage-3-2 {
    padding: 0px 0px 0px;
    background-color: #fffff;
    border-right: 1px solid #dadada;
	height: 300px;
	
}
}

.texboxt-buypage-3-3 {
    padding: 10px 0px 30px;
    background-color: #fffff;
	
}

.efin-text-head1 {
	font-family: 'smart_extra_pro';
    color: #2b2b2b;
    padding: 5px 5px;
    margin-bottom: 0;
    font-size: 70px;

}

.efin-text-head1w {
	font-family: 'smart_extra_pro';
    color: #ffffff;
    padding: 5px 5px;
    margin-bottom: 0;
    font-size: 70px;

}


.business-pic1{
	width: 100%;
	height:764px;
  margin: 85px auto 0px;
    background: url(../images/business-efin1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:414px){
.business-pic1{
	width: 100%;
	height:764px;
  margin: 85px auto 0px;
    background: url(../images/business-efin1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:768px){
.business-pic1{
	width: 100%;
	height:692px;
  margin: 105px auto 0px;
    background: url(../images/business-efin1-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.business-pic1{
	width: 100%;
	height:764px;
  margin: 105px auto 0px;
    background: url(../images/business-efin1.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}

.business-pic2{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin2-375.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:375px){
.business-pic2{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin2-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:414px){
.business-pic2{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin2-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}


@media (min-width:768px){
.business-pic2{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin2-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.business-pic2{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin2.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}

.business-pic3{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin3-375.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:375px){
.business-pic3{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin3-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:414px){
.business-pic3{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin3-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}


@media (min-width:768px){
.business-pic3{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin3-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.business-pic3{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin3.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}

.business-pic4{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin4-375.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:375px){
.business-pic4{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin4-375.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:414px){
.business-pic4{
	width: 100%;
	height:885px;
  margin: 20px auto 0px;
    background: url(../images/business-efin4-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}


@media (min-width:768px){
.business-pic4{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin4-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.business-pic4{
	width: 100%;
	height:765px;
  margin: 15px auto 0px;
    background: url(../images/business-efin4.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}


.text-business1{
	    color: #1f2021;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 500;
}
@media (min-width:414px){
.text-business1{
	    color: #1f2021;
    margin: 40px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 34px;
    font-weight: 500;
}
}
@media (min-width:768px){
.text-business1{
	    color: #1f2021;
    margin: 60px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
}
}
@media (min-width:992px){
.text-business1{
	    color: #1f2021;
    margin: 110px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
}
}

.text-business2{
	    color: #1f2021;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 500;
	    line-height: 60px;
}
@media (min-width:375px){
.text-business2{
	    color: #1f2021;
    margin: 40px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 32px;
    font-weight: 500;
	    line-height: 60px;
}
}
@media (min-width:414px){
.text-business2{
	    color: #1f2021;
    margin: 40px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 38px;
    font-weight: 500;
	    line-height: 60px;
}
}
@media (min-width:768px){
.text-business2{
	    color: #1f2021;
    margin: 60px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
	    line-height: 60px;
}
}
@media (min-width:992px){
.text-business2{
	    color: #1f2021;
    margin: 60px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
	    line-height: 60px;
}
}

.text-business1-green{
	color: #77bc1f;
    margin: 20px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 400;
}

.logo-text-forbusiness-page{
	
	width: 100%;
    margin: 0px auto 0px;
}

.text-business-bold1{
	color: #121213;
    margin: 5px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 400;
}


.text-content-business1{
	    color: #121213;
   
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 200;
    padding: 0px 0px;
	
}

@media (min-width:768px){
.text-content-business1{
	    color: #121213;
   
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 200;
    padding: 0px 0px;
	
}
}
@media (min-width:992px){
.text-content-business1{
	    color: #121213;
   
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 200;
    padding: 0px 0px;
	    max-width: 485px;
}
}

.textbox-business1{
	    width: 100%;
    margin: 20px auto 0px;
}
@media (min-width:768px){
.textbox-business1{
	    width: 100%;
    margin: 50px auto 0px;
}
}
@media (min-width:992px){
.textbox-business1{
	    width: 100%;
    margin: 120px auto 0px;
}
}

.text-content-business2{
	     color: #1f2021;
    margin: 20px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.business-p2-pic1{
	width: 100%;
	height:1380px;
  margin: 85px auto 0px;
    background: url(../images/business-page2-pic1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
@media (min-width:375px){
.business-p2-pic1{
	width: 100%;
	height:1310px;
  margin: 85px auto 0px;
    background: url(../images/business-page2-pic1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:414px){
.business-p2-pic1{
	width: 100%;
	height:1310px;
  margin: 85px auto 0px;
    background: url(../images/business-page2-pic1-414.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:768px){
.business-p2-pic1{
	width: 100%;
	height:1000px;
  margin: 105px auto 0px;
    background: url(../images/business-page2-pic1-768.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}
@media (min-width:992px){
.business-p2-pic1{
	width: 100%;
	height:1110px;
  margin: 105px auto 0px;
    background: url(../images/business-page2-pic1.jpg) center no-repeat;
	text-align:center;

    overflow: hidden;
}
}

.brokerbt1{
	    display: -webkit-inline-box;
    color: rgb(119, 188, 31);

    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background: none;
    padding: 10px 30px 10px 30px;
    margin-top: 20px;
    margin-left: 0px;
    border: 2px solid #7bc143;
}
.brokerbt1:hover{
	background: rgb(119, 188, 31);
	transition:all 0.3s ease-out;
	color: #ffffff;
}

.comingsoon-box{
	max-width: 800px;
    margin: 280px auto 0px;
}



.banner_register {
	text-align:center;
	width:auto;
	overflow:hidden;
}
@media (max-width:414px){
	.banner_register{
		margin-top: 0px;
	}
}

@media (min-width:768px){
	.banner_register{
		margin-top: 45px;
	}
}

.registerprocess_wrap{
	padding: 50px 0;
	overflow:hidden;
}
@media (min-width:1200px){
	.registerprocess_wrap{
	padding: 100px 60px;
}
}

.bg {
	background-color: #fff;
}


.text-regis1{
    color: #1f2021;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.text-regis2{
    color: #1f2021;
    margin: 12px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.text-regis4{
    color: #121213;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 15px;
}

.text-regis5{
    color: #e84a44;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 15px;
}

.head2{
	color: #77bc1f;
	font-weight: 500;
	margin-bottom: 20px;
}

.bt-regis2{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #7bc143;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    border: 2px solid #7bc143;
}
.bt-regis2:hover{
	    border: 2px solid #68ab33;
    background-color: #68ab33 !important;
	transition:all 0.3s ease-out;
	
}

.bt-regis3{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #ff6128;
   
    padding: 10px 30px 10px 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 0px;
    border: 2px solid #ff6128;
}
.bt-regis3:hover{
	    border: 2px solid #ff4705;
    background-color: #ff4705 !important;
	transition:all 0.3s ease-out;
	
}

.bt-regis4{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #ff6128;
   
    padding: 10px 45px 10px 45px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    border: 2px solid #ff6128;
}
@media (min-width:414px){
.bt-regis4{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #ff6128;
   
    padding: 10px 45px 10px 45px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 15px;
    border: 2px solid #ff6128;
}
}
.bt-regis4:hover{
	    border: 2px solid #ff4705;
    background-color: #ff4705 !important;
	transition:all 0.3s ease-out;
	
}

.text-regis3 {
    color: #1f2021;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 300;
}

.regis-line{
	width: 100%;
    border-bottom: 1px solid #c8c8c8;
    overflow: hidden;
	    margin: 60px auto 30px;
}

.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:13px;
	font-weight:300;
	display: inline;
}
@media (min-width:375px){
.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:300;
	display: inline;
}
}
@media (min-width:414px){
.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:300;
	display: inline;
}
}
@media (min-width:768px){
.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:18px;
	font-weight:300;
	display: inline;
}
}
@media (min-width:992px){
.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:14px;
	font-weight:300;
	display: inline;
}
}
@media (min-width:1200px){
.texthead-content-BT-demo{
	color:#77bc1f;
	margin: 0px 0px 0px 10px;
	font-family: 'Kanit', sans-serif;
	font-size:16px;
	font-weight:300;
	display: inline;
}
}

.texthead-content-BT-demo a:hover {
    color: #77bc1f;
    text-decoration: underline !important;
}

.texthead-content-BT-demo a {
    color: #77bc1f;
}

.box-demo2{
	margin: 30px 0px 0px 25px;
}
@media (min-width:375px){
.box-demo2{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:414px){
.box-demo2{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:768px){
.box-demo2{
	margin: 40px 0px 0px 25px;
}
}
@media (min-width:992px){
.box-demo2{
	margin: 185px 0px 0px 25px;
}
}

.box-demo3{
	margin: 30px 0px 0px 25px;
}
@media (min-width:375px){
.box-demo3{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:414px){
.box-demo3{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:768px){
.box-demo3{
	margin: 40px 0px 0px 25px;
}
}
@media (min-width:992px){
.box-demo3{
	margin: 25px 0px 0px 25px;
}
}
@media (min-width:1200px){
.box-demo3{
	margin: 60px 0px 0px 25px;
}
}

.box-demo4{
	margin: 30px 0px 0px 25px;
}
@media (min-width:375px){
.box-demo4{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:414px){
.box-demo4{
	margin: 30px 0px 0px 25px;
}
}
@media (min-width:768px){
.box-demo4{
	margin: 40px 0px 0px 25px;
}
}
@media (min-width:992px){
.box-demo4{
	margin: 60px 0px 0px 25px;
}
}
@media (min-width:1200px){
.box-demo4{
	margin: 60px 0px 0px 25px;
}
}

.text-buy-page3{
	text-align:center;
	    color: #1f2021;
    margin: -85px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 500;
}
@media (min-width:375px){
.text-buy-page3{
	text-align:center;
	    color: #1f2021;
    margin: -85px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 500;
}
}
@media (min-width:414px){
.text-buy-page3{
	text-align:center;
	    color: #1f2021;
    margin: -50px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 500;
}
}
@media (min-width:768px){
.text-buy-page3{
	text-align:center;
	    color: #1f2021;
    margin: 70px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 500;
}
}
@media (min-width:992px){
.text-buy-page3{
	text-align:center;
	    color: #1f2021;
    margin: 90px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 32px;
    font-weight: 500;
}
}

.logo-text-buy-page {
    width: 100%;
    margin: 60px auto 0px;
    text-align: center;
}
@media (min-width:414px){
.logo-text-buy-page {
    width: 100%;
    margin: 100px auto 0px;
    text-align: center;
}
}
@media (min-width:768px){
.logo-text-buy-page {
    width: 100%;
    margin: 110px auto 0px;
    text-align: right;
}
}
@media (min-width:992px){
.logo-text-buy-page {
    width: 100%;
    margin: 80px auto 0px;
    text-align: right;
}
}

@media (min-width:414px){
.mock-package {
    width: 100%;
    margin: 15px auto 0px;
    text-align: center;
}
}
@media (min-width:768px){
.mock-package {
    width: 100%;
    margin: 50px auto 0px;
    text-align: center;
}
}
@media (min-width:992px){
.mock-package {
    width: 100%;
    margin: 5px auto 0px;
    text-align: center;
}
}


.text-buyhead-page3{
	    color: #1f2021;
    margin: 140px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 500;
}
@media (min-width:414px){
.text-buyhead-page3{
	    color: #1f2021;
    margin: 140px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 34px;
    font-weight: 500;
}
}
@media (min-width:768px){
.text-buyhead-page3{
	    color: #1f2021;
    margin: 140px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
}
}
@media (min-width:992px){
.text-buyhead-page3{
	    color: #1f2021;
    margin: 110px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 44px;
    font-weight: 500;
}
}

.textbox-buypage3-maxwith{
	max-width: 800px;
	margin: 0 auto;
	
}

.textdate{
	color:#c12424;
	text-align: center;
}



.bt-buypage3{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #00afab;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;

}
.bt-buypage3:hover{
	   
    background-color: #05e6e1 !important;
	transition:all 0.3s ease-out;
	
}

.bt-buypage3any{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #f6416c;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;

}
.bt-buypage3any:hover{
	   
    background-color: #ff0e48 !important;
	transition:all 0.3s ease-out;
	
}

.tetbox-buypage4{
	margin: 0 auto;
	height: 440px;
	overflow:auto;
    border: 1px solid #dadada;
	border-radius:3px;
	padding: 0 10px;
}

.bt-buypage4{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #7bc143;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
   
}
.bt-buypage4:hover{
	 
    background-color: #68ab33 !important;
	transition:all 0.3s ease-out;
	
}

.bt-buypage5{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #7bc143;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
   
}
.bt-buypage5:hover{
	 
    background-color: #68ab33 !important;
	transition:all 0.3s ease-out;
	
}


.bt-buypage4-1{
     display: -webkit-inline-box;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    background-color: #707074;
   
    padding: 10px 30px 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
   
}
.bt-buypage4-1:hover{
	 
    background-color: #444448 !important;
	transition:all 0.3s ease-out;
	
}


.textbuy5-bold{
    color: #121213;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 0px;
}

.textbuy5-bold2 {
    color: #121213;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 0px;
}

.textbuy5-bold3 {
    color: #121213;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 0px 0px 55px;
}

.textbuy5-bold4 {
    color: #1f2021;
    margin: 12px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.textbuy5-content {
    color: #1f2021;
    margin: 12px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-left: 55px;
}

.textbuy5-conten2 {
    color: #e84a44;
    margin: 15px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-left: 35px;
}
.textbuy5-blue1{
 	color: #337ab7;
    padding-right: 20px;
    text-align: right;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.textbuy5-blue2 {
    color: #337ab7;
    padding-right: 10px;
    text-align: right;
    margin: 0px auto 15px;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 400;
}

.textbuy5-red {
    color: #e84a44;
    padding-right: 10px;
    text-align: right;
    margin: 0px auto 15px;
    font-family: 'Kanit', sans-serif;
    font-size: 26px;
    font-weight: 400;
}

.buy5-line{
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    overflow: hidden;
	    margin-top: 15px;
    margin-bottom: 20px;
}
.price-part {
	width: 50%;
	float:left;
}

.textbox-buy5-package {
    width: 100%;
    text-align: center;
    margin: 50px auto 0px;
    background-color: #ffffff;
}
@media (min-width:375px){
.textbox-buy5-package {
    width: 100%;
    text-align: center;
    margin: 70px auto 0px;
    background-color: #ffffff;
}
}
@media (min-width:414px){
.textbox-buy5-package {
    width: 100%;
    text-align: center;
    margin: 100px auto 0px;
    background-color: #ffffff;
}
}
@media (min-width:768px){
.textbox-buy5-package {
    width: 100%;
    text-align: center;
    margin: 235px auto 0px;
    background-color: #ffffff;
}
}


.textbox-buy7-package {
    width: 100%;
    text-align: center;
    margin: 50px auto 0px;
    background-color: #ffffff;
}
@media (min-width:375px){
.textbox-buy7-package {
    width: 100%;
    text-align: center;
    margin: 70px auto 0px;
    background-color: #ffffff;
}
}
@media (min-width:414px){
.textbox-buy7-package {
    width: 100%;
    text-align: center;
    margin: 100px auto 0px;
    background-color: #ffffff;
}
}
@media (min-width:768px){
.textbox-buy7-package {
    width: 100%;
    text-align: center;
    margin: 315px auto 0px;
    background-color: #ffffff;
}
}


.text-regis-buy7 {
    color: #1f2021;
    margin: 12px 0px 0px 30px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.tetbox-buypage6 {
    margin: 0 auto;
        background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 20px 0;
}

.tetbox-buypage6-roll2 {
    margin: 0 auto;
	height: 1140px;
        background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 20px 0;
}
@media (min-width:414px){
.tetbox-buypage6-roll2 {
    margin: 0 auto;
	height: 1140px;
        background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 20px 0;
}
}
@media (min-width:768px){
.tetbox-buypage6-roll2 {
    margin: 0 auto;
	height: 990px;
        background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 20px 0;
}
}


.tetbox-buypage6-1 {
    color: #1f2021;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 300;
	    padding-left: 27px;
    padding-right: 10px;
}
.tetbox-buypage6-2b{
    color: #1f2021;
    margin: 0px auto 5px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
	    padding-left: 27px;
    padding-right: 10px;
}

.tetbox-buypage6-2{
    color: #1f2021;
    margin: 0px auto 5px;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 300;
	    padding-left: 27px;
    padding-right: 10px;
}


.tetbox-buypage6-1blue {
    color: #337ab7;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 300;
	
}

.tetbox-buypage6-3b{
    color: #121213;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 0px 27px;
}

.inform-buy6 {
    /* padding: 6px 12px; */
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
}

.tetbox-buypage6-4 {
    color: #1f2021;
    margin: 0px auto 5px;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 10px;
}

.textboxbuy7-pay{
	margin: 0 auto;
	text-align:center;
	    width: 300px;
}

.bg_king {
    background: #141414;
    width: 100%;
}


.boxform-demo{
	    margin: 0 auto;
    width: 100%;
	    /*max-width: 800px;*/
}

.boxform-demo2{
	    margin: 0 auto;
    width: 100%;
	    max-width: 800px;
}
@media (min-width:768px){
.boxform-demo2{
	    margin: 0 205px;
    width: 100%;
	    max-width: 800px;
}
}

.boxform-demo3{
	 margin: 0 auto;
    width: 100%;
	 max-width: 800px;
	 text-align: center;
}

.text-regis-demo {
    color: #1f2021;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.text-regis-step{
    color: #121213;
    margin: 40px auto 0px;
    font-family: 'smart_extra_pro';
    font-size: 35px;
    font-weight: 400;
}

.line-demo {
    width: 100%;
    max-width: 385px;
	margin: 10px auto 0px;
		text-align:center;
    border-bottom: 2px solid #7bc143;
}


.bt-form-demo {
    display: -webkit-inline-box;
       color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 18px;
    font-family: 'Kanit', sans-serif;
     background: -webkit-linear-gradient(top,#7cacff,#4b87ec);
    padding: 10px 30px 10px 30px;
    margin-top: 20px;
    margin-left: 0px;
 	margin-bottom: 60px;
}

.bt-form-demo:hover {
    color: #fff;
    background-color: #68ab33 !important;
	
	opacity: 0.6;
}

.box-newdemo1{
	width: 100%;
	margin: 0 auto;
	text-align:left;
}
.box-newdemo2{
	width: 100%;
	margin: 0 auto;
	text-align:left;
}

.textnumber-demo {
    color: #77bc1f;
    margin: 30px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
@media (min-width:414px){
.textnumber-demo {
    color: #77bc1f;
    margin: 30px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
}
@media (min-width:768px){
.textnumber-demo {
    color: #77bc1f;
    margin: 30px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
}
@media (min-width:992px){
.textnumber-demo {
    color: #77bc1f;
    margin: 32px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 400;
}
}
@media (min-width:1200px){
.textnumber-demo {
    color: #77bc1f;
    margin: 30px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
}

.textnumber-demo2 {
    color: #77bc1f;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 400;
}
@media (min-width:768px){
.textnumber-demo2 {
    color: #77bc1f;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 400;
}
}
@media (min-width:768px){
.textnumber-demo2 {
    color: #77bc1f;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 400;
}
}
@media (min-width:992px){
.textnumber-demo2 {
    color: #77bc1f;
    margin: 10px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: 400;
}
}

@media (min-width:1200px){
.textnumber-demo2 {
    color: #77bc1f;
    margin: 8px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 400;
}
}

.text-demo1 {
    color: #1f2021;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
@media (min-width:768px){
.text-demo1 {
    color: #1f2021;
    margin: 0px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
}

@media (min-width:992px){
.text-demo1 {
    color: #1f2021;
    margin: 45px auto -10px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
}

.text-demo2 {
    color: #1f2021;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
@media (min-width:768px){
.text-demo2 {
    color: #1f2021;
    margin: 0px auto 20px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
}

@media (min-width:992px){
.text-demo2 {
    color: #1f2021;
    margin: 25px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}
}


.text-demo3 {
    color: #1f2021;
    margin: 40px auto 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.text-demo4 {
        color: #1f2021;
    width: 100%;
    max-width: 690px;
    margin: 30px 0px -10px 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.text-demo5 {
        color: #1f2021;
    width: 100%;
    max-width: 1000px;
    margin: 30px 0px -10px 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.box-downloaddemo{
	width: 100%;
	margin: 20px auto 0px;
	text-align:center;
}
.box-downloaddemo2{
	width: 100%;
	margin: 0px auto 0px;
	text-align:center;
}




.demo-efinance-pic {
    width: 100%;
    max-width: 1728px;
    margin: 0 auto;
}

.textboxdemo-1 {
    width: 100%;
    margin: 35px auto 60px;
}


.textboxdemo-2 {
    color: #1f2021;
    margin: 45px 0px 0px 10px;
    font-family: 'Kanit', sans-serif;
    font-size: 40px;
    font-weight: 200;
}

.number-a{
	list-style-type: lower-alpha;
    font-size: 24px;
    color: #77bc1f;
	    margin-left: 20px;
}
@media (min-width:768px){
.number-a{
	list-style-type: lower-alpha;
    font-size: 24px;
    color: #77bc1f;
	    margin-left: 90px;
}
}

.line_block_left{
        border-left: 2px solid #7bc143;
        margin-bottom:50px;
}

.line_block_right{
        border-right: 2px solid #7bc143;
        margin-bottom:50px;
}

@media (max-width:1199px) {

.line_block_left{
        border-top: 2px solid #7bc143;
        border-left: 0px;
        margin-bottom:50px;
}

.line_block_right{
        border-bottom: 2px solid #7bc143;
        border-right: 0px;
        margin-bottom:50px;
}

}

/* ----------------  LH ------------------*/
  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    /*height: 340px;*/
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -webkit-transition-duration: 0ms,200ms;
    transition-duration: 0ms,200ms;
    -webkit-transition-timing-function: linear,linear;
    transition-timing-function: linear,linear;
    -webkit-transition-delay: 200ms,;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .cover-Bg-video-1 {
    position: relative;
    overflow: visible;
    z-index: 1;
  }
  .Bg-video-1-LH {
    background: url(../images/flora.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .Bg-video-1 {
    background: url(../images/Bg-video-1.png);
    width: 1020px;
    height: 540px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub-Bg-video-1 {
    position: absolute;
    width: 689px;
    top: 60px;
    left: 163px;
  }
  @media (max-width: 1835px) {
    .Bg-video-1 {
      width: 910px;
      height: 510px;
    }
    .sub-Bg-video-1 {
      width: 655px;
      top: 51px;
      left: 145px;
    }
  }
  @media (max-width: 1713px) {
    .Bg-video-1 {
      width: 890px;
      height: 470px;
    }
    .sub-Bg-video-1 {
      width: 602px;
      top: 50px;
      left: 142px;
    }
  }
  @media (max-width: 1638px) {
    .cover-Bg-video-1 {
      top: 33px;
    }
    .Bg-video-1-LH {
      padding-top: 40px;
      padding-bottom: 50px;      
    }
    .Bg-video-1-LH .textbox-trade1 {
      margin-top: 0px;
    }
    .Bg-video-1 {
      width: 800px;
      height: 440px;
    }
    .sub-Bg-video-1 {
      width: 560px;
      top: 48px;
      left: 129px;
    }
  }
  @media (max-width: 1556px) {
  .Bg-video-1-LH {
    background: url(../images/flora2.jpg);
    padding-top: 28px;
    padding-bottom: 50px;
  }
  .cover-Bg-video-1 {
    top: 25px;
    left: -3px;
  }
  .Bg-video-1 {
    background: url(../images/Bg-video-2.png);
    width: 785px;
    height: 414px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub-Bg-video-1 {
    width: 581px;
    top: 29px;
    left: 102px;
  }
  }
  @media (max-width: 1496px) {
  .cover-Bg-video-1 {
    top: 35px;
    left: -3px;
  }
  .Bg-video-1 {
    width: 715px;
    height: 414px;
  }
  .sub-Bg-video-1 {
    width: 535px;
    top: 23px;
    left: 90px;
  }
  }
  @media (max-width: 1372px) {
  .Bg-video-1-LH {
    padding-top: 5px;
    padding-bottom: 50px;
  }
  .cover-Bg-video-1 {
    top: 55px;
    left: -3px;
  }
  .Bg-video-1 {
    width: 650px;
    height: 375px;
  }
  .sub-Bg-video-1 {
    width: 482px;
    top: 21px;
    left: 84px;
  }
  }
  @media (max-width: 1292px) {
  .texthead-contentRes-LH {
    font-size: 32px;
  }
  .Bg-video-1 {
    width: 630px;
    height: 375px;
  }
  .sub-Bg-video-1 {
    width: 475px;
    top: 21px;
    left: 83px;
  }
  }

  @media (max-width: 1199px) {
  .Bg-video-1-LH {
    display: block;
    background:none;
  }
  .Bg-video-1 {
    background: none;
    width: auto !important;
    height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub-Bg-video-1 {
    position: static;
    width: auto !important;
  }
  .cover-Bg-video-1 {
    position: static;
  }
  .texthead-contentRes-LH {
    font-size: 42px;
  }
  .Bg-video-1-LH .textbox-trade1 {
    margin-top: 35px;
  }
  div.Bg-video-1-LH div.textbox-trade1 p.texthead-content3 {
    text-align: center;
    width: 970px;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.line-green2 {
    text-align: center;
    width: 970px;
    float:none;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.textbox-trade-fun2 {
    width: 970px;
    margin: 0px auto 250px;
  }
  }

  @media (max-width: 991px) {
  div.Bg-video-1-LH div.textbox-trade1 p.texthead-content3 {
    width: 750px;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.line-green2 {
    width: 750px;
    float:none;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.textbox-trade-fun2 {
    width: 750px;
    margin: 0px auto 170px;
  }
  }

  @media (max-width: 767px) {
  div.Bg-video-1-LH div.textbox-trade1 p.texthead-content3 {
    width: auto;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.line-green2 {
    width: auto;
    float:none;
  }
  div.Bg-video-1-LH div.textbox-trade1 div.textbox-trade-fun2 {
    width: auto;
  }
  }