@charset "UTF-8";
/* CSS Document */
/*@import 'ThaiSansNeue/fonts.css';*/
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
strong, b { font-weight: bold; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* ทุก browsers */
* html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* สำหรับ IE6 */
*+html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /*สำหรับ IE7 */
a, a:link, a:visited, a:hover, a:active{text-decoration:none\0/;} /* สำหรับ IE8 */
.clr{ clear:both;}
.ovfh{ overflow:hidden;}
body{ /*background:#efefef;*/ background:url(../images/photography.png) repeat;}
.pbody{
	width:1230px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	/*padding:0 30px;*/
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(110,110,110,1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(110,110,110,1);
	box-shadow: 0px 0px 10px 1px rgba(110,110,110,1);
}
.rows{ width:100%; height:auto; overflow:hidden;}

input,
button,
button[type=reset],
button[type=submit]{ outline:none;}



/*##############################################
  HEADER
##############################################*/

header{ width:1170px; height:auto; }
header .top-zone{
  position: relative;
  width:1170px;
  height:auto;
  margin:15px 30px 30px 30px;
  clear: both;
}



header .header-center{
	width: 110px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 5px auto;
	z-index: 1;
}
header .header-center img{ max-width: 100%;}
header .header-left{
	position: absolute;
	width: 511px;
	bottom: 0;
	z-index: 999;
}
header .header-right{
	position: absolute;
	width: 511px;
	right: 0;
	bottom: 0;
	z-index: 999;
}
header .header-left #trans-nav li{ float: right;}

header .top-menucart{ position: absolute; right: 0px; width:50px; height:40px; overflow:hidden; z-index: 1002;}
header .top-menucart a i{ color:#4b4b4b; font-size:22px; position:absolute; right:0; top:15px; }
header .top-menucart a div{
	width:20px;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align:center;
	background:#fc698b;
	color:#ffffff;
	border-radius:100%;
	position:absolute;
	right:17px;
}
header .top-menucart a:hover i{ color:#fc698b; }

header .language-list{
  position: absolute;
  right: 40px;
  top: 17px;
  overflow: hidden;
  z-index: 1002;
}
header .language-list li{
  padding-left: 1px;
  padding-right: 1px;
  color:#cfcfcf;
}
header .language-list li a{ color:#ababab; }
header .language-list li a:hover,
header .language-list li a.active{ color:#fc698b; }

/*##############################################
  MAIN BANNER
##############################################*/
.MainBanner{ width:100%; height:auto; margin:0 0 20px 0; overflow:hidden; background:#000; z-index:1;}
.MainBanner img{ width: 100%;}

/*##############################################
  TOP GRIDE BAR
##############################################*/
.top-gridebar{ width:100%; height:45px; background:#eeeeee; overflow:hidden;}
.top-gridebar .top-gridebar-text{ list-style:none; font-family:thaisans_neueregular; margin:10px 0 0 20px;}
.top-gridebar .top-gridebar-text li{ display:inline-block; width:auto; height:24px; font-size:20px; line-height:24px; margin-left:5px;}
.top-gridebar .top-gridebar-text li.active{ background:#5dc6cf; padding:0 15px; border-radius:8px; color:#ffffff;}
.top-gridebar .top-gridebar-text li a{ color:#000000;}
.top-gridebar .top-gridebar-text li.active a{ color:#ffffff;}

.page-title{
	font-family:thaisans_neueregular;
	margin:20px auto;
}




/*##############################################
  PAGE CONTENT
##############################################*/
.page_content{ width:1170px; height:auto; margin:0 30px 20px 30px; overflow:hidden;}

/*##############################################
  FOOTER
##############################################*/
footer{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:30px;
	font-family:thaisans_neueregular;
	color:#656565;
	}
footer .footer-top{ width: 100%; height: 20px; background:#434343;}
footer .footer-zin{ width:1170px; height:auto; overflow:hidden; margin:20px 30px 0 30px;}
footer .footer-caption{ font-size:20px; width:100%; height:auto; overflow:hidden; /*margin-bottom:30px;*/ margin-bottom: 15px; text-align: center;}
footer .footer-cc{ /*float:left; width:60%;*/ width: 100%; height:42px; line-height:42px; font-size:18px; text-align: center;}
footer .footer-socail{
  /*float:right; width:40%;*/
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
footer .footer-socail li{ /*float:right; margin-left:5px;*/ margin: 0 2px;}
footer .footer-socail li a:hover img{ opacity:0.7;}
footer .footer-socail li img{ width: 42px;}




/*##############################################
  OPTION
##############################################*/
.bold{ font-weight: bold;}

/***
Colors
***/
.color-red { color: #e02222;}
.color-blue { color: #0da3e2;}
.color-grey { color: #555555;}
.color-gray { color: #9B9B9B;}
.color-green { color: #35aa47;}
.color-yellow { color: #ffb848;}
.color-purple { color: #852b99;}
.color-light-red { color: #ff5400;}
.color-light-blue { color: #bfd5fa;}
.color-light-grey { color: #fafafa;}
.color-light-green { color: #78df1d;}

.color-green-b { color: #5fd6d7;}


.normal-link{ color: #000000; font-size: 20px!important; line-height: 20px!important;}
.normal-link:hover{ color: #ffb848; }

/***
Buttons & Dropdown Buttons
***/

.btn {
	border-width: 0;
	padding: 7px 14px; 	
  font-size: 14px;  
	outline: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;

  -webkit-text-shadow: none;
     -moz-text-shadow: none;
          text-shadow: none;
}

/* fix jumping group buttons */
.btn-group.btn-group-solid .btn + .btn,
.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
  margin-left: 0px;
}

.btn-group-vertical.btn-group-solid > .btn + .btn,
.btn-group-vertical.btn-group-solid > .btn + .btn-group,
.btn-group-vertical.btn-group-solid > .btn-group + .btn,
.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
  margin-top: 0px;
  margin-left: 0;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
} 

.btn.red-stripe {
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe {
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe {
	border-left: 3px solid #852b99;
}

.btn.green-stripe {
	border-left: 3px solid #35aa47;
}

.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.btn.dark-stripe {
  border-left: 3px solid #555555;
}

.btn.default {  
  color: #333333;
  text-shadow: none;  
  background-color: #e5e5e5;
}
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active,
.btn.default[disabled], 
.btn.default.disabled {    
  color: #333333;
  background-color: #d8d8d8 !important;
  outline: none !important;
}

/*  Red */
.btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red[disabled], 
.btn.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Blue */

.btn.blue {
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}

/*  Purple */
.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.purple.dropdown-toggle {
  background-color: #852b99 !important;
}
.btn-group .btn.purple:hover, 
.btn-group .btn.purple:focus, 
.btn-group .btn.purple:active, 
.btn-group .btn.purple.active, 
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Yellow */
.btn.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active, 
.btn.yellow.disabled,
.btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.yellow.dropdown-toggle {
  background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover, 
.btn-group .btn.yellow:focus, 
.btn-group .btn.yellow:active, 
.btn-group .btn.yellow.active, 
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

/*  Black */
.btn.dark {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.btn.dark:hover, 
.btn.dark:focus, 
.btn.dark:active, 
.btn.dark.active, 
.btn.dark.disabled,
.btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.dark.dropdown-toggle {
  background-color: #555555 !important;
}
.btn-group .btn.dark:hover, 
.btn-group .btn.dark:focus, 
.btn-group .btn.dark:active, 
.btn-group .btn.dark.active, 
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-lg > i {
  font-size: 18px;
}

.btn > i {
  font-size: 14px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
} 

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


/*
MARGIN
*/
.margin-top5{ margin-top:5px;}
.margin-top10{ margin-top:10px;}
.margin-top20{ margin-top:20px;}
.margin-top30{ margin-top:30px;}
.margin-top40{ margin-top:40px;}
.margin-top50{ margin-top:50px;}
.margin-bottom10{ margin-bottom:10px;}
.margin-bottom20{ margin-bottom:20px;}
.margin-bottom30{ margin-bottom:30px;}
.margin-bottom40{ margin-bottom:40px;}
.margin-bottom50{ margin-bottom:50px;}
.margin-left20{ margin-left:20px;}

/*
PADDING
*/
.padding-left30{ padding-left:30px;}
.padding-right-0{ padding-right:0px;}


/*
LIST STYLE
*/
.list-unstyle{ list-style:none;}



/*
*/
.form-group{ font-size:20px; line-height:28px; color:#747375; font-weight:normal;}
.form-group .form-control{ border-radius:0; font-size:18px; line-height:22px;}

.radio2{ padding-left: 10px;}
.radio2 .radio-cir{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 3px;
}
.radio2 .radio-cir::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -26px;
	margin-top: -10px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	  transition: border 0.15s ease-in-out;
}
.radio2 .radio-cir::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
	margin-top: -10px;
  margin-left: -26px;
  border-radius: 50%;
  background-color: #a07a55!important;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio2 input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
	outline: none;
}
.radio2 input[type="radio"]:checked ~ .radio-cir::before {
	border: 1px solid #a07a55;
	background-color: #a07a55;
}


/*
Carousel
*/
.carousel-control {
  position: absolute;
  top:80%;
  bottom: 0;
  left: 0;
  width:26px;
  height:26px;
  font-size: 20px;
  line-height:22px;
  border-radius:100%;
  border:solid 1px #ffffff;
  color:#d7d7d7;
  text-align: center;
  text-shadow:none;
  background-color:none;
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
	background:none;
	left:47.6%;
}
.carousel-control.right {
  right:47.6%;
  left: auto;
  background:none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}

/*
paging_all
*/
.paging_all{ text-align: right;}
.paging_all .active, .paging_all .active a{ background:#5fd6d7; border-color:#5fd6d7;}