@import url('typho.css');

	* {outline: none; }
	a::focus,a::active {outline: none; }

	body {background: #fff; margin: 0; /*padding-top: 100px;*/ }
	ul, ol {list-style: none; margin: 0; padding: 0;  }
	
	.container {max-width: 1200px; width: 100%; margin: 0 auto; position: relative; display: block; padding: 0 20px; box-sizing: border-box; }
	.hidden {overflow: hidden; }

	body>header {position: fixed; width: 100%; z-index: 100; box-sizing: border-box; background: #fff; top: 0; height: 100px; border-bottom: 1px solid #efefef; padding: 30px 0; box-sizing: border-box; }

	#logo {background: url(../img/logo.svg) no-repeat; position: absolute; width: 150px; top: 10px; overflow: hidden; margin: 0; z-index: 2; }
	#logo a {display: block; width: 100%; height: 100%; cursor: pointer; }

	#main-navigation .menu {display: none; }
	#main-navigation ul {width: 85%; overflow: hidden; text-align: right;}
	#main-navigation ul li {display: inline-block; margin: 10px 8px; }
	#main-navigation ul li a {transition: .5s all ease; font-family: 'LINESeedSansTH_Rg';}

	#main-navigation .search {position: absolute; right: 160px; top: 10px; margin: 0; }
	#main-navigation .search a {background: url(../img/icn/search.svg); display: block; width: 20px; height: 20px; overflow: hidden; cursor: pointer; transition: .5s all ease; }
	#main-navigation .search a:hover {background: url(../img/icn/search-green.svg); transform: scale(1.2); }
	
	#main-navigation .get-start {position: absolute; right: 20px; top: 0; margin: 0; }
	#main-navigation .get-start a {background: #13CF36; display: block; padding: 10px 20px; border-radius: 5px; width: 120px; height: 40px; box-sizing: border-box; cursor: pointer; transition: .5s all ease;font-family: 'LINESeedSansTH_Rg';}

	
	#billboard {position: relative; background: #000; overflow: hidden; }
	#billboard img {width: 100%; display: block; margin: 0 auto; }

	#billboard>.entry-content {position: absolute; z-index: 10; max-width: 768px; width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 5%; left: 50%; transform: translateX(-50%); }

		.slides li {position: relative; display: none; }

		
		.slides .entry-content.left {position: absolute; z-index: 10; max-width: 420px; width: 100%; padding-top: 30%; transform: translate(0,-50%); }
		.slides .entry-content.center {position: absolute; z-index: 10; max-width: 768px; width: 100%; padding-top: 30%; text-align: center; transform: translate(-50%,-50%); left: 50%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
		/*.slides img {opacity: .8; }*/
		.slides .left .more-detail {width: 140px; height: 40px; position: relative; }
		.slides .center .more-detail {width: 140px; height: 40px; position: relative; margin: 0 auto; text-align: left; }
		.slides .more-detail a {display: block; width: 100%; height: 100%; border-radius: 5px; /*border: 1px solid #efefef; */background: url(../img/icn/arrow-white.svg) 85% 50% #13CF36 no-repeat; position: relative; z-index: 2; transition: .5s all ease; }
		.slides .more-detail a:hover {background-position: 80% 50%; }

		.slides .entry-content.white {color: #fff; }
		.slides .entry-content.dark {color: #111; }
		/*.slides .entry-content.dark a {color: #111; }*/
		/*.slides .entry-content.dark .more-detail a {border: 1px solid #111; }*/
		
		/*.slides .more-detail:hover a {background: url(../img/icn/arrow-white.svg) 85% 50% no-repeat; }
		.slides .more-detail:before {content: ''; background: #13CF36 url(../img/icn/arrow-white.svg) 85% 50% no-repeat; background-attachment: fixed; height: 100%; width: 0; position: absolute; left: 1px; top: 1px; z-index: 1; transition: .5s all ease; }
		.slides .more-detail:hover:before {width: 100%; }*/

		.flex-control-nav {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; text-align: center; }
		.flex-control-nav li {display: inline-block; cursor: pointer; }
		.flex-control-nav a {display: inline-block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 10px; font-size: 0; margin: 3px; }
		.flex-control-nav a.flex-active {background: #13CF36; border-color: #13CF36; }
		.flex-direction-nav {display: none; }

		/*#billboard.product {margin-bottom: 50px;  }*/
		#billboard.product .flex-control-nav {bottom: 40px; }

	.highlight {overflow: hidden; padding: 20px 0; }
	.highlight article {overflow: hidden; padding: 30px 0; }

	.highlight article h1 {margin: 30px 0 10px; }
	.highlight article h1 small {display: block; margin-top: -20px;  }
	.highlight article img {border-radius: 10px; float: left; margin-right: 5%; max-width: 500px; width: 50%; transition: .5s all ease; }
	/*.ani img {margin-top: -5px; opacity: .2;  }*/
	.highlight article .entry-content {overflow: hidden; }
	.highlight article:nth-child(even) img {float: right; margin-left: 5%; margin-right: 0; }
	
	.highlight .more-detail {width: 140px; height: 40px; position: relative; font-family: 'LINESeedSansTH_Rg';}
	.highlight .more-detail a {display: block; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #efefef; float: left; background: url(../img/icn/arrow-green.svg) 85% 50% no-repeat; position: relative; z-index: 2; }

	.highlight .more-detail:hover a {background: url(../img/icn/arrow-white.svg) 85% 50% no-repeat; color: #fff; }
	.highlight .more-detail:before {content: ''; background: #13CF36 url(../img/icn/arrow-white.svg) 85% 50% no-repeat; background-attachment: fixed; height: 100%; border-radius: 5px; width: 0; position: absolute; left: 1px; top: 1px; z-index: 1; transition: .5s all ease; }
	.highlight .more-detail:hover:before {width: 100%; }


	.article-post {overflow: hidden; clear: both; margin-bottom: 60px; }
	/*.article-post article {float: left; width: 33.33%; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; }*/
	.article-post article {border: 1px solid #efefef; border-radius: 5px; overflow: hidden; }
	.article-post article a {display: block;}
	.article-post .entry-content {padding: 0 20px 30px; }
	.article-post article img {width: 100%; }
	.article-post article h1 {margin-bottom: -10px; transition: .5s all ease; }
	.article-post article a:hover h1 {color: #13CF36;  }
	
	.promotion-post {overflow: hidden; padding-top: 60px; }
	.promotion-post article {float: left; width: 33.33%; box-sizing: border-box; padding: 0 10px; }
	.promotion-post article a {border-radius: 5px; display: block; overflow: hidden; position: relative; }
	.promotion-post article span {border-radius: 5px; display: block; overflow: hidden; position: relative; }
	.promotion-post .entry-content {padding: 0 20px; position: absolute; top: 70%; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px; transition: .5s all ease;}
	.promotion-post article img {width: 100%; display: block; }
	.promotion-post article p {display: none; }
	.promotion-post .more-detail {background: url(../img/icn/arrow-white.svg) 100% 50% no-repeat; padding-right: 20px; }
	.promotion-post a:hover .entry-content {background: rgba(40,78,219,.9); top: 0; }
	.promotion-post a:hover p {display: block; }
	/*.promotion-post article:first-child .entry-content {top: 0; }*/
	/*.promotion-post article:first-child p {display: block; }	*/
	.view-more {padding: 20px 0; overflow: hidden; clear: both; font-family: 'LINESeedSansTH_Rg';}
	.view-more a {background: url(../img/icn/arrow-green.svg) 95% 50% no-repeat; padding-right: 20px; transition: .5s all ease; float: right; }
	.view-more a:hover {transform: translateX(-5px); }
	.no-underline {
		text-decoration: none !important;
	}

	/*.post-grid {margin-left: -10px; margin-right: -10px; overflow: hidden; }*/

	.article-post .post-grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*justify-items: center;*/
    grid-gap: 20px; }
    
    

	.tabs-swtich {border: 1px solid #efefef; background: #fff; border-radius: 5px; position: absolute; left: 50%; margin-top: -50px; transform: translateX(-50%); overflow: hidden; width: 600px; z-index: 10; }
	.tabs-swtich li {display: inline-block; height: 75px; margin: 0; padding: 0; width: 300px; font-family: 'LINESeedSansTH_Rg';}
	.tabs-swtich li a {display: block; width: 100%; height: 100%; cursor: pointer; }
	.tabs-swtich li.active {background: #13CF36; transition: .5s all ease;}

	.tabs-swtich.fixed {position: fixed; /*top: 150px;*/ background: #fcfcfc; z-index: 10; width: 100%; text-align: center; border-radius: 0; border: 0; height: 55px;}
	.tabs-swtich.fixed li {border-bottom: 5px solid #efefef; height: 50px; line-height: 50px; }
	.tabs-swtich.fixed li.active {background: none; border-bottom: 5px solid #13CF36; }
	.tabs-swtich.fixed li.active a {color: #111; font-family: 'LINESeedSansTH_Rg'; }

	.tabs-swtich-in {overflow: hidden; /*max-width: 800px; width: 100%;*/ margin: 30px auto 20px; text-align: center; font-family: 'LINESeedSansTH_Rg'; }
	.tabs-swtich-in li {border: 1px solid #efefef; display: inline-block; height: 50px; margin: 0 -5px 0 0; padding: 0 20px; /*width: 33.33%;*/ box-sizing: border-box; }
	.tabs-swtich-in li:first-child {border-radius: 5px 0 0 5px; }
	.tabs-swtich-in li:last-child {border-radius: 0 5px 5px 0; }
	.tabs-swtich-in li+li {border-left: 0; }
	.tabs-swtich-in li a {display: block; width: 100%; height: 100%; cursor: pointer; line-height: 50px; text-decoration: none !important; }
	.tabs-swtich-in li a:hover {color: #111 !important; }
	.tabs-swtich-in li.active {background: #13CF36; transition: .5s all ease; }
	.tabs-swtich-in li.active a {color: #fff; }
	.tabs-swtich-in li.active a:hover {color: #fff !important; }


	.tabs-scroll {border: 1px solid #efefef; background: #fff; border-radius: 5px; position: absolute; left: 50%; margin-top: -25px; transform: translateX(-50%); width: 620px; z-index: 10; }
	.tabs-scroll::-webkit-scrollbar {display: none; }
	/*.tabs-scroll ul {width: max-content; }*/
	.tabs-scroll li {display: inline-block; height: 50px; margin: 0; padding: 0; border-left: 1px solid #efefef; width: 150px; box-sizing: border-box; }
	.tabs-scroll li:first-child {border-left: 0; }
	.tabs-scroll li a {display: block; width: 100%; height: 100%; cursor: pointer; line-height: 50px; text-align: center; font-family: 'LINESeedSansTH_Rg';}
	/*.tabs-scroll li.active {background: #13CF36; }*/

	.tabs-scroll.fixed {position: fixed; /*top: 150px;*/ background: #fcfcfc; z-index: 10; max-width: 100%; width: 100%; text-align: center; border-radius: 0; border: 0; height: 50px; margin-top: -1px; }
	.tabs-scroll.fixed li {border-bottom: 5px solid #efefef; height: 50px; line-height: 50px; border-left: 0;  }
	.tabs-scroll.fixed li.active {background: none; border-bottom: 5px solid #13CF36; }
	.tabs-scroll.fixed li.active a {color: #111; font-family: 'LINESeedSansTH_Bd'; }

	.tabs-scroll+* {padding-top: 60px;  }

	/*.tabs-content {transition: .5s all ease; }*/

	

	.secondary-navigation {background: #fcfcfc; /*overflow: hidden;*/ width: 100%; height: 55px; text-align: center; position: fixed; z-index: 12; }
	/*.secondary-navigation.fixed {position: fixed; left: 0; z-index: 2; }*/
	.secondary-navigation li {display: inline-block; margin: 0; padding: 0 50px; width: auto; border-bottom: 5px solid #efefef; height: 50px; line-height: 50px; font-family: 'LINESeedSansTH_Rg';}
	.secondary-navigation li a {display: block; width: 100%; height: 100%; cursor: pointer;}
	.secondary-navigation li.active {border-bottom: 5px solid #13CF36; font-family: 'LINESeedSansTH_Bd';}
	.secondary-navigation+* {padding-top: 55px !important; }

	#howto-apply {overflow: hidden; }
	#howto-apply article>h1 {padding-top: 60px; }

	.step .entry-content p:first-child,  .plan .entry-content p:first-child, .product-list .entry-content p:first-child, .product-details .entry-content p:first-child{margin-bottom: -10px; }
	.step .entry-content p:first-child+p, .plan .entry-content p:first-child+p, .product-list .entry-content p:first-child+p, .product-details .entry-content p:first-child+p  {color: #555; }
	.step, .plan, .product-list, .product-details {overflow: hidden;  }
	/*.step li {float: left; width: 25%; padding: 20px; box-sizing: border-box; }*/
	
	.step {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    grid-gap: 20px; }

	.step li img {display: block; margin: 0 auto; max-width: 200px; width: 100%; }

	.plan {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-items: center;
		grid-gap: 20px; }
	
	.plan li img {display: block; margin: 0 auto; max-width: 200px; width: 100%; }

	/*.step li {float: left; width: 25%; padding: 20px; box-sizing: border-box; }*/
	.all-product {
		padding-top: 50px;
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
	}
	.product-list, .product-details  {
		display: grid;
    		grid-template-columns: repeat(2, 1fr);
    		grid-gap: 10px; 
	}

	.product-list li img {display: block; margin: 15px auto; max-width: 80px; width: 100%; float: left;}

	.product-list-text{
		margin-left: 90px;
	}
	.product-list-text h3{
		font-family: 'LINESeedSansTH_Rg';
	}
	.product-list-text h3::after{
		content: ' >';
		color: #13CF36;
		font-weight: bold;
	}
	.product-details li img {display: block; margin: auto; max-width: 54px; width: 100%; float: left;}
	.product-details-text{
		margin-left: 60px;
	}
	.product-details-text > p{
		line-height: 0px;
		color: #555;
	}
	.product-details-text > p > em{
		font-size: 12px;
		font-style: normal;
	}

	.blog {
		max-width: 1200px !important;
	}
	.blog .post-grid {
		margin-top: 20px;
	}
	.ins-tbl {
		border-spacing: 0px;
		max-width: 920px;
	}
	.ins-tbl tr td, .ins-tbl tr th{
		border-bottom: 1px solid #efefef;
		padding: 10px 10px;
	}
	.ins-tbl tr th:first-child{
		font-size: 18px;
	}
	.ins-tbl td:nth-child(even) {
		background-color: #F9F9F9;
	}
	.ins-tbl-head1{
	  background-color: #13CF36;
	}
	.ins-tbl-head2{
	  background-color: #0389E5 !important;
	}
	.ins-tbl-head3{
	  background-color: #284EDB;
	  
	}
	.ins-tbl .ins-tbl-head1, .ins-tbl .ins-tbl-head2, .ins-tbl .ins-tbl-head3 {
		color: #fff;
		text-align:center;
		white-space:nowrap;
		padding-left: 10px;
		padding-right: 10px;
		width: 15%;
	}
	.ins-tbl td+td, .ins-tbl th+th{
		  text-align:center;
	}
	.ins-footer a:hover{
		color: #13CF36; 
	}
	.display-desktop{
		display: block;
	}
	.display-mobile{
		display: none;
	}


	@media only screen and (max-width: 800px) {
	
		/* Force table to not be like tables anymore */
		#no-more-tables table, 
		#no-more-tables thead, 
		#no-more-tables tbody, 
		#no-more-tables th, 
		#no-more-tables td, 
		#no-more-tables tr { 
			display: block; 
		}
	 
		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	 
		#no-more-tables tr { border: 1px solid #ccc; }
	 
		#no-more-tables td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			white-space: normal;
			text-align:left;
		}
	 
		#no-more-tables td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
	 
		/*
		Label the data
		*/
		#no-more-tables td:before { content: attr(data-title); }
	}

	

	/*.line-chat {position: relative;  }*/
	.line-chat {position: fixed; bottom: 0; right: 20px; z-index: 99; transition: .5s all ease; display: none; margin: 15px 0; }
	.line-chat p {margin: 0; width: 45px; height: 45px; border: 1px solid #13CF36; border-radius: 30px; background: #13CF36; transition: .5s all ease; }
	.line-chat p a {background: url(../img/icn/plus-white.svg) center no-repeat; width: 45px; height: 45px; display: block; overflow: hidden; cursor: pointer; }
	.line-chat p:hover {transform: scale(1.05); }

	.line-chat ul {display: none; position: absolute; bottom: 50px; right: 0; width: 170px; /*background: #fff;*/ border-radius: 5px; /*border: 1px solid #efefef;*/ box-sizing: border-box; }
	.line-chat ul li {/*border-top: 1px solid #efefef;*/ line-height: 60px; text-align: right; }
	.line-chat ul li:first-child {border-top: 0; }
	.line-chat ul li a {color: #fff; padding-right: 55px;  }

	.line-chat li.chat {background: url(../img/icn/line-chat.svg) right center no-repeat; background-size: 45px; }
	.line-chat li.apply {background: url(../img/icn/line-bk-s.svg) right center no-repeat; background-size: 45px; }

	.line-chat.expand ul {display: block; }
	/*.line-chat.expand p {background: #13CF36; border-color: #13CF36; }*/
	.line-chat.expand p a {background: url(../img/icn/plus-white-x.svg) center no-repeat;  }

	body>.bg {background: #000; position: fixed; opacity: .8; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; }

	.goto-top {position: fixed; bottom: 0; right: 20px; z-index: 8; transition: .5s all ease; }
	.goto-top a {background: url(../img/icn/goto-top.svg) center no-repeat #fff; background-size: 15px; border: 1px solid #efefef; border-radius: 30px; width: 45px; height: 45px; display: block; overflow: hidden; cursor: pointer; transition: .5s all ease; }
	.goto-top a:hover {transform: scale(1.05);  }

	body>footer {border-top: 1px solid #efefef; padding-top: 100px; position: relative; clear: both; overflow: hidden; }
	
	.sitemap-menu ul {float: left; width: 25%;  }
	.sitemap-menu ul li {margin-bottom: 20px; font-family: 'LINESeedSansTH_Rg';}
	.sitemap-menu ul li strong {display: block; }
	.sitemap-menu ul li a {transition: .5s all ease; }

	.contact-channel {float: right; width: 25%; }
	.contact-channel p {margin: 0 0 20px; }
	.contact-channel p img {width: 130px; }
	
	.social {padding: 5px 5px 20px; margin-left: -5px; overflow: hidden; }
	.social li {float: left; margin-right: 10px; }
	.social li a img {width: 35px; height: 35px; }
	.social li a {display: block; transition: .5s all ease; }
	.social li a:hover {transform: scale(1.1); }

	/*.social li.line a {background: url(../img/icn/line.svg); background-size: 100%; }*/
	/*.social li.twitter a {background: url(../img/icn/twitter.svg); background-size: 100%; }*/
	/*.social li.facebook a {background: url(../img/icn/facebook.svg); background-size: 100%; }*/

	.language {float: left; width: 130px; height: 0; padding-top: 40px; border-radius: 5px; border: 1px solid #efefef; position: relative; background: url(../img/icn/arrow-down-green.svg) 85% 50% no-repeat; font-family: 'LINESeedSansTH_Rg';}
	.language li {display: none; }
	.language li.active {position: absolute; top: 0; left: 0; right: 0; display: block; z-index: 10; }
	
	.language:hover li.active {background: url(../img/icn/arrow-down-white.svg) 85% 50% no-repeat; padding-top: 0; margin-top: 0; }
	.language:hover li.active a {color: #fff; }
	.language:before {content: ''; background: #13CF36 url(../img/icn/arrow-down-white.svg) 85% 50% no-repeat; background-attachment: fixed; height: 100%; width: 0; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 5px; transition: .5s all ease; }
	.language:hover:before {width: 100%; }
	.language:after {content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; }

	.language.focus li {display: block; border: 1px solid #efefef; border-top: 0; border-radius: 0 0 5px 5px; margin-top: -2px; padding-top: 5px; }
	.language.focus li.active {background: url(../img/icn/arrow-down-white.svg) 85% 50% no-repeat; padding-top: 0; border: 0; margin-top: 0; }
	.language.focus li.active a {color: #fff; }

	.language.focus li a {transition: .5s all ease; display: block; }
	.language.focus li a:hover {color: #13CF36; }
	.language.focus:before {width: 100%; }

	body>footer>p {background: #111; clear: both; overflow: hidden; margin: 100px 0 0; float: left; width: 100%; padding: 20px 0;  }
	body>footer>p a {padding: 0 10px; transition: .5s all ease; border-left: 1px solid #555; }
	body>footer>p a:first-of-type {border: none; }
	
	
	
	#search-panel {position: fixed; background: #fff; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; z-index: 2; }
	#search-panel .close {width: 25px; height: 25px; cursor: pointer; overflow: hidden; text-indent: -99999px; display: block; right: 35px; top: 35px; position: absolute; transform: rotate(45deg); z-index: 2; }
	#search-panel .close:before {content: ''; display: block; position: absolute; width: 1px; height: 25px; background: #000; left: 12px; transition: .5s all ease; }
	#search-panel .close:after {content: ''; display: block; position: absolute; width: 25px; height: 1px; background: #000; top: 12px; transition: .5s all ease; }
	#search-panel .close:hover:before,
	#search-panel .close:hover:after {background: #13CF36; transform: rotate(90deg);}

	#search-panel form {max-width: 768px; width: 100%; margin: 0 auto; transform: translate(-50%,-50%); top: 45%; position: absolute; left: 50%; padding: 0 20px; box-sizing: border-box; }
	#search-panel input[type='search'] {border: 0; border-bottom: 1px solid #efefef; width: 100%; color: #000; -webkit-appearance: none; }
	#search-panel input[type='search']+span {display: block; padding: 20px 0 10px; text-align: right; }

	#search-panel.show,
	#start-panel.show {
	visibility: visible;
	opacity: 1;
	-webkit-animation: searchPanel .3s ease-in;
	animation: searchPanel .3s ease-in;
	transition: all .5s ease-in-out; }

	@-webkit-keyframes searchPanel {
    0% {transform: scale(1.1); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
  	}
  	@keyframes searchPanel {
	0% {transform: scale(1.1); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
  	} /*End of Zoom in Keyframes */

  	#search-panel.show.hide,
  	#start-panel.show.hide {
  	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-animation: searchPanelX .3s ease-in;
	animation: searchPanelX .3s ease-in;
	transition: all .5s ease-in-out; }

	@-webkit-keyframes searchPanelX {
    0% {opacity: 1;}
    100% {opacity: 0; }
  	}
  	@keyframes searchPanelX {
	0% {opacity: 1;}
    100% {opacity: 0; }
  	} /*End of Zoom in Keyframes */


	#search-panel ul {margin-left: -10px; margin-right: -10px;  }
	#search-panel li {width: 50%; float: left; padding: 10px; box-sizing: border-box; }
	#search-panel section {border: 1px solid #efefef; border-radius: 10px; padding: 20px;  }
	#search-panel section h3 {color: #13CF36; }

	#search-panel .more-detail {width: 140px; height: 40px; position: relative }
	#search-panel .more-detail a {display: block; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #efefef; float: left; background: url(../img/icn/arrow-green.svg) 85% 50% no-repeat; position: relative; z-index: 2; }

	#search-panel .more-detail:hover a {background: url(../img/icn/arrow-white.svg) 85% 50% no-repeat; color: #fff; }
	#search-panel .more-detail:before {content: ''; background: #13CF36 url(../img/icn/arrow-white.svg) 85% 50% no-repeat; background-attachment: fixed; height: 100%; width: 0; position: absolute; left: 1px; top: 1px; z-index: 1; transition: .5s all ease; }
	#search-panel .more-detail:hover:before {width: 100%; }

	.shortcut {margin-left: -10px; margin-right: -10px;  }
	.shortcut li {width: 50%; float: left; padding: 10px; box-sizing: border-box; }
	.shortcut section {border: 1px solid #efefef; border-radius: 10px; padding: 20px;  }
	.shortcut section h3 {color: #13CF36; }

	.shortcut .more-detail {width: 140px; height: 40px; position: relative }
	.shortcut .more-detail a {display: block; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #efefef; float: left; background: url(../img/icn/arrow-green.svg) 85% 50% no-repeat; position: relative; z-index: 2; }

	.shortcut .more-detail:hover a {background: url(../img/icn/arrow-white.svg) 85% 50% no-repeat; color: #fff; }
	.shortcut .more-detail:before {content: ''; background: #13CF36 url(../img/icn/arrow-white.svg) 85% 50% no-repeat; background-attachment: fixed; height: 100%; width: 0; position: absolute; left: 1px; top: 1px; z-index: 1; transition: .5s all ease; }
	.shortcut .more-detail:hover:before {width: 100%; }

	form input[type='text']::-webkit-input-placeholder,
	form input[type='email']::-webkit-input-placeholder,
	form input[type='tel']::-webkit-input-placeholder { /* Edge */
  		color: #999;
	}

	form input[type='text']:-ms-input-placeholder,
	form input[type='email']:-ms-input-placeholder,
	form input[type='tel']:-ms-input-placeholder  { /* Internet Explorer 10-11 */
  		color: #999;
	}

	form input[type='text']::placeholder,
	form input[type='email']::placeholder,
	form input[type='tel']::placeholder {
  		color: #999;
	}

	#start-panel {position: fixed; background: #fff; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; }
	#start-panel .close {width: 25px; height: 25px; cursor: pointer; overflow: hidden; text-indent: -99999px; display: block; right: 35px; top: 35px; position: absolute; transform: rotate(45deg); }
	#start-panel .close:before {content: ''; display: block; position: absolute; width: 1px; height: 25px; background: #000; left: 12px; transition: .5s all ease;}
	#start-panel .close:after {content: ''; display: block; position: absolute; width: 25px; height: 1px; background: #000; top: 12px; transition: .5s all ease;}
	#start-panel .close:hover:before,
	#start-panel .close:hover:after {background: #13CF36; transform: rotate(90deg);}
	#start-panel div {max-width: 768px; width: 100%; margin: 0 auto; transform: translate(-50%,-50%); top: 45%; position: absolute; left: 50%; padding: 0 20px; box-sizing: border-box; }
	#start-panel div img {border: 1px solid #efefef; padding: 20px; border-radius: 10px; float: left; margin-right: 50px; box-sizing: border-box; max-width: 300px; }
	#start-panel div p strong {background: url(../img/icn/line-oa.png) no-repeat; padding: 20px 0 20px 80px; display: inline-block; }

	.content-info {padding: 30px 20px 60px; max-width: 960px; width: 100%; margin: 0 auto; box-sizing: border-box; }
	.content-info>h1:first-child {text-align: center; color: #111; }
	
	.content-info h1, .content-info h2, .content-info h3, .content-info h4 {color: #13CF36; }
	.content-info ol {list-style: decimal; padding-left: 30px; }
	.content-info ul {list-style: none; padding-left: 10px; }

	.content-info ul>li {padding-left: 20px; position: relative; margin-bottom: 10px; }
	/*.content-info ul>li:before {content: '•'; display: block; position: absolute; left: 0; color: #13CF36; font-size: 30px; }*/
	.content-info ul>li:before {content: ''; display: block; position: absolute; left: 0; background: #13CF36; font-size: 30px; width: 7px; height: 7px; border-radius: 10px; top: 5px; }

	.content-info p strong {color: #13CF36; }

	.content-info p a {text-decoration: underline; transition: .5s all ease; }
	.content-info p a:hover {color: #13CF36; }

	.company-info {border: 1px solid #efefef; border-radius: 10px; padding: 30px; margin-top: 60px; }
	.company-info p {border-top: 1px solid #efefef; padding-top: 20px; padding-left: 250px; position: relative;}
	.company-info p:first-of-type {border-top: 0; }
	.company-info p span {color: #555; position: absolute; left: 0; }




	.career {width: 100%; border-collapse: collapse; margin-bottom: 60px;}
	.career tr th {color: #949494; text-align: left; padding: 20px 10px; box-sizing: border-box;  }
	.career tr td {border-bottom: 1px solid #efefef; padding: 20px 10px; transition: .3s all ease; vertical-align: top; box-sizing: border-box;  }
	.career tr td:first-child {color: #13CF36; }
	.career tr td:first-child+td {width: 50%; }
	.career tr:hover td {background: #fcfcfc; }
	.career tr a {transition: .3s all ease;}
	.career tr a:hover {color: #13CF36; }

	.specifications {border: 1px solid #efefef; border-radius: 10px; padding: 30px; margin-top: 60px; }
	.specifications h2 {border-top: 1px solid #efefef; padding-top: 30px; }
	.specifications h2:first-of-type {border-top: 0; padding-top: 0; }

	.specifications ul>li {padding-left: 20px; position: relative; margin-bottom: 10px; }
	/*.specifications ul>li:before {content: '•'; display: block; position: absolute; left: 0; color: #13CF36; font-size: 30px; }*/
	.specifications ul>li:before {content: ''; display: block; position: absolute; left: 0; background: #13CF36; font-size: 30px; width: 7px; height: 7px; border-radius: 10px; top: 5px; }

	.apply-now {padding-top: 30px; }
	.apply-now a {background: #13CF36; color: #fff; line-height: 40px; display: block; padding: 0 20px; border-radius: 5px; width: 90px; margin: 0 auto; text-align: center; transition: .3s all ease; }
	.apply-now a:hover {font-size: 17px; }
	
	.button-green {padding: 20px 0; text-align: center; clear: both; font-family: 'LINESeedSansTH_Rg';}
	.button-green a {background: #13CF36; color: #fff; line-height: 40px; display: inline-block; padding: 0 20px; border-radius: 5px; transition: .3s all ease; text-decoration: none !important; }
	.button-green a:hover {font-size: 17px; color: #fff !important; }

	.button-white {padding: 20px 0; text-align: center; clear: both; }
	.button-white a {border: 1px solid #efefef; color: #111; line-height: 40px; display: inline-block; padding: 0 20px; border-radius: 5px; transition: .3s all ease; text-decoration: none !important;}
	.button-white a:hover {font-size: 17px; color: #111 !important; }
	
	.contact {max-width: 960px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; }
	
	.entry-contact {position: relative; padding-right: 380px; padding-bottom: 60px; /*overflow: hidden;*/ }

	.entry-contact .embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border-radius: 10px;
	overflow: hidden;
	}
	.entry-contact .embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


	.entry-contact .scan-qr {float: right; margin: -60px -40px 0 0; text-align: center; }
	.entry-contact .scan-qr div {background: #fff; border: 1px solid #efefef; border-radius: 10px; position: absolute; width: 300px; padding: 30px; box-sizing: border-box; }
	.entry-contact .scan-qr img {width: 100%; }
	.entry-contact .scan-qr h1 {color: #13CF36; font-size: 25px; line-height: 25px; margin: 0; }

	.entry-contact ul {width: 50%; float: left;  }
	.entry-contact ul li {overflow: hidden; margin-bottom: 15px; }
	.entry-contact ul img {float: left; margin-right: 10px; }
	.entry-contact address {font-style: normal; clear: both; padding-top: 10px; }


	.notice {width: 100%; border-collapse: collapse; margin-bottom: 60px; }
	.notice tr th {color: #949494; text-align: left; padding: 20px 10px; box-sizing: border-box;  }
	.notice tr td {border-bottom: 1px solid #efefef; padding: 20px 10px; transition: .3s all ease; vertical-align: top; box-sizing: border-box;  }
	.notice tr td time {display: none; }
	.notice tr td:first-child+td {width: 70%; }
	.notice tr:hover td {background: #fcfcfc; }
	.notice tr a {transition: .3s all ease;}
	.notice tr a:hover {color: #13CF36; }

	.product-article {margin: 0 auto 100px;  }
	.product-article section+section {max-width: 960px; width: 100%; margin: 0 auto;  }
	.product-article section+section {padding-top: 50px;  }
	.product-article section+section h1 {color: #13CF36; margin: 0; }
	.product-article section+section h2,
	.product-article section+section h3,
	.product-article section+section h4 {color: #13CF36; font-family: 'LINESeedSansTH_Rg';}
	.product-article section+section a {text-decoration: underline; transition: .3s all ease;}
	.product-article section+section a:hover {color: #13CF36; }

	.product-article h1+h1 {border-top: 1px solid #efefef; margin-top: 30px !important; padding-top: 20px; }

	.bulet {margin-bottom: 20px;  }
	li>.bulet {margin: 10px 0;  }
	.bulet>li {padding-left: 20px; position: relative; margin-bottom: 10px; }
	.bulet>li:before {content: ''; display: block; position: absolute; left: 0; background: #13CF36; font-size: 30px; width: 7px; height: 7px; border-radius: 10px; top: 5px; }

	.decimal {margin-bottom: 20px;  }
	li>.decimal {margin: 10px 0;  }
	.decimal>li {list-style: decimal; margin-left: 20px; margin-bottom: 10px; }

        ol.decimal {counter-reset: item; }
        ol.decimal li {display: block; }
        ol.decimal li:before {content: counters(item, ".") " "; counter-increment: item; }

        .text-indent {text-indent: 40px; }
        .margin-left {margin-left: 40px; }

        .align-left {text-align: left; }
        .align-center {text-align: center; }
        .align-right {text-align: right; }        

	/*.div-table {margin-left: -40px; }*/
	.table {border-collapse: collapse; width: 920px; }
	.table tr td {border-bottom: 1px solid #efefef; padding: 10px 0; }
	.table tr td:first-child {width: 30%; }
        .div-table .table tr td:first-child {width: 50%; }
	.table tr td p {background: #efefef; width: 20px; height: 20px; margin: 0 auto; color: #efefef; border-radius: 20px;  }

	.accordion {border-bottom: 1px solid #efefef; margin: 0 0 30px; overflow: hidden; }
	.accordion dt {border-top: 1px solid #efefef; font-weight: bold; padding: 10px 20px 0 0; cursor: pointer; position: relative; }
	.accordion dt:after {content: ''; position: absolute; width: 20px; height: 20px; right: 0; top: 25px; background: url(../img/icn/arrow-down-green.svg) 100% 50% no-repeat; background-size: 15px;}
	.accordion dt.show:after {transform: rotate(180deg); }
	.accordion dt:first-child {border-top: 0; }
	.accordion dt h3 {color: #111 !important; font-family: 'LINESeedSansTH_Rg';}
	.accordion dd {display: none; opacity: 0; }
	/*.accordion dd.show {display: block; }*/

	/*.accordion dd .step {text-align: center; }*/
	/*.accordion dd .step li {text-align: left; float: none; display: inline-block; width: 24%; }*/

	[data-content="faq"] .accordion dd {margin-left: 0;  }

	.accordion dd.show {
	display: block;
	opacity: 1;
	-webkit-animation: acdShow .5s ease-in;
	animation: acdShow .5s ease-in;
	transition: all .5s ease-in-out; }

	@-webkit-keyframes acdShow {
    0% {opacity: 0; }
    100% {opacity: 1; }
  	}
  	@keyframes acdShow {
	0% {opacity: 0; }
    100% {opacity: 1; }
  	} /*End of Zoom in Keyframes */

        #calculator {overflow: hidden;  }
        #calculator .row {/*overflow: hidden;*/ float:left;width:100%;clear:both; padding: 30px 0; }
        #calculator .range {max-width: 500px; width: 50%; float: left; margin-right: 50px; border: 1px solid #efefef; border-radius: 10px; box-sizing: border-box; }
        #calculator h1 {margin: 30px 0 10px; }

  	#calculator .row+.row .range {float: right; margin-left: 50px; margin-right: 0;  }

  	.range p {color: #13CF36; }

        .range .total {padding: 20px 50px; position: relative; border-top: 1px solid #efefef; color: #111; }
        .range .total span {position: absolute; right: 50px; text-align: right; font-size: 14px; line-height: 30px; margin-top: -8px;width:200px }
        .range .total span:first-line {font-size: 30px; font-family: 'LINESeedSansTH_Rg'; }

  	.rangeslider-wrap {padding: 50px; }
  	.rangeslider__fill {background: #13CF36 !important; }
  	.rangeslider, .rangeslider__fill {box-shadow: none !important; }
  	.rangeslider--horizontal {height: 10px !important;  }
    .rangeslider__handle__value {background: #FFA700; margin: -40px 0 0 -18px; padding: 5px; color: #fff; border-radius: 5px; width: 70px; text-align: center; }
    .rangeslider__handle__value:before {content: ''; background: #FFA700; width: 13px; height: 13px; position: absolute; top: -18px; display: block; transform: rotate(45deg); left: 14px; border-radius: 20px 0 0 0; }
    

    .rangeslider--horizontal .rangeslider__handle {top: -20px !important;  }
    .rangeslider__handle:after {display: none !important;  }

    #loan-1 .rangeslider--horizontal .rangeslider__handle,
    #loan-2 .rangeslider--horizontal .rangeslider__handle {background: url(../img/icn/duck-yellow.png) center no-repeat; box-shadow: none; border: none; background-size: 100%; }

    #pay-1 .rangeslider--horizontal .rangeslider__handle,
    #pay-2 .rangeslider--horizontal .rangeslider__handle {background: url(../img/icn/bear-brown.png) center no-repeat; box-shadow: none; border: none; background-size: 100%; }

    #loan-1 span {width: 8%; float: left; display: none; }
    #loan-1 .rangeslider__labels {display: grid; grid-template-columns: repeat(11, 1fr); padding: 30px 20px 10px; }
    #loan-1 .rangeslider__labels span {border-right: 1px solid #efefef; font-size: 0; height: 15px }
    /*#loan-1 .rangeslider__labels span:first-child {border-left: 1px solid #efefef; }*/

    #pay-1 .rangeslider__labels {display: grid; grid-template-columns: repeat(5, 1fr); padding: 30px 20px 10px; }
    #pay-1 .rangeslider__labels span {border-right: 1px solid #efefef; font-size: 0; height: 15px; display: none; }
    #pay-1 .rangeslider__labels span:first-child {border-left: 1px solid #efefef; }

    #loan-2 span {width: 8%; float: left; display: none; }
    #loan-2 .rangeslider__labels {display: grid; grid-template-columns: repeat(11, 1fr); padding: 30px 20px 10px; }
    #loan-2 .rangeslider__labels span {border-right: 1px solid #efefef; font-size: 0; height: 15px }
    /*#loan-1 .rangeslider__labels span:first-child {border-left: 1px solid #efefef; }*/

    #pay-2 .rangeslider__labels {display: grid; grid-template-columns: repeat(5, 1fr); padding: 30px 20px 10px; }
    #pay-2 .rangeslider__labels span {border-right: 1px solid #efefef; font-size: 0; height: 15px; display: none; }
    #pay-2 .rangeslider__labels span:first-child {border-left: 1px solid #efefef; }


	.pagination {text-align: center; height: 80px; }
	.pagination a {padding: 8px 15px; transition: .3s all ease; border-radius: 5px; }
	.pagination a.prev {background: url(../img/icn/prev.svg) center no-repeat; border: 1px solid #efefef; }
	.pagination a.next {background: url(../img/icn/next.svg) center no-repeat; border: 1px solid #efefef; }
	.pagination a span {opacity: 0; display: inline-block; width: 15px; }
	.pagination a.active {background: #13CF36; color: #fff; }
	.pagination a:hover.active {color: #fff; }
	.pagination a:hover {color: #13CF36; }


	/*.head-fill {overflow: hidden;  }*/
	.head-fill h1 {float: left;  }

	.filter {padding-top: 30px;  }
	.filter ul {width: auto; height: 0; padding-top: 40px; border-radius: 5px; border: 1px solid #efefef; position: relative; background: url(../img/icn/filter-green.svg) right 50% no-repeat; float: right; margin-left: 20px; }
	.filter ul li {opacity: 0; line-height: 40px; padding: 0 40px 0 20px; visibility: hidden;}
	.filter ul li a {background: #fff; }
	.filter ul li.active {position: absolute; top: 0; left: 0; right: 0; opacity: 1; z-index: 10; visibility: visible;}
	.filter ul li.active a {background: none; white-space: nowrap; font-family: 'LINESeedSansTH_Rg';}
	/*.filter ul:hover li {display: block; border: 1px solid #efefef; border-top: 0; padding-top: 10px; margin-top: -10px; }*/
	.filter ul:hover li a {transition: .5s all ease; }
	.filter ul:hover li a:hover {color: #13CF36; }

	.filter ul:hover li.active {background: url(../img/icn/filter-white.svg) 100% 50% no-repeat; padding-top: 0; margin-top: 0; }
	.filter ul:hover li.active a {color: #fff; }
	.filter ul:before {content: ''; background: #13CF36; height: 100%; width: 0; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 5px; transition: .5s all ease; }
	.filter ul:hover:before {width: 100%; }
	.filter ul:after {content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; }

	.filter ul.focus li {opacity: 1; border: 1px solid #efefef; margin-top: -1px; background-color: #fff;  visibility: visible;}
	.filter ul.focus li.active {background: url(../img/icn/filter-white.svg) 100% 50% no-repeat; border: 0; margin-top: 0; }
	.filter ul.focus li.active a {color: #fff; }
	.filter ul.focus li:last-child {border-radius: 0 0 5px 5px; }

	.filter ul.focus li a {transition: .5s all ease; opacity: 1; font-family: 'LINESeedSansTH_Rg';}
	.filter ul.focus li a:hover {color: #13CF36; }
	.filter ul.focus:before {width: 100%; }


	.article-content header {text-align: center; max-width: 760px; width: 100%; margin: 0 auto 30px; }
	.article-content header h1 {margin-bottom: 10px;  }
	.article-content header footer {color: #949494; font-size: 14px;}

	.article-content figure {margin: 0;  }
	.article-content figure img {width: 100%;  }

	.article-content .entry-content {max-width: 760px; width: 100%; margin: 0 auto; position: relative; }
	.article-content .entry-content img {width: 100%; }

	.article-content .entry-content h1,
	.article-content .entry-content h2,
	.article-content .entry-content h3,
	.article-content .entry-content h4,
	.article-content .entry-content h5,
	.article-content .entry-content h6 {color: #13CF36; font-family: 'LINESeedSansTH_Rg';}
	.article-content .entry-content h1 {font-size: 35px; margin-bottom: 0; }

	.article-content .entry-content a {text-decoration: underline; transition: .5s all ease;}
	.article-content .entry-content a:hover {color: #13CF36; }

	.article-content .entry-content blockquote {position: relative;  }
	.article-content .entry-content blockquote:before {content: ''; display: block; width: 40px; height: 50px; background: url(../img/icn/q-l.svg) center no-repeat; position: absolute; left: -50px; }
	.article-content .entry-content blockquote:after {content: ''; display: block; width: 40px; height: 50px; background: url(../img/icn/q-r.svg) center no-repeat; position: absolute; right: 0; bottom: 0; }
	.article-content .entry-content blockquote p {font-family: 'LINESeedSansTH_Rg'; font-size: 40px; line-height: 40px; }

	.article-content .entry-content ul {margin-bottom: 20px;  }
	.article-content .entry-content ul>li {padding-left: 20px; position: relative; margin-bottom: 10px; }
	/*.article-content .entry-content ul>li:before {content: '•'; display: block; position: absolute; left: 0; color: #13CF36; font-size: 30px; }*/
	.article-content .entry-content ul>li:before {content: ''; display: block; position: absolute; left: 0; background: #13CF36; font-size: 30px; width: 7px; height: 7px; border-radius: 10px; top: 5px; }

	.article-content .entry-content ol {margin-bottom: 20px;  }
	.article-content .entry-content ol>li {list-style: decimal; margin-left: 20px; margin-bottom: 10px; }

	.article-content .entry-content .embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}
	.article-content .entry-content .embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


	.article-content+.view-more,
	.social-share+.view-more {border-top: 1px solid #efefef; margin-top: 50px; }
	.article-content+.view-more a,
	.social-share+.view-more a {
    background: url(../img/icn/arrow-green-l.svg) 0 50% no-repeat;
    padding-left: 15px;
    transition: .5s all ease;
    float: right; 
	font-family: 'LINESeedSansTH_Rg';}

	.social-share {width: 120px; position: absolute; top: 0; left: -200px; }
	.social-share li {float: left; margin: 0 10px 10px 0; padding-left: 0 !important; }
	.social-share li:before {display: none !important; }
	.social-share li a {display: block; width: 30px; height: 30px; overflow: hidden; text-indent: -9999px; transition: .5s all ease; }
	.social-share li a:hover {transform: scale(1.2);  }
	.social-share .line a {background: url(../img/icn/line-s.svg); background-size: 100%; }
	.social-share .facebook a {background: url(../img/icn/facebook-s.svg); background-size: 100%; }
	.social-share .twitter a {background: url(../img/icn/twitter-s.svg); background-size: 100%; }
	.social-share .linkedin a {background: url(../img/icn/linkedin-s.svg); background-size: 100%; }
	.social-share .copy a {background: url(../img/icn/copylink-s.svg); background-size: 100%; }


	#faq {position: relative;  }
	#faq nav {position: fixed; border: 1px solid #efefef; width: 300px; padding: 0 20px; box-sizing: border-box; border-radius: 10px; }
	#faq nav li {border-top: 1px solid #efefef; }
	#faq nav li a {display: block; padding: 15px 0; transition: .5s all ease; font-family: 'LINESeedSansTH_Rg'; }
	#faq nav li a:hover {color: #13CF36; }

	#faq nav li.active {background: url(../img/icn/arrow-green.svg) right center no-repeat; background-size: 10px; }
	#faq nav li.active a {font-family: 'LINESeedSansTH_Rg'; }

	#faq nav li:first-child {border-top: none; }
	#faq article {padding-left: 350px; padding-top: 50px;  }
	#faq article>h1 {color: #13CF36; margin: 0; }
	#faq dd {margin: 0;  }
	#faq dd a {text-decoration: underline; transition: .5s all ease;}
	#faq dd a:hover {color: #13CF36; }

	#faq dd h1,
	#faq dd h2,
	#faq dd h3,
	#faq dd h4 {color: #13CF36; }

	#faq dd h1 {margin-bottom: 0;  }

	#faq dd ul {margin-bottom: 20px;  }
	#faq dd ul>li {padding-left: 20px; position: relative; margin-bottom: 10px; }
	/*#faq dd ul>li:before {content: '•'; display: block; position: absolute; left: 0; color: #13CF36; font-size: 30px; }*/
	#faq dd ul>li:before {content: ''; display: block; position: absolute; left: 0; background: #13CF36; font-size: 30px; width: 7px; height: 7px; border-radius: 10px; top: 5px; }

	#faq dd ol {margin-bottom: 20px;  }
	#faq dd ol>li {list-style: decimal; margin-left: 20px; margin-bottom: 10px; }


	
	#search-result {max-width: 960px; width: 100%; margin: 0 auto 60px; overflow: hidden;  }
	/*#search-result .container {padding-right: 360px;  }*/

	
	.search-content {width: 100%; max-width: 960px; margin: 0 auto;  }
	.search-content>h1 {border-bottom: 1px solid #efefef; padding-bottom: 20px; font-size: 30px; }
	.search-content article {border-bottom: 1px solid #efefef; overflow: hidden; padding-bottom: 30px; }
	.search-content article h1 {color: #13CF36; font-size: 24px; line-height: 20px; margin-bottom: 10px; }
	.search-content article h1 small {color: #949494; font-size: 14px; font-family: 'SukhumvitSet-Text'; }
	.search-content article img {border-radius: 10px; width: 200px; float: left; margin-right: 20px; }

	.search-content.found>h1 {padding-top: 30px; border-bottom: 0; padding-bottom: 0; }
	.search-content .not-found {border: 1px solid #efefef; padding: 20px 30px 0; border-radius: 10px; text-align: center; }
	.search-content .not-found a {cursor: pointer; }
	/*.search-content .not-found:hover {background: url(../img/icn/search.svg) 96% center no-repeat; }*/

	/*#search-result .shortcut {width: 300px; float: right; height: 100%; position: absolute; right: 0; }
	#search-result .shortcut ul {position: fixed; width: 300px; }
	#search-result .shortcut li {width: 100%; }*/

	#cookie-consent {position: fixed; bottom: 0; background: #fff; border-top: 1px solid #efefef; width: 100%; padding: 10px 0; z-index: 1000; left: 0;display: none; }
	#cookie-consent div>p:first-child {padding-right: 150px; font-size: 14px; line-height: 20px; }
	#cookie-consent div>p:first-child a {text-decoration: underline; }
	#cookie-consent div>p:first-child a:hover {color: #13CF36; }
	#cookie-consent .button-green {position: absolute; top: 0; right: 20px; margin: 0; padding-top: 0; }
	#faq img, .product-article img {max-width: 100%; }
@media (max-width: 1200px) {
	.social-share {left: -20%; }
}

@media (max-width: 1100px) {
	.social-share {width: 430px; margin: 0 auto; position: static; height: 50px; padding-top: 30px;  }
	.social-share p {float: left; padding: 0 20px; }
	.social-share li a {width: 50px; height: 50px; }
}

	@media (max-width: 1024px) {
		
		#main-navigation .menu {display: block; border-top: 1px solid #949494; border-bottom: 1px solid #949494; width: 25px; height: 20px; position: absolute; right: 20px; top: -5px; cursor: pointer; z-index: 1; transition: .5s all ease; }
		#main-navigation .menu.close {border: 0; transform: rotate(45deg); }
		#main-navigation .menu.close:after {width: 1px; height: 25px; background: #949494; display: block; content: ''; position: absolute; top: -3px; left: 50%; transition: .5s all ease;}
		#main-navigation .menu a {font-size: 0; width: 25px; height: 1px; background: #949494; display: block; margin-top: 9px; transition: .5s all ease; }
		#main-navigation .menu:hover {border-color: #13CF36; }
		#main-navigation .menu:hover a {background: #13CF36; }
		#main-navigation .menu:hover:after {background: #13CF36; }

		#main-navigation .get-start {right: 60px; }
		#main-navigation .search {right: 200px; }



		/*#main-navigation ul {display: none; }*/
		#main-navigation ul {position: fixed; width: 380px; background: #fff; height: 100%; opacity: 0; right: 0; padding-top: 100px; /*border-left: 1px solid #efefef;*/ visibility: hidden; /*right: -1000px; */}
		#main-navigation ul li {margin: 0; }
		#main-navigation .expand li {display: block; text-align: left; padding: 14px 0px;}
		#main-navigation .expand li div{width: 231px; padding-left: 15px;}

		#main-navigation .expand {opacity: 1; visibility: visible; }

	#main-navigation .expand-B {
	/*visibility: visible;*/
	/*right: 0;*/
	opacity: 1;
	z-index: 100;
	-webkit-animation: navExp .5s ease-in;
	animation: navExp .5s ease-in;
	transition: all .5s ease-in-out; }

	@-webkit-keyframes navExp {
    0% {opacity: 0;}
    100% {opacity: 1;}
  	}
  	@keyframes navExp {
	0% {opacity: 0;}
    100% {opacity: 1;}
  	} /*End of Zoom in Keyframes */

  	#main-navigation .expand-B.hide {
	/*right: -1000px;*/
	/*visibility: hidden;*/
	opacity: 0;
	-webkit-animation: navExpX .5s ease-in;
	animation: navExpX .5s ease-in;
	transition: all .5s ease-in-out; }

	@-webkit-keyframes navExpX {
    0% {opacity: 1;}
    100% {opacity: 0;}
  	}
  	@keyframes navExpX {
	0% {opacity: 1;}
    100% {opacity: 0;}
  	} /*End of Zoom in Keyframes */

		#start-panel div img {width: 260px; }

		.highlight article img {width: 40%; }
		.highlight article h1 {font-size: 25px; line-height: 30px; }
		#calculator .range {width: 40%;  }
		#calculator .range .rangeslider-wrap {padding: 30px 20px; }
		#calculator .range .total {padding: 20px; }
		#calculator .range .total span {right: 20px; }

		/*.step li {width: 33.33%; }*/
		.step, .plan {grid-template-columns: repeat(3, 1fr); }
		.product-list, .product-details {grid-template-columns: repeat(2, 1fr); }

		#products-navigation, #outline-menu-desktop{
			display: none !important;
		}
		#outline-menu-mobile{
			display: block !important;
		}
		.tabs-scroll.fixed {
			margin-top: 0px !important;
		}


		#outline-menu-mobile {border-bottom: 1px solid #efefef; margin: 0 0 30px; overflow: hidden; }
		#outline-menu-mobile ul {cursor: pointer; position: relative; border-bottom: 1px solid #efefef; padding: 0;}
		/* #outline-menu-mobile li:after {content: ''; position: absolute; width: 20px; height: 20px; right: 0; top: 25px; background: url(../img/icn/arrow-down-green.svg) 100% 50% no-repeat; background-size: 15px;} */
		#outline-menu-mobile li.show:after {transform: rotate(180deg); }
		#outline-menu-mobile li:first-child {border-top: 0; }
		#outline-menu-mobile li h3 {color: #111 !important; }
		#outline-menu-mobile li {font-size: 15px;}

		.our-pro{
			font-family: 'LINESeedSansTH_Rg';
    		/* margin: 0px 15px !important; */
		}
		.our-pro, .our-pro dt{
			padding: 0 !important;
		}
		.our-pro dt p{
			font-style: normal !important;
			font-weight: normal;
		}
		.our-pro dt:after{
			top: 0px !important;
			right: 24px;
		}
		.our-pro dd{
			margin-inline-start: 0px;
			
		}
		.bg-color-group-menu li{
			padding: 4px 0 !important;
		}
		.bg-color-group-menu, .bg-color-group-menu .expand, .bg-color-group-menu .expand li{
			background-color: #F8F8FA !important;;
		}
		.li-border{
			border-bottom: 1px solid #efefef;
		}
	
		.small-header-menu{
			font-size: 13px !important;
			color: #A3A4A9;
		}

		#outline-menu-mobile .accordion {
			border-bottom: 0;
		}
		

	}
	
	@media (max-width: 960px) {
		.notice tr td:first-child+td {width: 50%; }

		#faq nav {width: 220px; }
		#faq article {padding-left: 270px; }

		.search-content {max-width: 100%; }
		#search-result .shortcut {width: 100%; margin: 0; padding-top: 30px;  }
		#search-result .shortcut li {padding: 10px 0; }
	}

	@media (max-width: 920px) {
		.div-table {overflow-y: scroll; }
                .div-table .table tr td+td{
			font-size: 16px; 
		}
	}

	@media (max-width: 820px) {
		.article-post {overflow: hidden; }
		.overflow-mob {overflow-x: scroll;}
		.overflow-mob::-webkit-scrollbar {display: none; }
		.overflow-mob .post-grid {width: 960px; }

		.article-post .overflow-mob .post-grid {grid-template-columns: repeat(3, 1fr); }
		.article-post .post-grid {grid-template-columns: repeat(2, 1fr); }

		.product-article section h1 {font-size: 30px; line-height: 35px; }

		.entry-contact {padding-right: 20px; }
		.entry-contact .scan-qr {float: none; margin: 0; text-align: left; }
		.entry-contact .scan-qr div {position: static !important; width: 100%; overflow: hidden; margin-bottom: 30px; padding-top: 100px; }
		.entry-contact .scan-qr div img {float: left; max-width: 250px; width: 100%; margin: -70px 30px 0 0; }

		.entry-contact address {border-top: 1px solid #efefef; clear: both; margin-top: 30px; float: left; width: 100%; }
		
		.display-desktop{
			display: none;
		}
		.display-mobile{
			display: block;
		}

	}


@media (max-width: 768px) {


	.slides .entry-content {padding-top: 60% !important;}

	#main-navigation .get-start {display: none; }

	#main-navigation .search {right: 60px;}

	.tabs-scroll {max-width: max-content; }

	.line-chat {display: block;  }
	.goto-top {display: none;  }

}

	@media (max-width: 720px) {

		.career tr th {display: none; }
		.career tr td {float: left; }
		.career tr td:first-child {border: 0; padding-bottom: 5px; }
		.career tr td:first-child+td {width: auto; border: 0; padding-bottom: 5px; }
		.career tr td:first-child+td+td {clear: both; width: 50%; text-indent: 30px; padding-top: 0; color: #949494; }
		.career tr td:first-child+td+td+td {width: 50%; text-align: right; padding-top: 0; color: #949494; }

		.notice tr th {display: none; }
		.notice tr td {float: left; }
		.notice tr td:first-child {display: none;  }
		.notice tr td:first-child+td {border-bottom: 0; width: 100%; padding-bottom: 15px; }
		.notice tr td:first-child+td+td {width: 100%; padding-top: 0; color: #949494; text-align: right; }
		.notice tr td time {display: block; float: left; }
		/*.notice tr td:first-child+td+td {position: absolute; bottom: 0; }*/

		#faq nav {position: static !important; width: 100%; margin-top: 30px; top: 0 !important; }
		#faq nav ul {position: relative; padding-top: 50px; }
		#faq nav li {display: none; position: relative; border-top: 1px solid #efefef !important; }
		#faq nav li.active {display: block; background: url(../img/icn/arrow-down-green.svg) right center no-repeat; background-size: 15px; cursor: pointer; position: absolute; top: 0; border-top: 0 !important; right: 0; left: 0; }
		#faq nav li.active:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
		#faq article {padding-left: 0; padding-top: 30px; }

		.accordion dd {margin-left: 0;  }

		#faq nav ul.show li {display: block; }

		#calculator .range {max-width: 100%; width: 100%; margin: 0 0 30px;  }

		.filter {clear: both; padding: 0; padding-bottom: 80px; width: max-content; }
		.filter ul {margin-left: 0; margin-right: 20px; }

	}

	@media (max-width: 600px) {

		body>header {height: 80px; padding: 20px 0; }
		#logo {width: 100px; height: 25px; background-size: 100%;  }
		#outline-menu-mobile{
			top: 80px;
		}
		#main-navigation ul {
			width: 100%; 
			/* top: 80px;  */
			padding-top: 0;
			padding-bottom: 4px;
			overflow-y: scroll;
		}
		#products-navigation ul {
			width: 100%; 
			top: 80px; 
			padding-top: 0; 

			background: #fff;
			right: 0;
			height: 100%;
		}
		#products-navigation ul li {
			display: block !important;
		}
		#products-navigation .dropdown li {
			top: 0px !important;
		}
		
		/*#main-navigation .search {right: 175px;  }*/
		/*#main-navigation .get-start a {width: 100px; padding: 10px; }*/

		#search-panel li {width: 100%;}

		#start-panel div {max-width: 320px;  }
		#start-panel div img {width: 100%; float: none; margin-right: 0; }

		.secondary-navigation li {padding: 0 20px; }

		.slides .entry-content {padding-top: 60% !important; }
		.slides .entry-content h1 {font-size: 25px; line-height: 30px; }
		#howto-apply article>h1 {font-size: 25px; line-height: 30px; }
		.article-post>div>h1 {font-size: 25px; line-height: 30px; }
		.article-content header h1 {font-size: 25px; line-height: 30px; }
		.article-content .entry-content h1 {font-size: 25px; line-height: 30px; }
		.article-content .entry-content blockquote p {font-size: 25px; line-height: 30px; }


		#faq article>h1 {font-size: 25px; line-height: 30px; }
		#faq dd h1 {font-size: 25px; line-height: 30px; }

		.article-post .post-grid {grid-template-columns: repeat(1, 1fr); }  

		.product-article section h1 {font-size: 25px; line-height: 30px; }


		.highlight article img,
		.highlight article:nth-child(even) img {
    		float: none;
    		margin-right: 0;
    		margin-left: 0;
    		max-width: 100%;
    		width: 100%;
		}

		.tabs-swtich {width: 400px; }
		.tabs-swtich li {height: 55px; line-height: 55px; width: 200px; }

		.tabs-swtich-in li {padding: 0 10px;  }

		.tabs-scroll li {width: auto; padding: 0 20px; }

		/*#howto-apply .tabs-swtich.fixed {}*/
		/*#howto-apply .tabs-swtich.fixed li {width: auto; padding: 0 20px;  }*/

		/*.step li {width: 50%; }*/
		.step, .plan {grid-template-columns: repeat(2, 1fr); }
		.product-list, .product-details {grid-template-columns: repeat(1, 1fr); }


		.contact-channel {float: left; width: 100%; margin-bottom: 30px; position: relative; }
		
		.sitemap-menu ul {float: left; width: 100%;}
		.sitemap-menu ul li {display: none; }
		.sitemap-menu ul.expand li {display: block; }
		.sitemap-menu ul li:first-child {display: block; border-top: 1px solid #efefef; padding-top: 20px; }
		.sitemap-menu ul li strong {background: url(../img/icn/plus-green.svg) 100% 50% no-repeat;}

		.language {position: absolute; top: 90px; right: 20px; }

		body>footer>p {text-align: center; /*z-index: 10; position: relative; */}
		body>footer>p .container span {display: block; margin-bottom: 10px; }

		/*#search-panel form {
    		transform: translate(0);
    		top: 20px;
    		left: 0;
		}*/

		#start-panel div {transform: translate(-50%,0); top: 30px;}

	.company-info p {padding-left: 0; }
	.company-info p span {position: static; display: block; margin-bottom: 5px; }

		.social-share {width: 100%; }
		.social-share li a { width: 30px; height: 30px; }

		.head-fill h1 {font-size: 25px; line-height: 30px; }
		.contact h1 {font-size: 25px; line-height: 30px; }
		.content-info h1 {font-size: 25px; line-height: 30px; }
		.promotion-post article h1 {font-size: 25px; line-height: 30px; }

		#start-panel h1 {font-size: 25px; line-height: 30px; }

		.display-desktop{
			display: none;
		}
		.display-mobile{
			display: block;
		}


	}



@media (max-width: 560px) {

	.entry-contact .scan-qr div {padding: 50px 20px 20px;  }
	.entry-contact .scan-qr div img {max-width: 190px; margin: -30px 20px 0 0; }
	
}

@media (max-width: 500px) {

	.tabs-scroll {max-width: max-content; width: 100%; }
	.tabs-scroll.fixed {max-width: 100%; width: 100%; }
	/*.tabs-scroll:before {content: ''; display: block; width: 20px; height: 50px; position: fixed; left: 0; top: 0; background: #fc0  }
	.tabs-scroll:after {content: ''; display: block; width: 20px; height: 50px; position: fixed; right: 0; top: 0; background: #fc0  }*/
	.tabs-scroll ul {width: max-content; }
	.tabs-scroll li {width: auto; padding: 0 20px; }


	.secondary-navigation.scrl {max-width: max-content; width: 100%; overflow-x: scroll; }
	.secondary-navigation.scrl ul {width: max-content;  }
	.secondary-navigation.scrl li {width: auto; padding: 0 20px; }

	/*.secondary-navigation {}*/

	.secondary-navigation.scrl::-webkit-scrollbar {display: none; }

	.search-content article {padding-bottom: 10px; }
	.search-content article img {float: none; margin-right: 0; }

	.tabs-scroll {margin-top: 0px; overflow-x: scroll; }
	.tabs-scroll+* {padding-top: 30px; }

	#cookie-consent div>p:first-child {padding-right: 0; }
	#cookie-consent .button-green {position: static; float: left; }

}	

@media (max-width: 480px) {

	.entry-contact .scan-qr div {padding: 30px 20px 20px;  }
	.entry-contact .scan-qr div img {max-width: 140px; margin: -10px 20px 0 0; }

	.entry-contact ul {width: 100%;  }

	.slides .entry-content.left {max-width: 320px; }

	.social {width: 60%; }
	.filter {width: 100%; }
    .filter ul {width: 100%; margin-right: 0; margin-bottom: 10px; z-index: 2; }
    .filter ul+ul {z-index: 1; }

}	

	@media (max-width: 420px) {

		#search-panel .close {right: 10px; top: 20px; }
		#start-panel .close {right: 10px; top: 20px; z-index: 10; }

		/*.secondary-navigation li {padding: 0 10px; }*/

		.tabs-swtich {width: 320px; box-sizing: border-box;}
		.tabs-swtich li {width: 159px; box-sizing: border-box; font-size: 12px; }


		/*.step li {width: 100%; }*/
		.step, .plan, .product-list, .product-details {grid-template-columns: repeat(1, 1fr); }

		.social-share p {float: none; padding: 0; }


		

	}

	@media (max-width: 380px) { 
		.entry-contact .scan-qr div {padding: 20px;  }
		.entry-contact .scan-qr div img {max-width: 100%; margin: 0; float: none; }
	}



@media (max-height: 500px) and (orientation: landscape) {

	body {background: url(../img/rotate-mobile.png) center 50px no-repeat #fff; }
	body>* {display: none; }
}

table.table-cookie-consent{
	border-collapse: collapse;
}

table.table-cookie-consent th, table.table-cookie-consent td {
	border: 1px solid black;
	padding: 5px;
	vertical-align: initial;
	word-break: break-all;
}

table.table-cookie-consent tr:first-child strong{
	color:initial;
}

.img-max-width{
    max-width: 100% !important;
    width: auto !important;
}
#products-navigation {
	position: fixed; 
	background: #fff; 
	width: 100%; 
	left: 0; 
	top: 80px; 
	visibility: hidden; 
	z-index: 2; 
	display: none;
}
#products-navigation.show{
	visibility: visible;
	opacity: 1;
	/* -webkit-animation: searchPanel .3s ease-in;
	animation: searchPanel .3s ease-in;
	transition: all .5s ease-in-out;  */
	animation: fadeIn .3s ease-in;
	text-align: center;
	display: block;
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeOut {
	100% { opacity: 0; }
	0% { opacity: 1; }
}
#products-navigation.show.hide{
  	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-animation: searchPanelX .3s ease-in;
	animation: fadeOut .3s ease-in;
	transition: all .5s ease-in-out;
}
#products-navigation{
	top: 100px;
	padding: 20px 0;
}

#products-navigation ul li {
	display: inline-block; 
	width: 231px;
	text-align: left;
	font-family: 'LINESeedSansTH_Bd';
}
#products-navigation ul li a {transition: .5s all ease;font-family: 'LINESeedSansTH_Rg';}
#products-navigation li a:hover,
#products-navigation li a:focus-within {
	  color: #13cf36;
	  cursor: pointer;
  }
  
  #products-navigation li:focus-within a {
	outline: none;
  }
  
  #products-navigation .dropdown li {
	text-align: left;
	min-width: 5rem;
	/* position: relative; */
	transition: all 0.5s ease;
	left: 80px;
	font-size: 14px;
	display: table-caption;
	top: 50px;
	padding-top: 10px;
  }
  
  #products-navigation ul li:hover > ul,
  #products-navigation li:focus-within > ul,
  #products-navigation li ul:hover,
  #products-navigation li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block
  }
  #saving-menu{
	background: url('../img/icn/account.svg');
}
#pecial-rate-menu{
	background: url('../img/icn/loan.svg');
}
#credit-line-menu{
	background: url('../img/icn/debit-card.svg');
}
#insurance-menu{
	background: url('../img/icn/insurance.svg');
}
#saving-menu, #pecial-rate-menu, #credit-line-menu, #insurance-menu{
	background-repeat: no-repeat;
	background-size: 45px 45px;
    background-position-x: 10px;
    background-position-y: 28px;
	padding-left: 9px;
	padding-right: 9px;
}
#outline-menu-mobile{
	display: none;
}
#outline-sub-menu-desktop ul {
	margin-top: 50px;
}