@charset "utf-8";
/* CSS Document */
#wrapper {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	overflow: hidden;
}
body {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 21px;
	font-family: tahoma;
}
.content {
	width : 1180px;
	margin: 0 auto;
	position: relative;
}
a {
	display: block;
	text-decoration: none;
	outline: none;
	padding: 0;
	margin: 0;
	color: #333333;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul, li {
	display: block;
	text-decoration: none;
	outline: none;
	padding: 0;
	margin: 0;
	color: #333333;
}
.clear {
	clear: both;
}
h1,h2 {
	color: #542605;
	font-family: "psl_kittithada_probold";
	padding: 0;
	margin: 0;
	line-height: 30px;
	font-weight: normal;
}
h3 {font-weight: normal; margin: 0;}
.main-title {
	font-size: 40px;
	color: #542605;
	text-align: center;
	padding-top: 60px;
	font-family: "psl_kittithada_probold";
	line-height: 60px;
	margin: 0;
}
.product-main-title {
	font-size: 40px;
	color: #542605;
	text-align: center;
	font-family: "psl_kittithada_probold";
	line-height: normal;
	margin: 0;
}
.main-brief {
	text-align: center;
	font-size: 27px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 60px 0;
	font-family: "psl_kittithada_probold";
}

/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/



/*---------------------------------Header-----------------------------------------*/

#header {
	background: #ffffff;
	width: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	max-width: 1366px;
	-webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.header-group {
	width: 100%;
	padding: 0;
	margin: 0;
}
.logo {
	padding: 20px 0 12px 0;
	float: left;
	width: 150px;
}
.logo img {
	width: 100%;
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
	
}

/*--------- icon Login , Shopping , language -----------*/
.group-tabhead {
	width: 80%;
	float: right;
	margin: 5px 0 8px 0;
	font-family: "psl_kittithada_probold";
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}


ul.icon-top {
	/* float: right; */
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: end;
}

ul.icon-top li a {
	margin: 10px 0 5px 0;
    display: inline-block;
    text-align: center;
	color: #555555;
	font-size: 21px;
	float: right;
}
ul.icon-top li.icon a {
	margin-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
ul.icon-top li:nth-child(2).icon a {
	margin-left: 13px;
}
#gp-headerprice a {
	margin: 10px 0 0 0;
}
.icon-top li:last-child {
	margin-right: 0;
}

.icon-top li img.icon {
    width: 30px;
	margin-top: -5px;
	vertical-align: middle;
	padding-right: 10px;
}
ul.icon-top li.icon a:hover {
	color: #175177;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.icon-top li img.lang {
	width: 18px;
	margin-left: 10px;
}
.icon-top li a img{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.icon-top li a:hover img{
	-webkit-filter: grayscale(0)!important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0)!important;
}
.lang-switch {
	-webkit-filter: grayscale(100%)!important; /* Safari 6.0 - 9.0 */
    filter: grayscale(100%)!important;
}


/*-----------menu-------------------*/

ul.menu {
	margin: 0;
	list-style: none;
	width: 807px;
	border-top: 1px solid #f7b400;
	float: right;
	font-family: "psl_kittithada_probold";
	text-align: right;
}
.menu li {
    margin-right: 18px;
    list-style: none;
    display: inline-block;
    padding-top: 20px;
    font-size: 29px;
}
.menu li:last-child {
	margin-right: 0;
	
}
.menu li a {
	display: block;
	color: #666666;
	text-decoration: none;
	padding-bottom: 25px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:rgba(255,255,255,0.00);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
.menu li a:hover {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #542605;
	color: #542605;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.menu li a.selectmn {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #542605;
	color: #542605;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.dropdown {
	position: static
}
.dropdown-content {
	visibility: hidden;
	border-top: 1px solid #cccccc;
	opacity: 0;
	position: absolute;
	width: 200px;
	padding: 0 10px 0 10px;
	text-align: center;
	margin: 0 0 0 -90px;
	background-color: #fff!important;
	list-style-type: none;
	list-style-image: none;
	-webkit-transform: translateY(-2em);
	-ms-transform: translateY(-2em);
	transform: translateY(-2em);
	z-index: -1;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s
}
.dropsub {
	margin-left: 30px;
}
.longdrop{
	width: 200px;
	margin-left: -80px;
}
.dropdown-content-1 {
	margin-left: -18px!important
}
.dropdown:hover .dropdown-content {
	visibility: visible;
	opacity: 1;
	z-index: 10;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.1s
}
ul.dropdown-content li {
    display: block;
    border-bottom: 1px solid #cccccc;
    padding-top: 10px;
    margin-right: 0;
}
ul.dropdown-content li:last-child {
	border: 0;
	margin-bottom: 5px;
}
ul.dropdown-content li a {
	padding: 6px 0!important;
	margin: 0;
	color: #808080;
	font-family: "psl_kittithada_probold" !important;
	font-size: 25px;
	text-align: center;
}
ul.dropdown-content li a:hover {
	color: #2e0505
}
.dropdown-active {
	color: #2e0505!important
}

#navigate {
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    margin-bottom: 30px;
}
.link-nav a {
    text-align: right;
	color: #666666;
	display: inline-block;
}
.link-nav a:hover {
    text-decoration: underline;
}
.link-nav {
    text-align: right;
	color: #552505;
	word-spacing: 5px;
}

.defaultnav {
	word-spacing: normal;
	display: inline;
}



/*-------------------------------End Header-----------------------------------*/


/*---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/


/*-------------------------------Container-----------------------------------*/

#contianer {
	width: 100%;
	padding: 162px 0 0 0;
	margin: 0;	
	background: #ffffff;
	
}
#contianner {
	width: 100%;
	padding: 162px 0 0 0;
	margin: 0;	
	background: #ffffff;
}

/*---------- Gold Price -------*/

#goldprice {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 17px;
	overflow: hidden;
}
#gp-banner {
	width: 70%;
	float: left;
}
#gp-banner img {
	max-width: 100%;
	height: auto; 
	margin: 0; 
	padding: 0; 
	display: block;
}
#gp-boxprice {
	width: 30%;
	float: left;
	background: #ffffff;
}
.gp-day {
	width: 100%;
	float: left;
	background: #175177;
	padding: 10px 15px;
	text-align: center;
}
.gp-price {
	width: 95%;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

.text-day {
	width: 65%;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-family: "psl_kittithada_probold";
}

.gp-box {
	width: 100%;
	border-bottom: 1px solid #f7b400;
	padding: 5px 0;
}
.gp-box-last {
	border-bottom: none;
}
ul.gp-box-sub {
	width: 100%;
	float: left;
}
.gp-box-sub li {
	width: 50%;
	float: left;
	line-height: 25px;
	font-size: 16px;
}
li.gold-price {
	text-align: right;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
li.up-price {
	color: #8cc63e;
}
li.down-price {
	color: #e52230;
}
li.gold-price img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}
.gp-title {
	font-size: 23px;
	color: #144570;
	font-weight: bold;
	font-family: "psl_kittithada_probold";
}

.gp-title-header { font-size: 20px;
	color: #888888;
	font-weight: bold;
	background:#f8f8f8;
	border-radius:10px;
	/* margin:-6px 0 0 0 !important; padding:2px 10px !important; */
	display: flex;
	align-items: center; 
}
.gp-title-header span.gp-title-price { color:#552705; }
.gp-title-header span.price-up { color:#8cc63e; }
.gp-title-header span.price-down { color:#f00; }







/*-------------Tab Social ----------*/

.tab-social {
	position: fixed;
	top: 35%;
	width: 40px;
	background: #144570;
	border: none;
	z-index: 999;
}
ul.social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
ul.social li a {
    margin: 0;
    padding: 10px 0 5px 0;
    list-style: none;
    display: inline-block;
    width: 60%;
}
ul.social li a img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.social li a img:hover {
	opacity: 0.8;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.underline-social {
	width: 80%;
	margin: 0 auto;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;	
}


/*----------------Categories----------------------*/

#cate {
	background: url(../images/bg-cate.png) no-repeat center top; 
	background-size: cover;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: "psl_kittithada_probold";
}
#cate-select {
	width: 70%;
	float: left;
	background: #ffffff;
	margin: 0;
	padding: 0 0 35px 0;
	box-sizing: border-box;
}

#cate-pic {
	width: 35%;
	float: left;
}
.cate-box {
	width: 103%;
	margin: 0 auto;
	text-align: center;
	float: left;
	padding: 0;
}
.cate-box-sub {
	width: 100%;
}
.cate-box-sub a:hover {
	opacity: 0.5;
}
.cate-box-sub img {
	width: 100%;
	vertical-align: bottom;
}
#cate-pic .box-seemore a {
	width: 120px;
	font-size: 24px;
	color: #ffffff;
	border: none;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	margin-top: -5px!important;
	margin-bottom: 20px;
	font-family: "psl_kittithada_probold";
}
#cate-pic .box-seemore a:hover {
	color: #DAA520;
}

ul.type {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -45px;
}
ul.type li  {
	list-style: none;
	display: inline-block;  width: 140px; margin: 0 0 20px 25px;
	text-align: center;
	font-size: 24px;
	/*width: 25%;
	margin-bottom: 30px;*/
}
ul.type li a {
	border: 1px solid #89c742;
	color: #666666;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	height: 140px;
	padding: 0 5px 0 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.type li a:last-child {
	margin-right: 0;
}
ul.type li a:hover {
	border: 1px solid #89c742;
	background: #89c742;
	color: #ffffff;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	height: 140px;
	padding: 0 5px 0 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}

ul.type li img.white {
	width: 63px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.type li:hover img.white {
    opacity: 1;
	width: 63px;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.type li img.green {
    width: 63px;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.type li :hover img.green {
    opacity: 0;
	width: 63px;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.btn-cate-seemore {
	background: url(../images/icons/seemore.png) no-repeat 10px;
	width: 105px;
	font-size: 24px;
	color: #ffffff;
	border: none;
	margin: 0 auto;
	padding: 10px;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn-cate-seemore:hover {
	background: url(../images/icons/seemore-hover.png) no-repeat 10px;
	color: #89c742;
}

.text-type {
	font-size: 24px;
	text-align: center;
}
.text-title {
	font-size: 40px;
	color: #542605;
	text-align: center;
	padding-top: 70px;
	font-family: "psl_kittithada_probold";
	line-height: 60px;
}
.title-lesspadding {
	padding-top: 20px;
}
.underline {
	width: 30px;
	margin: 0 auto !important;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #89c742;
	margin-bottom: 30px !important;	
}

.font-catetitle2 {;
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
}
.font-catedetail {
	font-size: 27px;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: -10px;
	padding-top: 15px;
}
.box-top-main {
	background: #fafafa;
}
/*#cate-pic .underline {float: left; margin-bottom: 10px;}
#cate-pic .btn-cate-seemore {float: left; padding: 15px 10px 15px 0;background-position: 0 10px;}
#cate-pic .btn-cate-seemore:hover {float: left; padding: 15px 10px 15px 0;background-position: 0 10px;}
#cate-select .underline { margin-left: 300px; }

#cate-select  .text-title { margin-right: 70px }*/

#cate-pic .underline {margin-bottom: 10px;}
#cate-pic .btn-cate-seemore {padding: 15px 10px 15px 0;background-position: 0 10px;}
#cate-pic .btn-cate-seemore:hover {padding: 15px 10px 15px 0;background-position: 0 10px;}
#cate-select .underline { margin-left: 300px; }

#cate-select  .text-title { margin-right: 70px }
/*----------------Product--------------------------*/

#product {
	background: #f5f5f5;
	width: 100%;
	padding-bottom: 20px;
	margin: 0;
}
#product-goldbar {
	background: #fafafa;
	width: 100%;
	padding-bottom: 20px;
	margin: 0;
}
ul.product-box {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -10px;
}
ul.product-box li {
	width: 24%;
	list-style: none;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	margin-left: 11px;
	float: left;
	position: relative;
	
}

ul.product-box li a {
	border: 2px rgba(0,0,0,0.00) solid;
	color: #542605;
	list-style: none;
	vertical-align: middle;
	padding: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 15px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	
}
ul.product-box li a img {
	max-width: 100%;
	height: auto;
}

ul.product-box li a:hover {
	border: 2px #DAA520 solid;
}
.box-text-productdetail{
	padding: 10px 20px;
	background: #ffffff;
	text-align: left;
	min-height: 125px;
	width: 100%;
	box-sizing: border-box;
}
.product-id {
	font-size: 14px;
	color: #333333;
	font-family: tahoma;
	line-height: 21px;
}
.product-name {
	font-size: 14px;
	color: #552505;
	font-weight: bold;
	line-height: 21px;
	margin: 0;
}

.product-price {
  	font-size: 13px;
  	color: #aaa;
	text-decoration: line-through #ff0000;
	display: block;
}
.product-price-discount {
  	font-size: 18px;
  	color: #5d8b29;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.product-price-fee {
  	font-size: 21px;
  	color: #000000;
	display: block;
	font-family: "psl_kittithada_probold";
}
.product-price-fee-discount {
  	font-size: 25px;
  	color: #000000;
	display: inline-block;
	font-family: "psl_kittithada_probold";
}
.box-seemore {
	width: 120px;
	font-size: 24px;
	border: none;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "psl_kittithada_probold";
}
.box-seemore a {
	color: #144570;
}
.box-seemore a:hover {
	color: #DAA520;
}

.box-seemore img {
	padding:  0;
	margin-right: 10px;
	margin-top: -5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.box-seemore img.seemore-hover {
	width: 35px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.box-seemore:hover img.seemore-hover {
    opacity: 1;
	width: 35px;
	margin: 0 auto;
	margin-top: -5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.box-seemore img.seemore {
    width: 35px;
    opacity: 1;
	vertical-align: middle;
}
.box-seemore:hover img.seemore {
    opacity: 0;
	width: 35px;
	vertical-align: middle;
}
/*-------------Banner---------------*/

#banner {
	width: 100%;
	padding: 0;
	margin: 0;
}



/*-------------article---------------*/

#article {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
}

#knowledge {
    background: url(../images/bg-knowledge.png) no-repeat center;
    width: 50%;
    float: left;
    min-height: 617px;
    background-size: cover;
}

.box-knowledge {
	width: 50%;
	font-size: 30px;
	text-align: center;
	color: #333333;
	margin: 0 auto;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

#news {
	width: 50%;
	float: left;
	padding: 0;
	
}
.news-content {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
ul.news-topic-index {
	width: 100%;
	margin: 0 auto;
	list-style: none;
}
.news-topic-index {
	font-size: 14px;
	color: #552505;
	font-weight: bold;
	margin-bottom: 5px;
	min-height: 63px;
}
.news-detail-index {
	font-size: 14px;	
}
ul.news-topic-index li {
    width: 45%;
    list-style: none;
    display: block;
    text-align: center;
    font-size: 24px;
	margin: 10px;
    float: left;
	font-weight: normal;
}
ul.news-topic-index li a {
	border: 2px rgba(0,0,0,0.00) solid;
	
	color: #333333;
}
ul.news-topic-index li a img {
	width: 100%;
	height:auto;
}
ul.news-topic li a:last-child {
	margin-right: 0;
}
ul.news-topic-index li a:hover {
	border: 2px #DAA520 solid;
}




/*-------------Costomer---------------*/


#customer {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-family: "psl_kittithada_probold";
}
.customer-topic {
	width: 50%;
	float: left;
	position: relative;
}
.review {
	width: 85%;
	border: 2px solid #f7b400;
	font-size: 30px;
	color: #666666;
	padding: 35px 20px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 80px;
	line-height: 30px;
	min-height: 180px;
}
.personal p {
	color: #89c742; font-size: 24px; padding: 0; margin: 0;
}
.personal {
	position: absolute;
	width: 50%;
	bottom: 35px;
	margin: 0 150px;
	font-size: 22px;
	background: #ffffff;
	display: inline-block;
	color: #666666;
	text-align: center;
	padding: 10px;
	font-family: "psl_kittithada_probold";
}
.personal img {
	margin: 0 5px 0 30px;
	float:left;
	margin-top:-10px;
	width: 73px;
	border-radius: 50%;
}
.personal2 {
	position: absolute;
	width: 25%;
	margin: 0 auto;
	top: 60%;
	font-size: 22px;
	background: #ffffff;
	display: inline-block;
	color: #666666;
	text-align: center;
	padding: 10px;
	right: 10%;
}

.personal2 img {
	margin: 0 5px 0 30px;
	float:left;
	margin-top:-10px;
}
.customer-text span {
    color: #8cc63e;
    font-size: 112px;
    margin: -15px 5px -50px 5px;
    height: 50px;
    display: inline-block;
    font-family: "psl_kittithada_probold";
    position: relative;
    vertical-align: middle;
}
.box-comment {
	height: 180px;
	display: table-cell;
	vertical-align: middle;
	width: 545px;
}
/*span.quotation-mark-back {
    color: #8cc63e;
    font-size: 112px;
    float: right;
    margin-top: 0;
	margin-bottom: 0;
    width: 10%;
    height: 50px;
    display: inline-block;
    font-family: "psl_kittithada_probold";
    line-height: 100px;
	position: absolute;
}*/
p.customer-text {
    font-size: 35px;
    color: #552505;
    text-align: center;
    font-family: "psl_kittithada_probold";
    line-height: 40px;
    display: inline-block;
    margin: 0 auto;
}
.customer-text {
    font-size: 35px;
    color: #552505;
    text-align: center;
    font-family: "psl_kittithada_probold";
    line-height: 40px;
    display: inline-block;
    margin: 0 auto;
	font-weight: normal;
}
.about-bg {
	background: url(../images/about-bg.png)no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
}
p.about-talk {
	font-size: 120px;
	color: #552505;
	margin: 10px;
	width: 10%;
	height: 50px;
	display: inline-block;
	float: left;
	font-family: "psl_kittithada_probold";
	line-height: 100px;
}

.about-text {
	font-size: 35px;
	color: #552505;
	display: inline-block;
	float: left;
	text-align: center;
	font-family: "psl_kittithada_probold";
	line-height: 40px;
	margin: 35px 0;
}
.txtbrife {
    width: 80%;
    margin: 0 auto;
    padding: 0;
	text-align: center;
	margin-top: 30px;
}
.about-content {
    background: url(../images/icons/about-line.png) no-repeat top center;
    position: relative;
    margin-top: 30px;
    background-size: 1px 94%;
	color: #333333;
	font-size: 16px;
}

.box-mile-left {
    width: 100%;
}
.box-mile {
    background: #dbccc1;
    padding: 0;
    position: relative;
    margin-bottom: 80px;
    float: left;
    width: 46.3%;
}
.milestone-center {
    width: 100%;
    position: absolute;
    top: 50%;
}
.box-mile-detail {
	text-align: right;
    padding: 26px;
}
.box-mile-detail-right {
	text-align: left;
    padding: 26px;
}
.box-mile-detail-right ul {
    margin: 0;
	padding: 0;
    padding-bottom: 30px;
}
.box-mile-detail-right ul li {
    margin: 0;
    padding: 0;
}
.box-mile-detail ul {
    margin: 0;
    padding-bottom: 30px;
}
.box-mile-detail ul li {
    margin: 0;
    padding: 0;
}
.box-mile-detail ul li h3 {
    margin: 0;
    padding: 0;
	line-height: 21px;
	font-family: tahoma;
	font-size: 16px;
}
.box-mile-detail img {
    width: 100%;
}
.box-mile-detail-right img {
    width: 100%;
}

.box-mile-right {
    background: #dbccc1;
    padding: 0;
    position: relative;
    margin: 55px 0;
    float: right;
    width: 46.3%;
}
.box-mile-right .bullet-point-right {
    float: left;
    margin-left: -54px;
}
.bullet-point-right {
    width: 20px;
    height: 20px;
    background: #542605;
    border-radius: 100%;
    margin: 0;
}
.box-mile-left .bullet-point {
    float: right;
    margin-right: -54px;
}
.bullet-point {
    width: 20px;
    height: 20px;
    background: #542605;
    border-radius: 100%;
    margin: 0;
}

.box-mile-right .arrow-right {
    float: left;
    margin-left: -10px;
}
.box-mile-left .arrow-left {
    float: right;
    margin-right: -10px;
}
.arrow-right {
    width: 10px;
    height: 19px;
    margin: 0;
}
.mile-year {
	color: #542605;
	font-size: 32px;
	font-family: "psl_kittithada_probold";
	padding: 0;
	margin: 0;
	line-height: 40px;
}


/*-----------------Menu Products------------------*/
.product-bg {
	background: url(../images/products-bg.png)no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.wrapper-conntent {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
ul.menu-products {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.menu-products li  {
	list-style: none;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 1px;
	float: left;
	font-family: "psl_kittithada_probold";
	line-height: 35px;
}

ul.menu-products li a {
	background: #ffffff;
	color: #333333;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0 17px 0 12px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 2px;
}
ul.menu-products li:last-child  {
	margin-left: 0!important;
}
.menu-products-active {
    background-color: #89c742 !important;
    color: #fff !important;
    border: 0 !important;
}
.menu-products li a.menu-products-active img.green {
    opacity: 0;
}
.menu-products li a.menu-products-active img.white {
    opacity: 1;
	vertical-align: middle;
}

ul.menu-products li a:hover {
	background: #89c742;
	color: #ffffff;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;	
}
.products-active  {
	background: #89c742;
	color: #ffffff;
}

ul.menu-products li img {
	padding:  10px 0 0 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-products li img.white {
	width: 50px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-products li:hover img.white {
    opacity: 1;
	width: 50px;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-products li img.green {
    width: 50px;
    opacity: 1;
}
ul.menu-products li:hover img.green {
    opacity: 0;
	width: 50px;
}

ul.menu-products li .text-type {
    font-size: 24px;
    float: right;
	padding: 15px 0 15px 10px;
}

.menu-product-sub {
	float: unset;
	margin: 0 auto;
	text-align: center;
}

.menu-product-sub li {
    float: unset!important;
	display: inline-block!important;
}


.menu-branch {
	margin: 0 auto;
	width: 42%;
}
ul.menu-branch {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	margin-bottom: 20px;
}
ul.menu-branch li  {
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 1px;
	font-family: "psl_kittithada_probold";
	line-height: 35px;
}

ul.menu-branch li a {
	background: #ffffff;
	color: #333333;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 7px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 2px;
}

.menu-branch-active {
    background-color: #89c742 !important;
    color: #fff !important;
    border: 0 !important;
}
.menu-branch li a.menu-branch-active img.green {
    opacity: 0;
}
.menu-branch li a.menu-branch-active img.white {
    opacity: 1;
	vertical-align: middle;
}

ul.menu-branch li a:last-child {
	margin-right: 0;
}
ul.menu-branch li a:hover {
	background: #89c742;
	color: #ffffff;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 7px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;	
}
.branch-active  {
	background: #89c742;
	color: #ffffff;
}

ul.menu-branch li img {
	padding:  10px 0 5px 15px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-branch li img.white {
	width: 50px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-branch li:hover img.white {
    opacity: 1;
	width: 50px;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.menu-branch li img.green {
    width: 50px;
    opacity: 1;
}
ul.menu-branch li :hover img.green {
    opacity: 0;
	width: 50px;
}

ul.menu-branch li .text-type {
    font-size: 24px;
    float: right;
	padding: 15px 15px 15px 10px;
}



ul.btn-page {
	width: 50%;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}
ul.btn-page li  {
	list-style: none;
	display: inline-block;
	text-align: center;
	float: left;
	width: 20%;
}
.page {
	width: 25%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 70px;
}
.page-display {
	width: 20%;
	display: inline-block;
	float: left;
	text-align: center;
}
.page-display:hover {
	opacity: 0.6;
}
.num-box {
    width: 35px;
    height: 35px;
    border: 1px solid #144570;
    margin-right: 15px;
    background: rgba(0,0,0,0.00);
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 24px;
    font-family: "psl_kittithada_probold";
	text-align: center;
}
.page-display-num {
	width: 60%;
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 24px;
	font-family: "psl_kittithada_probold";
}


.news-bg {
	background: #f0f0f0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.page-news {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
ul.news-box {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -15px;
}
ul.news-box li {
	width: 22.45%;
	list-style: none;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;
	
}

ul.news-box li a {
	border: 2px rgba(0,0,0,0.00) solid;
	color: #542605;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 15px;
	
}
ul.news-box li a img {
	width: 100%;
}

ul.news-box li a:hover {
	border: 2px #DAA520 solid;
}
.box-text-news{
	padding: 20px 15px;
	background: #ffffff;
	margin-top: -10px;
	text-align: left;
	min-height: 140px;
}
.news-detail {
	font-size: 16px;
	color: #333333;
}
.news-topic {
	font-size: 16px;
	color: #552505;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: tahoma;
}
.news-topic h2 {
	font-family: tahoma;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}

.product-box-detail {
	width: 100%;
}
.product-detail-text {
	width: 40%;
	float: left;
	margin-right: 20px;
	line-height: 30px;
}

.product-detail-id {
	font-size: 25px;
	color: #333333;
	font-family: "psl_kittithada_probold";
}
.product-detail-name {
	font-size: 40px;
	color: #552505;
	font-family: "psl_kittithada_probold";
	font-weight: bold;
	margin-top: 5px;
}
.product-detail-detail {
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	line-height: 21px;
}
.product-detail-discount {
  	font-size: 35px;
  	color: #d45800;
	font-family: "psl_kittithada_probold";
	margin-top: 15px;
}
.product-detail-price {
  	font-size: 25px;
  	color: #000000;
	text-decoration: line-through #ff0000;
	font-family: "psl_kittithada_probold";
}
.product-detail-fee {
  	font-size: 25px;
  	color: #808080;
	text-decoration: line-through #ff0000;
	font-family: "psl_kittithada_probold";
}
.product-detail-fee-discount {
  	font-size: 25px;
  	color: #000000;
	font-family: "psl_kittithada_probold";
}
.underline-detail {
	width: 100%;
	margin: 0 auto;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #dedddd;
	margin-top: 20px;	
	margin-bottom: 20px;
}
.product-amount {
	width: 100%;
	font-size: 25px;
	font-family: "psl_kittithada_probold";
}
.amount-left {
	width: 15%;
	float: left;
	padding-top: 10px;
}
.amount-right {
	width: 80%;
	float: left;
	margin-bottom: 10px;
}
 
.product-amount table {
    border-collapse: collapse;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "psl_kittithada_probold";
    box-sizing: border-box;
}
.btn-plus {
	background: url(../images/icons/plus.png) no-repeat #d9d9d9 10px 20px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
}
.btn-minus {
	background: url(../images/icons/minus.png) no-repeat #d9d9d9 9px 25px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
}
td.btn-plus {
	background: url(../images/icons/plus.png) no-repeat #d9d9d9 10px 25px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
td.btn-minus {
	background: url(../images/icons/minus.png) no-repeat #d9d9d9 9px 30px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.box-amount {
	background: #ffffff;
	text-align: center;
	margin: 0;
	border: 1px solid #d9d9d9;
	width: 80px;
	height: 50px;
	margin-left: -7px;
	margin-right:-7px;
	box-sizing: border-box;
	font-size: 15px;
}
td.box-amount {
	background: #ffffff;
	text-align: center;
	margin: 0;
	border: 1px solid #d9d9d9;
	width: 85px;
	height: 50px;
	margin-left: -7px;
	margin-right:-7px;
	box-sizing: border-box;
	font-size: 24px;
}
.tab-button {
	width: 170px;
	float: left;
	font-size: 25px;
	color: #144570;
	margin-top: 30px;
	margin-right: 10px;
	text-transform: uppercase;
	font-family: "psl_kittithada_probold";
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.tab-button:hover {
	color: #DAA520;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
.tab-button img {
	width: 35px;
    margin-right: 5px;
	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.tab-button img.pichover {
	width: 35px;
    opacity: 0;
	position: absolute;
}
.tab-button:hover img.pichover {
    opacity: 1;
	width: 35px;
	margin-top: 1px;
}
.tab-button img.picactive {
    width: 35px;
    opacity: 1;
}
.tab-button:hover img.picactive {
    opacity: 0;
	width: 35px;
}

.box-branch {
	display: block;
	margin-bottom: 20px;
	font-size: 25px;
	font-family: "psl_kittithada_probold";
}
.box-branch label {
	margin-right: 33px;
	
}
.box-branch span {
	width: 70%;
	font-family: tahoma;
	font-size: 16px;
}

.share-this a {
	display: inline-block;
	width:auto;
	vertical-align:auto;
	margin-left: 5px;
}
.share-this a img {
	width: 100%;
}
.share-this a:hover {
	opacity: 0.5;
}
.share-news a {
	margin-left: 5px;
	width:auto;
	vertical-align:auto;
	display: inline-block;
}
.share-news a img {
	width: 100%;
}
.share-news a:hover {
	opacity: 0.5;
}
.group-share-right {
	width: 250px;
	float: right;
	font-family: "psl_kittithada_probold";
}
ul.share-this-right {
	float: right;
	width: 250px;
}
ul.share-this-right li {
	width: 250px;
    display: inline-block;
    text-align: center;
	color: #555555;
	font-size: 21px;
	float: right;
}
ul.share-this-right li a {
	float: right;
	display: block;
}
ul.share-this-right li a img.icon {
    width:auto;
	margin-top: -5px;
	margin-left: 10px;
	vertical-align:auto;
}
ul.share-this-right li a img:hover {
	opacity: 0.5;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.product-detail-pic {
	width: 55%;
	float: left;
	padding-left: 35px;
}
.show-img {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.show-img img {
	width: 100%;
}
.product-more-img {
	width: 84%;
	float: left;
	font-size: 25px;
	margin: 0 15px;
}
.product-more-img img {
	width: 24%;
	text-align: left;
	padding-right: 10px;
	margin: 0 auto;
	margin-right: -10px;
}
.page-display-detail {
	width: 35px;
	display: inline-block;
	float: left;
	margin-top: 20px;
}
.product-bg-bottom {
	background: #f6f6f6;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.page-product-bottom {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 50px;
}



.promotion-bg {
	background: #f6f6f6;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}

.first-promo {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.first-promo img {
	width: 100%;
}
.first-promo-text {
	width: 100%;
	background: #fff;
	color: #666;
	text-align: center;
	margin: 0 auto;
	font-size: 40px;
	padding: 15px 0;
	margin-top: -6px;
	font-family: "psl_kittithada_probold";
	line-height: 40px;
}

.box-promo-left {
	width: 48.5%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 30px;
	float: left;
}
.box-promo-left img {
	width: 100%;
}
.box-promo-right {
	width: 48.5%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 30px;
	float: right;
}
.box-promo-right img {
	width: 100%;
}

.promo-text {
	width: 96%;
	background: #fff;
	color: #666666;
	text-align: center;
	margin: 0 auto;
	font-size: 30px;
	padding: 15px 2%;
	margin-top: -6px;
	font-family: "psl_kittithada_probold";
	line-height: 35px;
	min-height: 100px;
}

.first-promo a {
	border: 2px rgba(0,0,0,0.00) solid;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.first-promo a:hover {
	border: 2px #DAA520 solid;
}
.box-promo-right a {
	border: 2px rgba(0,0,0,0.00) solid;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.box-promo-right a:hover {
	border: 2px #DAA520 solid;
}
.box-promo-left a {
	border: 2px rgba(0,0,0,0.00) solid;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.box-promo-left a:hover {
	border: 2px #DAA520 solid;
}

.close-back {
	width: 100%;
	margin: 0 auto;
	position: absolute;
}
.close-back img {
	width: 35px;
	float: right;
	margin-right: 15px;
	margin-top: -40px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.close-back img:hover {
	opacity: 0.5;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.promo-detail-title {
	color: #552705;
	font-size: 40px;
	margin-top: 15px;
	width: 100%;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.head-promo-detail {display: inline-block;}
.promo-detail-title h1 {
	color: #552705;
	font-size: 40px;
	line-height: 30px;
}
.promo-detail{
	color: #333333;
	font-size: 16px;
	width: 100%;
	float: left;
}
.promo-detail a {
	color: #333333;
	display: inline-block;
}
.box-news-left {
	width: 52%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 30px;
	float: left;
}
.box-news-left img {
	width: 100%;
}
.box-news-right {
	width: 44%;
	padding: 0;
	margin: 0 auto;
	float: right;
}

.news-menu {
	width: 100%;
	padding: 0;
	margin: 0;
}

.news-menu-icon {
	float: left;
	margin-right: 20px;
	font-size: 24px;
	color: #4c4c4c;
	font-family: "psl_kittithada_probold";
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.news-menu-icon:hover {
	color: #542605;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.news-menu-icon img {
	width: 23px;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -10px;
	
}
.news-menu-icon img.pichover {
    opacity: 0;
	position: absolute;
}
.news-menu-icon:hover img.pichover {
    opacity: 1;
	margin: 0 auto;
	vertical-align: middle;
	margin-top: -2px;
}
.news-menu-icon img.picactive {
    opacity: 1;
}
.news-menu-icon:hover img.picactive {
    opacity: 0;
}


.news-detail-title {
	width: 100%;
	font-size: 40px;
	color: #542605;
	margin: 25px 0 10px 0;
	font-family: "psl_kittithada_probold";
	line-height: 35px;
}
.news-detail-title h1 {
	font-size: 40px;
	color: #542605;
	line-height: 35px;
}
.news-detail-detail {
	width: 100%;
	font-size: 16px;
	color: #333333;
	margin-bottom: 30px;
}


.full-page {
	width: 100%;
	padding: 0;
	margin: 0;
}
.box-cover-research {
	background: url(../images/knowledge-cover.png)no-repeat center;
	width: 50%;
	padding: 0;
	margin: 0;
	background-size: cover;
	float: left;
}
.box-cover-research img {
	width: 100%;
}
.box-cover-knowledge {
	background: url(../images/research-cover.png)no-repeat center;
	width: 50%;
	padding: 0;
	margin: 0;
	background-size: cover;
	float: left;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.box-cover-knowledge img {
	width: 100%;
}
.text-title-research {
	font-size: 43px;
	color: #542605;
	margin: 60px 0 5px 0;
	line-height: 30px;
}
.box-cover-research-box .underline {
	float: right;
	margin-top: 10px;	
}
.box-cover-knowledge-box .underline {
	float: left;
	margin-top: 10px;	
}
.box-cover-knowledge-box .box-seemore a {
	float: left;
	margin-left: 0;
	padding-left: 0;
}
.box-cover-research-box {
	width: 80%;
	margin: 0 auto;
	text-align: right;
	font-size: 30px;
	padding-bottom: 70px;
	padding-top: 50px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.box-cover-research-box .box-seemore a {
	float: right;
	margin-right: 0;
	padding-right: 0;
}
.box-cover-knowledge-box {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 70px;
	padding-top: 50px;
	font-size: 30px;
}
.box-cover-research-box .btn-seemore {
	background: url(../images/icons/pd-seemore.png) no-repeat 70px 30px;
	display: block;
	font-size: 24px;
	color: #144570;
	border: none;
	height: 35px;
	width: 130px;
	padding: 35px 0 35px 50px;
	float: right;
	margin-bottom: 100px;
}
.box-cover-research-box .btn-seemore:hover {
	background: url(../images/icons/pd-seemore-hover.png) no-repeat 70px 30px;
	display: block;
	font-size: 24px;
	color: #DAA520;
	border: none;
	height: 35px;
	width: 130px;
	margin: 0 auto;
	padding: 35px 0 35px 50px;
	float: right;
	margin-bottom: 100px;
}
.box-cover-knowledge-box .btn-seemore {
	background: url(../images/icons/pd-seemore.png) no-repeat 0 30px;
	display: block;
	font-size: 24px;
	color: #144570;
	border: none;
	height: 35px;
	width: 130px;
	padding: 35px 10px 35px 50px;
	float: left;
	margin-bottom: 100px;
}
.box-cover-knowledge-box .btn-seemore:hover {
	background: url(../images/icons/pd-seemore-hover.png) no-repeat 0 30px;
	display: block;
	font-size: 24px;
	color: #DAA520;
	border: none;
	height: 35px;
	width: 130px;
	margin: 0 auto;
	padding: 35px 10px 35px 50px;
	float: left;
	margin-bottom: 100px;
}

.box-cover-knowledge-box .box-seemore img.seemore-hover {
	width: 35px;
    opacity: 0;
	position: absolute;
	margin-top: -1px;
}
.box-cover-knowledge-box .box-seemore:hover img.seemore-hover {
    opacity: 1;
	width: 35px;
}
.box-cover-knowledge-box .box-seemore img.seemore {
    width: 35px;
    opacity: 1;
	vertical-align: middle;
}
.box-cover-knowledge-box .box-seemore:hover img.seemore {
    opacity: 0;
	width: 35px;
	vertical-align: middle;
}



.box-cover-research-box .box-seemore img.seemore-hover {
	width: 35px;
    opacity: 0;
	position: absolute;
	margin-top: -1px;
}
.box-cover-research-box .box-seemore:hover img.seemore-hover {
    opacity: 1;
	width: 35px;
}
.box-cover-research-box .box-seemore img.seemore {
    width: 35px;
    opacity: 1;
	vertical-align: middle;
}
.box-cover-research-box .box-seemore:hover img.seemore {
    opacity: 0;
	width: 35px;
	vertical-align: middle;
}





.box-knowledge-left {
	width: 50%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 30px;
	float: left;
}
.box-knowledge-left img {
	width: 100%;
	height:auto;
	display:block;
}
.box-knowledge-right {
	width: 50%;
	padding: 0;
	margin: 0 auto;
	float: right;
}
.box-knowledge-right img {
	width: 100%;
}
.knowledge-text-right {
	padding-left: 50px;
}
.knowledge-text-left {
	padding-right: 50px;
}
.knowledge-detail-title {
	width: 100%;
	font-size: 40px;
	color: #542605;
	padding: 0 0 15px 0;
	margin: 0;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

.knowledge-detail-detail {
	width: 100%;
	font-size: 16px;
	color: #333333;
	margin-bottom: 30px;
}


.knowledge-content {
	width : 1180px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.knowledge-bg {
	background: #f0f0f0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.research-bg {
	background: url(../images/research-bg.jpg)no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
}




.page-knowledge {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
ul.knowledge-box {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -15px;

}
ul.knowledge-box li {
	width: 22.45%;
	list-style: none;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;
}

ul.knowledge-box li a {
	border: 2px rgba(0,0,0,0.00) solid;
	color: #542605;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 15px;
	
}
ul.knowledge-box li a img {
	width: 100%;
}

ul.knowledge-box li a:hover {
	border: 2px #DAA520 solid;
}
.box-text-knowledge{
	height:70px;
	padding: 20px 20px;
	background: #ffffff;
	margin:0;
	text-align: left;
}
.knowledge-topic {
	font-size: 16px;
	color: #552505;
	font-weight: bold;
	margin:0; padding:0;
	height:60px;
	overflow:hidden;
	line-height: 21px;
	font-family: tahoma;
}


.btn-research-doc-active {
	background: url(../images/icons/doc-download-active.png) no-repeat #552505 30px 20px;
	border: none;
	padding: 20px 15px 20px 60px;
	font-size: 30px;
	color: #ffffff;
	width: 35%;
	text-align: center;
	float: left;
}
.btn-research-video-active {
	background: url(../images/icons/btn-video-active.png) no-repeat #552505 30px 20px;
	border: none;
	padding: 20px 15px 20px 60px;
	font-size: 30px;
	color: #ffffff;
	width: 35%;
	text-align: center;
	float: left;
	margin-bottom: 50px;
	
}
.btn-research-doc {
	background: url(../images/icons/doc-download.png) no-repeat #ffffff 30px 20px;
	border: none;
	padding: 20px 15px 20px 60px;
	font-size: 30px;
	color: #666666;
	width: 35%;
	text-align: center;
	float: left;
}
.btn-research-video {
	background: url(../images/icons/btn-video.png) no-repeat #ffffff 30px 20px;
	border: none;
	padding: 20px 15px 20px 60px;
	font-size: 30px;
	color: #666666;
	width: 35%;
	text-align: center;
	float: left;
	margin-bottom: 50px;
}
.menu-research {
	width: 43%;
	margin: 0 auto;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

.research-calendar {
    color: #808080;
    background: url(../images/icons/calendar.png) no-repeat 95% #ffffff;
    border: 1px solid #e6e6e6;
    padding: 0 10px;
    height: 45px;
    font-size: 16px;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: middle;
}

.btn-search {
    background: #ffffff;
    border: 2px solid #154571;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: middle;
    width: 95px;
    font-family: "psl_kittithada_probold";
    color: #154571;
	cursor: pointer;
}

.headtable {
	background: #154571;
	color: #ffffff;
	border: none;
}
.table-research {
	border: none;
	background: #ffffff;
}
.menu-video {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	color: #542605;
	font-family: "psl_kittithada_probold";
}
.menu-video a {
	color: #000000;
	display: inline-block;
	margin: 0 20px;
}
.menu-video a:hover {
	color: #542605;
	display: inline-block;
	margin: 0 20px;
}
.menu-video h3 {
	font-size: 30px;
	line-height: 30px;
}
.menu-video-select {
	color: #542605!important;
}

ul.knowledge-video {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -12px;
}
ul.knowledge-video li {
	width: 31%;
	list-style: none;
	display: block;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 27px;
	float: left;
	position: relative;
}

ul.knowledge-video li a {
	color: #542605;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-right: 15px;
	
}
ul.knowledge-video li a img {
	width: 100%;
}

ul.knowledge-video li a:hover {
	opacity: 0.7;

}

.box-text-knowledge-video {
    padding: 20px 20px;
    margin-top: -10px;
    text-align: left;
	min-height: 48px;
}

.cover-video {
    background: url(../images/icons/cover-video.png) no-repeat 150px 100px;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
	margin-top: 50px;
	margin-bottom: 55px;
	box-sizing: border-box;
}

td {
    padding: 15px;
    text-align: center;
	font-size: 16px;
}
td a {
    color: #144570;
}
tr {
	background-color: #ffffff;
}
tr:nth-child(even){
	background-color: #f2f2f2;
}


th {
    background-color: #154571;
    color: #ffffff;
    text-align: center;
	font-size: 28px;
	padding: 15px;
	font-weight: normal;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
table, td, th {
    border: 1px solid #cccccc;
}

.contact-bg {
	background: url(../images/contact-bg.png) no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.contact-content {
	width: 1180px;
	background: #ffffff;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	padding: 40px;
	font-size: 16px;
	color: #333333;
	box-sizing: border-box;
}
.contact-left {
	width : 40%;
	float: left;
}
.contact-right {
	width : 55%;
	float: left;
	margin-left: 50px;
}
.contact-box {
	width: 90%;
	margin-top: 30px;
}

.contact-icon {
	margin-right: 13px;
	display: inline-block;
	float: left;
	margin-top: -8px;
}
.contact-text {
	width: 80%;
	float: left;
	margin-bottom: 30px;
	font-weight: bold;
}
.contact-content h1 {
	color: #542605;
	padding: 0;
	margin: 0;
	font-size: 28px;
}
.contacthead {
	font-family: "psl_kittithada_probold";
	line-height: 30px;
	font-size: 28px;
	color: #542605;
	padding-bottom: 10px;
	font-weight: normal;
}
.select-style select { width:100%; -webkit-appearance: none; -moz-appearance: none;  padding:5px 10px; border:none; color:#ffffff; background:url(../images/icons/arrow-down.png) no-repeat right 10px center #89c742; font-family: 'psl_kittithada_probold'; font-size: 24px; margin-top: 20px;}
.select-style select option { font-family:Tahoma !important; font-size:14px !important;  padding: 5px 0;}
.select-style select:hover {background:url(../images/icons/arrow-down.png) no-repeat right 10px center #542605; cursor: pointer;}
.gg-map {
	background: url(../images/icons/ggmap.png) no-repeat;
	border: none;
	font-size: 24px;
	padding: 10px 10px 25px 55px;
	margin-right: 20px;
	display: inline-block;
	font-family: "psl_kittithada_probold";
	text-transform: uppercase;
	color: #000000;
}
.gp-map {
	background: url(../images/icons/gpmap.png) no-repeat;
	border: none;
	font-size: 24px;
	padding: 10px 10px 25px 55px;
	margin-right: 20px;
	display: inline-block;
	font-family: "psl_kittithada_probold";
	text-transform: uppercase;
	color: #000000;
	float: left;
	margin-top: 20px;
}
.gp-map:hover {
	background: url(../images/icons/gpmap-hover.png) no-repeat;
	color: #542605;
}
.gg-map {
	background: url(../images/icons/ggmap.png) no-repeat;
	border: none;
	font-size: 24px;
	padding: 10px 10px 25px 55px;
	margin-right: 20px;
	display: inline-block;
	font-family: "psl_kittithada_probold";
	text-transform: uppercase;
	color: #000000;
	margin-top: 20px;
}
.gg-map:hover {
	background: url(../images/icons/ggmap-hover.png) no-repeat;
	color: #542605;
}
.contact-form {
    width: 48%;
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.contact-form-data {
    width: 95%;
    margin-top: 10px;
	margin-bottom: 5px;
    font-size: 16px;
	border: none;
}

.contact-form-message {
    width: 95%;
    margin-top: 10px;
	margin-bottom: 5px;
    font-size: 16px;
	border: none;
	height: 80px;
}
.contact-code-data {
    width: 50%;
    margin-top: 10px;
	margin-bottom: 5px;
    font-size: 16px;
	border: none;
}
.contact-form-code {
    width: 100%;
    display: inline-block;
}
.underline-form {
	width: 95%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	margin: 0;
	margin-bottom: 40px;
}
.underline-code {
	width: 50%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	margin: 0;
	margin-bottom: 20px;
}
.contact-form label {
	padding-left: 5px;
}
.contact-form-code label {
	padding-left: 5px;
}
.security-code-box {
	width: 100%;
}  
.security-code-pic {
	width: 113px;
	background: url(../images/code-bg.png) no-repeat;
	float: left;
	text-align: center;
	padding: 10px 0;
} 
.box-re-code {
	padding: 10px 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #666666;
	border: none;
	text-transform: uppercase;
	width: 120px;
	float: left;
}
.btn-re-code {
	padding: 10px;
	font-size: 16px;
	color: #333333;
	border: none;
	margin-right: 10px;cursor: pointer;
	width: 200px;
	float: left;
}
.btn-re-code:hover {
	color: #552505;
}

.btn-form {
	background: #ffffff;
	border: 2px solid #144570;
	color: #144570;
	font-size: 24px;
	width: 150px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	margin-right: 15px;
	padding: 5px 10px;
	text-align: center;
	margin-top: 20px;
	line-height: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-form:hover {
	background: #144570;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-form img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-form img.pichover {
    opacity: 0;
	position: absolute;
	margin-top: 8px;
}
.btn-form:hover img.pichover {
    opacity: 1;
}
.btn-form img.picactive {
    opacity: 1;
}
.btn-form:hover img.picactive {
    opacity: 0;
}

.login-bg {
	background: url(../images/login-bg.png) no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
	position: relative;
}
.login-content {
	width: 1180px;
	background: #ffffff;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	font-size: 16px;
	color: #333333;
	box-sizing: border-box;
}
.login-leftbox {
	width : 50%;
	float: left;
}
.login-leftbox img {
	width : 100%;
	display: block;
}
.login-rightbox {
	width : 50%;
	float: right;
}

.content-formlogin {
	width: 70%;
	margin: 45px auto;
	font-family: "psl_kittithada_probold";
	font-size: 24px;
}

.content-formlogin h1 {
	text-align: center;
	font-size: 45px;
	color: #552705;
	margin: 0;
	font-weight: normal;
	line-height: 40px;
}
.content-formlogin h2 {
	text-align: center;
	font-size: 25px;
	color: #552705;
	margin: 0;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 25px;
}
.content-formlogin label {
	margin-right: 10px;
}
.login-form-data {
    width: 95%;
    margin-top: 10px;
	margin-bottom: 5px;
    font-size: 16px;
	border: none;
}
.content-formlogin .underline-form {
	margin-bottom: 20px;
	width: 100%;
}
.link-forgot {
    color: #552705;
    text-decoration: underline #c0b6b1;
    text-align: right;
    float: left;
    width: 25%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.link-forgot:hover {
    text-decoration: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.checkbox-box {
    display: inline-block;
    float: left;
    width: 70%;
}

.btn-login {
	background: url(../images/icons/login-login.png) no-repeat 10px 10px;
	border: none;
	color: #144570;
	font-size: 24px;
	margin: 0 auto;
	padding: 5px 10px 5px 30px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	margin-bottom: 25px;
}

.box-btn {
	width: 100%;
	text-align: center;
	color: #b2b2b2;
}

.box-btn hr {
	width: 33%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}

.content-formlogin .btn-form {
	margin-right: 0;
	margin-top: 30px;
	margin-bottom: 25px;
}

.content-formlogin a .btn-form {
	float: left;
	display: inline-block;
	width: 170px;
}

a .btn-facebook {
	background: #2650a8;
	border: 2px solid #2650a8;
	color: #ffffff;
	font-size: 24px;
	width: 170px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	margin: 30px 0;
	padding: 5px 10px;
	text-transform: uppercase;
	float: right;
}
.btn-facebook img {
    margin-top: -8px;
    margin-right: 10px;
    vertical-align: middle;
	
}
a .btn-facebook:hover {
	opacity: 0.5;
}
.block {
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 43px;
    padding: 40px 15px;
}

.text-recode {
    margin-left: 10px;
    float: left;
    margin-top: 10px;
	font-size: 16px;
	border: 0;
	background: #ffffff;
	cursor: pointer;
	color: #131313;
	font-weight: bold;
}

.box-forgot .btn-form {
	float: left;
	width: 45%;
	box-sizing: border-box;
	margin-right: 0;
}

.content-formforgot {
	width: 70%;
	margin: 60px auto;
	font-family: "psl_kittithada_probold";
	font-size: 24px;
}

.content-formforgot h1 {
	text-align: center;
	font-size: 45px;
	color: #552705;
	margin: 0;
	font-weight: normal;
	line-height: 40px;
}
.content-formforgot h2 {
	text-align: center;
	font-size: 25px;
	color: #552705;
	margin: 0;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 25px;
}
.content-formforgot label {
	margin-right: 10px;
}
.content-formforgot .underline-form {
	margin-bottom: 20px;
	width: 100%;
}


.wrapper-conntent .text-title {
	padding-top: 0;
}

.register-wordhead {
	width: 100%;
	border-bottom: 1px solid #f7b400;
	padding-bottom: 20px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.register-content {
	background: #ffffff;
	padding: 30px;
	margin: 0;
	font-size: 16px;
}
.register-content h2 {
	font-size: 30px;
	color: #552505;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	font-weight: normal;
	font-family: "psl_kittithada_probold";
}
.register-leftbox{
	width: 47%;
	margin-right: 50px;
	float: left;
}
.register-rightbox{
	width: 47%;
	float: left;
}
.register-leftbox img {
	width: 100%;
	margin-top: 50px;
}
.register-textlabel {
	color: #777777;
	width: 20%;
	border: none;
	float: left;
	margin-right: 10px;
}
.register-content input {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.register-content label {
    color: #777777;
    width: 27%;
    border: none;
    float: left;
    margin-right: 15px;
	padding: 10px 0;
}
.label-right {
    float: right;
	width: 70%;
	margin-left: 30%;
	margin-bottom: 10px;
}

.btn-checkmail {
	width: 100%;
	background: #552505;
	padding: 10px;
	color: #ffffff;
	border: none;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
}
.label-guide {
	width: 100%;
	background: #cdcdcd;
	padding: 10px;
	color: #ffffff;
	border: none;
	font-size: 16px;
	text-align: left;
	word-wrap: break-word;
	box-sizing: border-box;
}
.register-content select {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;	
}
.register-content textarea {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;	
}

/*-----------------------*/

.memberedit-content {
	background: #ffffff;
	padding: 30px;
	margin: 0;
	font-size: 16px;
}
.memberedit-content h1, .memberedit-content h2 {
	font-size: 30px;
	color: #552505;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	font-weight: normal;
	font-family: "psl_kittithada_probold";
}

.mark-important  {
	color: #ff0000;
	display: inline;
	vertical-align: top;
}
.memberedit-leftbox{
	width: 47%;
	margin-right: 50px;
	float: left;
}
.memberedit-rightbox{
	width: 47%;
	float: left;
}
.memberedit-editbox{
	width: 47%;
	float: left;
}
.memberedit-leftbox img {
	width: 100%;
	margin-top: 50px;
}

.memberedit-textlabel {
	color: #777777;
	width: 20%;
	border: none;
	float: left;
	margin-right: 10px;
}
.memberedit-content input {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.birthdate {
	background: url(../images/icons/calendar.png) no-repeat 97%;
}
.memberedit-content label {
    color: #777777;
    width: 27%;
    border: none;
    float: left;
    margin-right: 15px;
	padding: 10px 0;
}
label.tax-edit {
	padding-top: 0;
	padding-bottom: 0;
}
.taxedit {
	width: 90%;
}

.memberedit-content select {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;	
}
.memberedit-content textarea {
	color: #777777;
	width: 70%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;	
}



.member-bg {
	background: url(../images/member-bg.png)no-repeat center;
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: cover;
}

.wrapper-menumember {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.menu-member a {
	width: 22%;
	float: left;
	color: #666666;
	background: #ffffff;
	padding: 20px;
	box-sizing: border-box;
	margin-left: 1px;
	border-right: 1px solid #f8f1ef;
	border-left: 1px solid #f8f1ef;
	height: 73px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.menu-member-last a {
	width: 33%;
}

.menu-member a.menu-member-active {
    background-color: #542605;
    color: #fff !important;
    border: 0 !important;
}

.menu-member a.menu-member-active img {
	width: 24px;
    margin-right: 20px;
    vertical-align: middle;
}

.menu-member a:hover {
	color: #ffffff;
	background: #542605;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.menu-member a span {
	vertical-align: top;
	display: inline-block;
}
.member-content {
	width: 100%;
	padding: 30px 0;
	margin: 0;
	font-size: 16px;
	background: #ffffff;
	margin-bottom: 30px;
}
.member-boxleft {
	width: 50%;
	padding: 0 30px;
	box-sizing: border-box;
	float: left;
}
.member-boxright {
	width: 50%;
	padding: 0 30px;
	box-sizing: border-box;
	float: left;
}
.member-boxfull {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	float: left;
	padding-bottom: 0;
}
.member-content h2 {
	width: 100%;
	padding-bottom: 15px;
	margin-top: 0;
	font-size: 30px;
	color: #552505;
	border-bottom: 1px solid #e5e5e5;
	font-family: "psl_kittithada_probold";
	font-weight: normal;
	margin-bottom: 20px;
}
.member-content h3 {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	font-size: 24px;

	color: #552505;
	font-family: "psl_kittithada_probold";
	font-weight: normal;
}
.member-boxfull h1, .member-boxfull h2 {
	width: 100%;
	padding-bottom: 15px;
	margin-top: 0;
	font-size: 30px;
	color: #552505;
	border-bottom: 1px solid #e5e5e5;
	font-family: "psl_kittithada_probold";
	font-weight: normal;
	line-height: 30px;
}

.member-content label {
    color: #000000;
    width: 27%;
    border: none;
    float: left;
    margin-right: 15px;
}
.member-content span {
	width: 70%;
	color: #777777;
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	border: none;
	box-sizing: border-box;
}

.member-boxfull label {
    color: #000000;
    width: 18%;
    border: none;
    float: left;
    margin-right: 15px;
}
.member-boxfull span {
	width: 80%;
	color: #777777;
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	border: none;
	box-sizing: border-box;
}





.btn-formedit {
	background: #ffffff;
	border: 2px solid #144570;
	color: #144570;
	font-size: 24px;
	width: 125px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	padding: 5px 10px;
	text-align: center;
    margin: 30px;
    margin-bottom: 0;
	line-height: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formedit:hover {
	background: #144570;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formedit img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -8px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formedit img.pichover {
    opacity: 0;
	position: absolute;
	margin-top: 7px;
}
.btn-formedit:hover img.pichover {
    opacity: 1;
}
.btn-formedit img.picactive {
    opacity: 1;
}
.btn-formedit:hover img.picactive {
    opacity: 0;
}





.tab-editdata {
	width: 100%;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e5e5e5;
	font-family: "psl_kittithada_probold";
	font-weight: normal;
	text-align: right;
}
.btn-edit {
	width: 100px;
	float: right;
	color: #552505;
	font-size: 24px;
	margin-left: 10px;
}
.btn-edit:hover {
	filter: grayscale(1);
}
.btn-edit img {
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}
.btn-formadd {
	background: #ffffff;
	border: 2px solid #144570;
	color: #144570;
	font-size: 24px;
	width: 200px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	padding: 5px 10px;
	text-align: center;
    margin: 30px;
    margin-bottom: 0;
	line-height: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formadd:hover {
	background: #144570;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formadd img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -8px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-formadd img.pichover {
    opacity: 0;
	position: absolute;
	margin-top: 7px;
}
.btn-formadd:hover img.pichover {
    opacity: 1;
}
.btn-formadd img.picactive {
    opacity: 1;
}
.btn-formadd:hover img.picactive {
    opacity: 0;
}


.box-step {
	width: 85%;
    padding: 10px 25px;
	margin: 0 auto;
    margin-bottom: 30px;
	font-family: "psl_kittithada_probold";
	position: relative;
}
.step {
    font-size: 30px;
    text-align: center;
    width: 215px;
    display: inline-block;
    margin: 0 43px 0 0;
}
.step-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    border: 2px solid #acacac;
    box-sizing: border-box;
    padding: 6px 0;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    background-color: #b3b3b3;
	position: relative;
	z-index: 2;
	line-height: 30px;
}
.step-active {
    background-color: #542605;
    color: #fff !important;
    border: 0 !important;
}
h5 {
    color: #b3b3b3;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 0;
	line-height: 30px;
}
h5.active-text {
    color: #552505;
	font-weight: normal;
}
.step-last {
    margin-right: 0 !important;
}
hr {
    width: 100%;
    margin: 30px 0;
    border: 1px solid #efeeed;
}
.step-line {
    position: absolute;
    border: 0;
    height: 1px;
    background-color: #acacac;
    width: 75%;
	top: 0;
	margin-left: 89px;
	z-index: 1;
}
.active-step-line {
    position: absolute;
    border: 0;
    height: 1px;
    background-color: #552505;
    top: 0;
    margin-left: 125px;
	z-index: 1;
}
.active-step-1-line {
    width: 10%;
}
.active-step-2-line {
    width: 32%;
}
.active-step-3-line {
    width: 55%;
}
.active-step-4-line {
    width: 65%;
}

.cart-conntent {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
}


.cart-table {
    width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}
.cart-table-head {
	width: 100%;
    background-color: #154571;
    color: #ffffff;
	font-size: 28px;
	padding: 15px 30px;
	font-weight: normal;
	box-sizing: border-box;
	text-align: right;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.cart-table-head h2 {
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	color: #ffffff;
}
.cart-table-head-product {
    width: 33%;
	float: left;
	text-align: center;
}
.cart-table-head-price {
    width: 15%;
	float: left;
}
.cart-table-head-fee {
    width: 19%;
	float: left;
}
.cart-table-head-amount {
    width: 13%;
	float: left;
	text-align: center;
}
.cart-table-head-totalprice {
    width: 15%;
	float: left;
}
.cart-table-head-delete {
    width: 5%;
	float: left;
}
.cart-table-content {
	width: 100%;
	padding: 30px 30px;
	border-bottom: 1px solid #b2b2b2;
	text-align: right;
	box-sizing: border-box;
	font-size: 16px;
}
.cart-table-content-sub {
	width: 100%;
	padding: 0;
	margin: 0;
}
.cart-table-sendtogift {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	box-sizing: border-box;
	
}
.cart-sendtogift-complete {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	margin-top: 20px;
	padding-top: 20px;
}
.cart-product {
	text-align: left;
	width: 35%;
	float: left;
}
.cart-product img {
	width: 100%;
	height:auto;
}
.cart-product-pic {
    width: 50%;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
}
.cart-product-detail {
	width: 50%;
	float: left;
	padding-top: 20px;
}


.cart-product-detail .product-id,.cart-product-detail .product-name {
    font-size: 14px;
}

.cart-price {
    width: 13%;
	float: left;
	padding-top: 40px;
}
.cart-fee {
    width: 19%;
	float: left;
	padding-top: 40px;
}
.cart-amount {
	width: 14%;
	float: left;
	text-align: center;
	padding-top: 25px;
}
.cart-amount span {
	padding-top: 20px;
	display: block;
}
.cart-amount table {
    border-collapse: collapse;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "psl_kittithada_probold";
    box-sizing: border-box;
}
.cart-amount td.btn-plus {
	background: url(../images/icons/plus.png) no-repeat #d9d9d9 10px 20px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
}
.cart-amount td.btn-minus {
	background: url(../images/icons/minus.png) no-repeat #d9d9d9 9px 25px;
	text-align: center;
	border: none;
	width: 30px;
	height: 50px;
	cursor: pointer;
}
.cart-amount td.box-amount {
	background: #ffffff;
	text-align: center;
	margin: 0;
	border: 1px solid #d9d9d9;
	width: 50px;
	height: 50px;
	margin-left: -7px;
	margin-right:-7px;
	box-sizing: border-box;
	font-size: 14px;
	font-family: tahoma;
}
.cart-amount .box-amount {
	width: 60px;
	margin-left: -8px;
	margin-right: -8px;
}
.cart-amount .btn-minus {
	margin: 0;
}

.cart-totalprice {
    width: 14%;
	float: left;
	padding-top: 40px;
}
.cart-delete {
    width: 5%;
	float: left;
	padding-top: 30px;
}
.cart-delete a {
	width: 40px;
	float: right;
	display: block;
}
.cart-delete a img {
	width: 40px;
    margin-right: -10px;
}
.cart-delete a img.pichover {
    opacity: 0;
	position: absolute;
}
.cart-delete a:hover img.pichover {
    opacity: 1;
	margin: 0 auto;
	vertical-align: middle;
}
.cart-delete a img.picactive {
    opacity: 1;
}
.cart-delete a:hover img.picactive {
    opacity: 0;
}
.send-to-gift {
	width: 18%;
	float: left;
	text-align: center;
	text-transform: uppercase;
	
}
.btn-giftsend a:hover{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.btn-giftsend a {
	width: 170px;
	border: none;
	color: #144570;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 auto;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.btn-giftsend img {
	width: 32px;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -5px;
}

.send-to-gift-detail {
	width: 75%;
	float: left;
	text-align: left;
	font-size: 15px;
	color: #666666;
}
.send-to-gift-detail label {
	width: 20%;
	float: left;
	color: #333333;
	font-weight: bold;
}
.send-to-gift-detail span {
	width: 80%;
	float: left;
}





.tab-price {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #ffffff;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.tab-price-border {
	border-bottom: 1px solid #b2b2b2;
}

.total-price {
	width: 38%;
	margin: 30px;
	float: right;
	text-align: right;
	color: #333333;
	font-size: 28px;
}


.total-price label {
    color: #333333;
	font-size: 28px;
    width: 32%;
    border: none;
    float: left;
    margin-right: 15px;
	text-align: left;
}
.total-price span {
	width: 54%;
	color: #333333;
	font-size: 28px;
	float: left;
	border: none;
	box-sizing: border-box;
	padding-right: 10px;
}
.total-price span:last-child {
	padding-right: 0;
}
.label-detail {
    width: 100%;
    color: #4c4c4c;
    font-size: 24px;
    text-align: left;
	margin: 0;
    margin-bottom: 10px;
    font-style: italic;
    line-height: 15px;
}

.total-price-all {
    color: #ff0000;
    font-size: 28px;
    float: right;
    border: none;
    background: #efefef;
    margin: 0;
    padding: 5px 10px;
	margin-top: -5px;
}


.box-cart-nextstep {
	width: 25%;
	margin-top: 30px;
	float: right;
	text-align: right;
}

.nextstep-complete {
	width: 125px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	background: #144570;
	margin-top: 30px;
	float: right;
	padding: 10px 5px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.nextstep-complete:hover {
	background: #542605;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.nextstep-complete img {
	margin-right: 5px;
	margin-bottom: -3px;
}
.btn-cart{
	width: 125px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	background: #b3b3b3;
	margin-left: 10px;
	float: left;
	padding: 10px 5px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-cart:hover{
	color: #ffffff;
	background: #542605;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}	
.btn-cart-next {
    background-color: #144570!important;
}
.btn-cart-next:hover {
    background-color: #542605!important;
}
.select-address {
	float: left;
	margin-right: 10px;
}

.select-address-span {
	width: 90%;
	float: left;
}
.select-address-span label {
	width: 23%;
}
.select-address-span span {
	width: 75%;
	color: #333333;
}

.select-address-delivery {
	width: 90%;
	float: left;
}
.select-address-delivery label {
	width: 90%;
}
.select-address-delivery span {
	width: 75%;
	color: #333333;
	margin-bottom: 0;
}
.edit-address-tax label {
	width: 95%;
}
.add-address {
	margin: 30px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}



.cart-content {
	width: 100%;
	padding: 30px;
	margin: 0 auto;
	background: #ffffff;
	box-sizing: border-box;
	color: #333333;
	font-size: 16px;
}
.cart-content-sub {
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
	margin-bottom: 20px;	
}
.content-last {
	margin-bottom: 0;	
}
.company-logo {
	width: 13%;
	float: left;
}
.company-logo img {
	width: 100%;
}

.company-address {
	width: 80%;
	float: left;
	padding: 20px 30px;
}
.company-address img {
	margin-right: 10px;
	margin-bottom: -2px;
}
.company-address img:last-child {
	margin-left: 10px;
}
.company-address h2 {
	padding-bottom: 0!important;
}
.cart-address-data {
	width: 33%;
	float: left;
	padding-right: 75px;
	box-sizing: border-box;
}
.cart-address-data img {
	margin-right: 15px;
	margin-bottom: -2px;
}
.cart-address-data-last {
	width: 33%;
	float: left;
	padding-right: 0;
}
.cart-content h1, .cart-content h2 {
    width: 100%;
    padding-bottom: 10px;
    margin: 0;
    font-size: 29px;
    color: #552505;
    font-family: "psl_kittithada_probold";
    font-weight: normal;
	line-height: 30px;
}

.cart-content-sub span {
	width: 100%;
	float: left;
	border: none;
	box-sizing: border-box;
}

.no-padding {
	padding: 0;
}

.select-payment {
	float: left;
	width: 100%;
	display: block;
}
.select-payment img {
	float: left;
	margin: 20px 0 20px 25px;
}


table.payment {
	width: 100%;
	margin-bottom: 0;
	margin-top: 30px;
}
table.payment td {
	width: 25%;
	font-family: tahoma;
}
table.payment td:first-child {
	text-align: left;
	padding-left: 70px;
	box-sizing: border-box;
}
table.payment tr:nth-child(even){
	background-color: #ffffff;
}
table.payment td img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
}
table.payment th {
    border: none;
}

.header-complete {
	width: 100%;
	background: #552505;
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

.title-order {
	font-size: 29px;
	color: #552505;
	width: 15%;
	margin-right: 20px;
	box-sizing: border-box;
	font-family: "psl_kittithada_probold";
	float: left;
	font-weight: normal;
	line-height: 30px;
}

.detail-order {
	font-size: 29px;
	color: #333333;
	width: 80%;
	font-family: "psl_kittithada_probold";
	float: left;
	font-weight: normal;
	line-height: 30px;
}

.no-delete {
	width: 20%;
}




.wishlist-table {
    width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}
.wishlist-table-head {
	width: 100%;
    background-color: #154571;
    color: #ffffff;
	font-size: 28px;
	padding: 15px 50px;
	font-weight: normal;
	box-sizing: border-box;
	text-align: right;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.wishlist-table-head-product {
    width: 45%;
	float: left;
	text-align: center;
}
.wishlist-table-head-price {
    width: 15%;
	float: left;
}
.wishlist-table-head-fee {
    width: 20%;
	float: left;
}
.wishlist-table-head-addcart {
    width: 15%;
	float: left;
	text-align: center;
}
.wishlist-table-head-delete {
    width: 5%;
	float: left;
	text-align: center;
}
.wishlist-table-content {
	width: 100%;
	padding: 30px 50px;
	border-bottom: 1px solid #e5e5e5;
	text-align: right;
	box-sizing: border-box;
	font-size: 16px;
}
.wishlist-table-content-sub {
	width: 100%;
	padding: 0;
	margin: 0;
}
.wishlist-product {
	text-align: left;
	width: 45%;
	float: left;
}
.wishlist-product img {
	width: 100%;
}
.wishlist-product-pic {
	width: 55%;
	padding-right: 30px;
	float: left;
	box-sizing: border-box;
}
.wishlist-product-detail {
	width: 45%;
	float: left;
	padding-top: 40px;
}

.wishlist-product-detail .product-id,.wishlist-product-detail .product-name {
    font-size: 16px;
}

.wishlist-price {
    width: 15%;
	float: left;
	padding-top: 60px;
}
.wishlist-fee {
    width: 20%;
	float: left;
	padding-top: 60px;
}
.wishlist-addcart {
	width: 15%;
	float: left;
	text-align: center;
	padding-top: 50px;
}
.wishlist-addcart img {
	width: 40px;
}
.wishlist-addcart img.pichover {
    opacity: 0;
	position: absolute;
}
.wishlist-addcart:hover img.pichover {
    opacity: 1;
	margin: 0 auto;
	vertical-align: middle;
}
.wishlist-addcart img.picactive {
    opacity: 1;
}
.wishlist-addcart:hover img.picactive {
    opacity: 0;
}


.wishlist-delete {
    width: 5%;
	float: left;
	text-align: center;
	padding-top: 50px;
}
.wishlist-delete img {
    width: 40px;
}
.wishlist-delete img.pichover {
    opacity: 0;
	position: absolute;
}
.wishlist-delete:hover img.pichover {
    opacity: 1;
	margin: 0 auto;
	vertical-align: middle;
}
.wishlist-delete img.picactive {
    opacity: 1;
}
.wishlist-delete:hover img.picactive {
    opacity: 0;
}

.sendgift-content {
	padding: 30px;
	margin-bottom: 30px;
	background: #ffffff;
}
.sendgift-content h2 {
    width: 100%;
    padding-bottom: 15px;
    margin-top: 0;
	margin-bottom: 30px;
    font-size: 30px;
    color: #552505;
    border-bottom: 1px solid #e5e5e5;
    font-family: "psl_kittithada_probold";
    font-weight: normal;
}
.gift-box {
    width: 30%;
	margin: 0 18px 18px 18px;
	text-align: center;
	float: left;
	font-size: 24px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.gift-box img {
    width: 100%;
	border:1px solid #aaaaaa;
}
.box-last {
	margin-right: 0;
}

.sendgift-content textarea {
    width: 100%;
	height: 200px;
	padding: 10px;
	font-size: 16px;
	color: #666666;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	text-align: left;
	box-sizing: border-box;
}

p.caption {
    font-size: 16px;
}

.howto-content {
	color: #552505;
	font-family: "psl_kittithada_probold";
	margin-bottom: 50px;
}
.text-howto {
	font-size: 30px;
	padding: 0 0 20px 0;
	margin: 0;
	font-weight: normal;
	line-height: 30px;
}

img.howto-button {
	vertical-align: middle;
	margin-bottom: 5px;
}

.menu-member img {
	width: 24px;
	display: inline;
    margin-right: 20px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.menu-member img.pichover {
	width: 24px;
    opacity: 0;
	position: absolute;
	vertical-align: middle;
}
.menu-member:hover img.pichover {
    opacity: 1;
	width: 24px;
}
.menu-member img.picactive {
    width: 24px;
    opacity: 1;
}
.menu-member:hover img.picactive {
    opacity: 0;
	width: 24px;
}


.menu-member a.menu-member-active img.picactive {
	width: 24px;
    opacity: 0;
}
.menu-member a.menu-member-active img.pichover {
	width: 24px;
    opacity: 1;
	vertical-align: middle;
}














/*------------------------------End Containner--------------------------------*/



/*---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/





/*---------------------------------Footer-----------------------------------*/

#footer {
	background: #9c6c45;
	width: 100%;
	color: #ffffff;
	padding: 45px 0 20px 0;
}
.footer-service {
	background: #704e31;
	width: 100%;
	padding: 25px 0 30px 0;
}
.footer-service h3 {
	font-size: 28px;
	color: #ffffff;
	font-family: "psl_kittithada_probold";
	font-weight: normal;
	margin: 0;
}
.footer-payment {
    width: 57%;
    float: left;
}
.footer-delivery {
    width: 43%;
    float: left;
}
ul.payment-list {
	width: 100%;
	margin: 20px 0 0 -25px;
}
ul.payment-list li {
	float: left;
	margin-left: 25px;
}
ul.payment-list li img{
	width: 100px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.delivery-list {
	width: 100%;
	margin: 20px 0 0 -25px;
}
ul.delivery-list li a{
	float: left;
	margin-left: 25px;
}
ul.delivery-list li a img{
	width: 100px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.payment-list li a:hover img, ul.delivery-list li a:hover img{
	opacity: 0.8;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.footer-sitemap{
	width: 50%;
	float: left;
	
}
.footer-sitemap2{
	width: 50%;
	padding-bottom: 40px;
	float: left;
	
}
.block-sitemap{
	width: 35%;
	float: left;
}
.block-sitemap:first-child{
	width: 25%;
	float: left;
}
ul.site-map {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.site-map li a {
	display: inline;
	font-size: 28px;
	color: #ffffff;
	font-family: "psl_kittithada_probold";
	line-height: 40px;
}
.site-map li a:hover {
	color: #f7b400;
}
ul.site-sub {
	padding: 0;
	margin: -10px 0 10px 0;
}
ul.site-sub li a {
	background: url(../images/icons/bullet.png) no-repeat 5px;
	display: inline;
	font-size: 15px;
	color: #ffffff;
	padding-left: 15px;
	margin-right: 20px;
	font-family: tahoma;
	line-height: 21px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
ul.site-sub li a:hover {
	color: #ffffff!important;
	text-decoration: underline;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.text-add{
	line-height: 21px;
}
.block-address{
	width: 45%;
	float: left;
}

.block-QRcode {
	width: 20%;
	float: left;
	padding-left: 10px;
}
.gitlogo {
	width: 25%;
	padding-top: 40px;
	padding-left: 30px;
}
.tel {
	background: url(../images/icons/tel.png) no-repeat 5px 7px;
	display: block;
	font-size: 27px;
	color: #ffffff;
	padding-left: 40px;
	margin-top: 10px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.tel a {
	color: #fff;
}
.fax {
	background: url(../images/icons/fax.png) no-repeat 5px;
	display: block;
	font-size: 27px;
	color: #ffffff;
	padding-left: 40px;
	margin: 0;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

ul.icon {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 -5px;
	text-align: left;
}
ul.icon li {
	margin: 0;
	padding: 0 15px 5px 0;
	list-style: none;
	display: inline-block;
	
}
ul.icon li img {
	width: 29px;
    height: 24px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.icon li img.pichover {
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.icon li:hover img.pichover {
    opacity: 1;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
ul.icon li img.picactive {
    opacity: 1;
}
ul.icon li:hover img.picactive {
    opacity: 0;
}

.QRcode {
	margin: 0 auto;
	text-align: center;
}
.QRcode img {
	width: 100%;
	margin-top: 5px;
}
.text-company{
	font-size: 28px;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}

.text-add a {
	display: inline-block;
	color: #ffffff;
}
.text-add a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.text-lineid{
	font-size: 24px;
	text-align: center;
	font-family: "psl_kittithada_probold";
	line-height: 21px;
}
.store img {
	margin: 0 3px;
}
.search-tab {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	text-align: right;
}
.box-search {
	width: 255px;
	padding: 10px;
	border: 2px solid  rgba(255,255,255,0.00);
}
.btn-search {
	background: #ffffff;
	border: 2px solid #144570;
	color: #144570;
	font-size: 24px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	margin-left: 10px;
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-search:hover {
	background: #144570;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#search-avd-box {
	width: 100%;
	margin-bottom: 30px;
	padding: 40px 80px;
	box-sizing: border-box;
	background: #ffffff;
	display: none;
}
.select-search-style {
	width: 30%;
	float: left;
}
.select-search-style select {width: 100%; margin-bottom: 50px; -webkit-appearance: none; -moz-appearance: none;  padding:5px 10px; border: none; color:#333333; border-bottom: 1px solid #333333; background:url(../images/icons/arrow-select-search.png) no-repeat right 10px center; font-family: 'psl_kittithada_probold'; font-size: 24px;}
.select-search-style select option { font-family:Tahoma !important; font-size:24px !important; }
.search-left {
	margin-right: 40px;
}
/*.search-right {
	margin-left: 40px;
}*/

.input-search-style {width: 30%; margin-bottom: 50px; float: left; padding:5px 10px; border: none; color: #333333; border-bottom: 1px solid #333333; font-family: 'psl_kittithada_probold'; font-size: 24px; box-sizing: border-box;}
.input-search-style::placeholder {
  color: #333333;
}
::-webkit-input-placeholder { /* Chrome */
  color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #333333;
  opacity: 1;
}




#search-avd-box .btn-search {
	float: left;
	margin: 0;
}
.btn-adv-search {
	width: 130px;
	background: #89c742;
	border: 2px solid #89c742;
	color: #ffffff;
	font-size: 24px;
	font-family: "psl_kittithada_probold";
	cursor: pointer;
	margin-left: 10px;
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-adv-search:hover {
	background: #154571;
	color: #ffffff;
	border: 2px solid #154571;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.submenu-active {
	background: #89c742!important;
	color: #ffffff!important;
}
.search-active {
	background: #154571;
	color: #ffffff;
	border: 2px solid #154571;
}
.header-none-fixed-bg {
    background: #ffffff !important;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.header-none-fixed-bg .logo {
    padding: 16px 0 12px 0;
}
.header-none-fixed-bg .logo img {
    width: 120px;
    height: auto;
    display: block;
	-webkit-transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-o-transition: all .20s ease-in-out;
-ms-transition: all .20s ease-in-out;
transition: all .20s ease-in-out;
}
.header-none-fixed-bg .group-tabhead {
    margin: 5px 0;
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}
.header-none-fixed-bg .menu li {
    padding-top: 15px;
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}
.header-none-fixed-bg .menu li a {
    padding-bottom: 10px;
    -webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}

.header-none-fixed-bg #gp-headerprice a {
	margin: 5px 0 0 0;
}

.hidden {
	opacity: 0;
}
.visible {
	opacity: 1;
}
input.btn-search, input.btn-form
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
.amount-right td {
	padding: 0;
}
.show-414 {
	display: none!important;
}
.table-show686 {
	display: none;	
}
.show-768 {
	display: none;
}
.table-feedback strong {
	font-size: 30px;
	font-weight: normal;
	font-family: "psl_kittithada_probold";
	color: #ffffff;
}
.table-feedback img {
	margin: 0 auto;
	display: block;
	width: 30%;
	margin-bottom: 15px;
}
.table-feedback .promo-text {
    font-size: 27px;
}
.table-feedback textarea {
    border: 1px solid #cccccc;
}
.btn-sf {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    background: #144570;
    margin-left: 10px;
    float: left;
    padding: 10px;
    font-family: "psl_kittithada_probold";
    line-height: 30px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	border: none;
	cursor: pointer;
}
.btn-sf:hover {
    color: #ffffff;
    background: #542605;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.clear600 {
	clear: both;
	display: none;
}
.product-img-box {
	min-height: 212px;
	background: #ffffff;
}
.absolute-title {
	position: absolute;
	top: -9999px;
}
.knowledge-table-list h3 {
	font-size: 28px;
}
.order-head h2 {
	color: #ffffff;
	font-size: 28px;
	line-height: 30px;
}
.show-index-mobile {display: none;}
.label-sale {position: absolute; top: -8px; right: 15px;}
#pd-special .box-text-productdetail {min-height: 175px; box-sizing: border-box;}
#pd-special .product-img-box {min-height: 215px;}
.pd-mb-menu  {
	list-style: none;
	display: inline-block;  width: 100px; margin: 0;
	text-align: center;
	font-size: 24px;
	/*width: 25%;
	margin-bottom: 30px;*/
}
.pd-mb-menu a {
	border: 1px solid #89c742;
	color: #666666;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding: 0 5px 0 5px;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu a:last-child {
	margin-right: 0;
}
.pd-mb-menu a:hover {
	border: 1px solid #89c742;
	background: #89c742;
	color: #ffffff;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding: 0 5px 0 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}

.pd-mb-menu img.white {
	width: 63px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu:hover img.white {
    opacity: 1;
	width: 63px;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu img.green {
    width: 63px;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu :hover img.green {
    opacity: 0;
	width: 63px;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.slide-product-mb .owl-next {
    right: 0;
    background: url(../images/icons/next.png) no-repeat center;
    background-size: 35px;
    position: absolute;
    padding: 0;
	margin-right: -15px;
}
.slide-product-mb .owl-prev {
    right: 0;
    background: url(../images/icons/preview.png) no-repeat center;
    background-size: 35px;
    position: absolute;
    padding: 0;
	margin-left: -15px;
}
.slide-product-mb .owl-buttons {
    display: block!important;
}
.menu-product-mb {display: none; padding: 0 25px 25px 25px;}
.slide-product-mb .owl-controls {
    bottom: 100px!important;
}
.slide-product-mb .item {
    text-align: center;
}

.pd-mb-menu-inner  {
	list-style: none;
	display: inline-block;  width: 100px; margin: 0;
	text-align: center;
	font-size: 24px;
	font-family: "psl_kittithada_probold";
	/*width: 25%;
	margin-bottom: 30px;*/
}
.pd-mb-menu-inner a {
	border: 1px solid #89c742;
	color: #666666;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding: 0 5px 0 5px;
	box-sizing: border-box;
	margin: 0 15px;
	background: #fff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu-inner a:last-child {
	margin-right: 0;
}
.pd-mb-menu-inner a:hover {
	border: 1px solid #89c742;
	background: #89c742;
	color: #ffffff;
	border-radius: 100%;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding: 0 5px 0 5px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}

.pd-mb-menu-inner img.white {
	width: 63px;
    opacity: 0;
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu-inner:hover img.white {
    opacity: 1;
	width: 63px;
	margin: 0 auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu-inner img.green {
    width: 63px;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.pd-mb-menu-inner :hover img.green {
    opacity: 0;
	width: 63px;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.slide-product-mb-inner .owl-next {
    right: 0;
    background: url(../images/icons/next.png) no-repeat center;
    background-size: 35px;
    position: absolute;
    padding: 0;
	margin-right: -15px;
}
.slide-product-mb-inner .owl-prev {
    right: 0;
    background: url(../images/icons/preview.png) no-repeat center;
    background-size: 35px;
    position: absolute;
    padding: 0;
	margin-left: -15px;
}
.slide-product-mb-inner .owl-buttons {
    display: block!important;
}
.menu-product-mb-inner {display: none; padding: 0 25px 25px 25px;}
.slide-product-mb-inner .owl-controls {
    bottom: 90px!important;
}
.slide-product-mb-inner .item {
    text-align: center;
}
.productmenu-inner {width: 70%; margin: 0 auto 20px auto;font-family: "psl_kittithada_probold"}
.productmenu-inner ul.type li a {background: #fff; font-family: "psl_kittithada_probold";}
.productmenu-inner ul.type li a:hover {background: #89c742;}
.footer-status {
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.logo-view {
    width: 40%;
    margin: 0 auto;
    text-align: left;
    float: left;
	}
.logo-view img {
	width: 150px;
	margin: 0 auto;
}
.box-step-status {
	width: 45%;
	padding: 10px 25px;
	margin: 20px auto 50px auto;
	font-family: "psl_kittithada_probold";
	position: relative;
	float: right;
}
.step-status {
	font-size: 26px;
	text-align: center;
	width: 127px;
	display: inline-block;
	margin: 0;
}
.step-circle-status {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	border: 2px solid #acacac;
	box-sizing: border-box;
	padding: 3px 0 6px 0;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
	background-color: #b3b3b3;
	position: relative;
	z-index: 2;
	line-height: 20px;
}
.step-status-active {
	background-color: #542605;
	color: #fff !important;
	border: 0 !important;
	padding: 6px 0;
}
.box-step-status h5 {
	color: #b3b3b3;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 30px;
}
h5.active-text-status {
	color: #552505;
	font-weight: normal;
}
.step-status-last {
	margin-right: 0 !important;
}
.step-line-status {
	position: absolute;
	height: 1px;
	background-color: #acacac;
	width: 65%;
	top: 28px;
	margin-left: 75px;
	z-index: 1;
	border: 3px solid #acacac;
}
.status-box-L {
	width: 49%;
	float: left;
	background: #ffffff;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	color: #4a4a4a;
	font-family: "psl_kittithada_probold";
	font-size: 20px;
}
.status-box-R {
	width: 49%;
	float: right;
	background: #ffffff;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	color: #4a4a4a;
	font-family: "psl_kittithada_probold";
}
.status-box-head {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	font-family: "psl_kittithada_probold";
}
.status-box-head h6 {
	margin: 0 0 20px 0;
	font-size: 31px;
	font-weight: normal;
}
.status-box-head li {
	display: block;
	width: 100%;
	font-size: 20px;
	padding-bottom: 3px;
	color: #4a4a4a;
}
.status-box-head li span {
	float: right;
}
.status-box-product li {
	width: 100%;
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	color: #4a4a4a;
}
.status-product-name {
	margin-bottom: 15px;
	clear: both;
}
.status-product-amount {
	margin-bottom: 5px;
	clear: both;
	width: 100%;
	display: block;
}
.status-product-amount span {
	float: right;
}
.status-note {display: block;width: 100%; clear: both;}
.status-box-total-price {width: 100%; clear: both;display: block; font-size: 26px; font-weight:500; padding: 20px 0;}
.status-box-total-price span { font-size: 36px; float: right;}
.total-price-note {width: 100%; display: block; clear: both; background: #f6f6f6; padding: 10px; font-size: 20px; font-weight: normal; margin-top: 20px; box-sizing: border-box;}
.status-box-head-status {
	display: block;
	width: 100%;
	padding: 20px 0;
	font-family: "psl_kittithada_probold";
}
.status-box-head-status h6 {
	margin: 0 0 20px 0;
	font-size: 31px;
	font-weight: normal;
}
.status-box-head-status h6 span {
	float: right;
	color: #C1392B;
	font-size: 27px;
}
.status-box-bill {width: 100%; display: block; clear: both; background: #ffd8d4; border-color: #e6c2be; text-align: center; padding: 25px;box-sizing: border-box;}
.status-box-bill i {display: inline-block; vertical-align: middle; font-size: 30px;}
.status-box-bill span {display: inline-block; vertical-align: middle; font-size: 27px; padding-left: 5px;}
.status-box-R p {text-align: center; margin-bottom: 10px; font-size: 20px;}
.btn-st-contact a {margin: 0 auto; display: block; clear: both; color: #fff; background: #e87e04; border-color: #b96403; text-align: center;padding: 10px;width: 130px;font-size: 20px;}
.qr-status-box {font-size: 22px; padding: 15px;}
.qr-status-box li {padding-bottom: 5px;}
.qr-status-box li strong {color: #552505; font-size: 25px;}
.popup-fes-pc,.popup-fes-mb {vertical-align: bottom;}
.popup-fes-mb {display: none!important;}
/*-------------------------------End Footer---------------------------------*/
.box-tel {display: flex;}
.consent-policy {width: 100%;margin-top: 10px;display: inline-block;}
.consent-policy label {display: block;position: relative;padding-left: 25px;width: 100%!important;padding-top: 0;}
.consent-policy label a {color: #542605;font-weight: bold;margin-bottom: 10px;display: inline-block;}
.consent-policy .form-check-input {position: absolute;width: unset !important;}
.btn-left{width: 70%; margin-left: auto;display: block;}
.mb-15 {margin-bottom: 15px;}


.consent-policy-guest {width: 70%;margin-top: 10px;display: inline-block;margin-left: auto;display: block;}
.consent-policy-guest label {display: block;position: relative;padding-left: 25px;width: 95%!important;padding-top: 0;}
.consent-policy-guest label a {color: #542605;font-weight: bold;display: inline-block;}
.consent-policy-guest .form-check-input {position: absolute;width: unset !important;}

ul.cat{list-style:none;padding:0;margin:0;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center}
ul.cat li{list-style:none;display:inline-block;width:140px;margin:0 0 20px 25px;text-align:center;font-size:24px}
ul.cat li:first-child{margin-left:0}
ul.cat li a{background: #fff;border:1px solid #89c742;color:#666;border-radius:100%;list-style:none;display:table-cell;vertical-align:middle;width:140px;height:140px;padding:0 5px;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
ul.cat li a:last-child{margin-right:0}

ul.cat li a:hover{border:1px solid #89c742;background:#89c742;color:#fff;border-radius:100%;list-style:none;display:table-cell;vertical-align:middle;width:140px;height:140px;padding:0 5px;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
ul.cat li img.white{width:63px;opacity:0;position:absolute;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
ul.cat li:hover img.white{opacity:1;width:63px;margin:0 auto;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
ul.cat li img.green{width:63px;opacity:1;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
ul.cat li :hover img.green{opacity:0;width:63px;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
.d-flex-center{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items: center}
.pt-0 {padding-top:0}

/* Privency */
.accordion .accordion-item{overflow: hidden;}
.accordion-titel {background-color: #fff;padding: 18px;max-width: 100%;display: flex;align-items: center;cursor: pointer;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.accordion-titel:hover {color: #fff;background-color: #B29530;}
.accordion-contant{padding: 30px ;background-color: #fff;border-left: 4px solid #b2902b; display: none;}
.accordion-titel:after {content: '\f107';font-weight: bold;float: right;margin-left: auto;display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;color: #b2902b;border: 1px solid #b2902b;border-radius: 100%;background: #fff;font-family: "FontAwesome";}
.accordion-titel.is-active:after {content: "\f106";display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;color: #b2902b;border: 1px solid #b2902b;border-radius: 100%;background: #fff;font-family: "FontAwesome";}
.head-accordion {background-color: #fff;}
.head-accordion.is-active {background-color: #B29530;color: #fff;}
#privancy .text-head {font-size: 25px;margin-top: 18px;font-family: "psl_kittithada_probold";}
#privancy h2, #privancy h3 {font-size: 30px;color: #542605;line-height: 30px;font-family: "psl_kittithada_probold";}
#privancy  p {margin: 0;}
#privancy ol { margin-bottom:0;}
#privancy ol li {display: list-item;}
#privancy a { display: inline-block;}
#privancy a:hover {color: #B29530;}
#privancy .update-date {margin: 30px 0;}
#privancy .width-90 {width: 90%;}

/* footer */
.coppy-right {padding-top:20px;margin-top:20px;border-top:1px solid #d9d9d9;text-align: center}
.menu-policy a {background: url(../images/icons/bullet.png) no-repeat 5px;font-size: 15px;padding-left: 15px;margin-right: 20px;font-family: tahoma;line-height: 21px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.contact-social {display: -webkit-box;   display: -ms-flexbox;display: flex;margin-bottom: 15px;}
.contact-social .contact {width: 50%;font-size: 28px;display: -webkit-box;display: -ms-flexbox;display: flex;font-family: "psl_kittithada_probold";}
.contact-social .contact a {color: #fff;display: inline-block;}
.contact-social .contact .link {margin-left: 20px;font-family: tahoma;font-size: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-social .contact .link img {max-width: 100%;height: auto;margin-right: 8px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.contact-social .contact img.pichover {opacity: 0;position: absolute;}
.contact-social .contact a img.picactive {opacity: 1;}
.contact-social .contact a:hover img.pichover {opacity: 1;margin: 0 auto; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.contact-social .contact a:hover img.picactive {opacity: 0;}
.contact-social .follow {width: 50%;}

.product-size {font-size: 14px;color: #333333;font-family: tahoma;line-height: 21px;margin: 0;text-align: right; font-weight: bold;}
.position-price {position: relative;}
.discount {top: 5px;right: 0;color: #fff;padding: 3px;font-size: 12px;position: absolute;background-color: #d0112b;}
#service {background: url(images/bg-service.svg) no-repeat center center;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;overflow: hidden;}
#service .space {padding-bottom: 60px;}
#service ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex-wrap: wrap;}
#service ul li {width:33.33%;text-align: center;margin-bottom: 35px;}
#service ul li:nth-last-child(-n + 3) {margin-bottom: 0;}
#service p {color: #542605;font-size: 25px;margin: 20px 0 0 0;font-family: "psl_kittithada_probold";}
#service img {max-width: 100%;height: auto;}
br.show-568 {display:none;}
.bg-tab {display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 1px solid #adadad;}
.tab-gold {color: #fff;background-color:#DAA520!important;}
.tab-detail {min-height: 240px;}
.tab-detail button {font-size: 25px;border: none;outline: none;cursor: pointer;padding: 15px 20px;background: transparent;font-family: "psl_kittithada_probold";}
.tab-detail .tab-padding {padding: 20px 0;}
.tab-detail a {display: inline-block;text-decoration: underline #c0b6b1;}
.tab-detail p {margin: 0 0 8px 0;}
.tab-detail ul {margin-left: 18px;}
.tab-detail ul li {display: list-item;}
#box-search .box-search {border: 1px solid #ced4da;}
#box-search p {color: #542605;font-size: 30px;margin: 0 0 10px 0;font-family: "psl_kittithada_probold";}
#box-search  .btn-search {background: #144570;color: #ffffff;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}


@media only screen and (max-width: 1366px) {
.gp-price{
	width: 88%;	
}
#pd-special .box-text-productdetail {min-height: 180px;}
}