@charset "utf-8";
/* CSS Document */

.logo_str{
	width:1140px;
	margin:0 auto;
	border-bottom:1px solid #003764;
	text-align:center;
	height:90px;
	padding-left:15px;
	padding-right:15px;
}
.logo_str img{
	padding-top:33px;
	    text-align: center;
}
.header_footer {
	width:100%;
	position:absolute;
	margin-top:-43px;
}
.header_footer_main {
	width:1170px;
	margin:0 auto;
	height:25px;
}
.header_footer_main ul.social{
	float:left;
}
.header_footer_main ul.social li {
	display:inline;
	padding: 0 0 0 15px;
}
.header_footer_main ul.social li i.icon_style {
	font-size:22px;
	color:#666666;
}
.header_footer_main .hd_right{
	float:right;
	margin-top:4px;
}
.header_footer_main .hd_right .call{
	width:55px;
	height:18px;
	float: right;
	background:url(../images/bg-tel.png) no-repeat;
	background-size:12px 16px;
	background-position:22% 50%;
	margin-top:0px;
	border-left:1px solid #bbbbbb;
	padding-left:19px;
	margin-right:15px;
	text-align:right;
	padding-top:2px;
	font:normal 25px/.52em 'db_gill_siam_xbold';
	color:#58585a;
	letter-spacing:-1.5px;
}
.header_footer_main .hd_right .call a{
	text-decoration:none;
	color:#58585a;
}
.header_footer_main .hd_right .lang{
	float:right;
}
.header_footer_main .hd_right .lang p {
	font:normal 14px/1em 'db_gill_siam_xregular';
	color:#999999;
	padding:3px 12px;
	border-left:1px solid #bbbbbb;
	height:18px;
}
.header_footer_main .hd_right .lang p a{
	color:#999999;
}
.header_footer_main .hd_right .lang p a.active{
	color:#333333;
}
.header_footer_main .hd_right .lang p span {
	color:#333333;
}
.header_footer_main .hd_right .lang p span a{
	color:#333333;
}
.header_footer_main .hd_right .search{
	float:right;
}
.header_footer_main .hd_right .search i.icon_style {
	font-size:16px;
	color:#666666;
}

nav { width: 100%; }

.nav_wrapper {
  position:fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: top .5s ease-out;
  background:#003764;
  z-index:9999;
}

.scroll { /*top: -130px;*/ top:0; }

.no-scroll {
  top: 0;
  z-index: 9999;
}
main {
  max-width: 800px;
  margin: 0 auto;
}


.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width: 1170px;
  height:47px;
  transition: all 0.3s ease;
  background-color:#ffffff;
  margin:0 auto;
  text-align:center;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
 
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; font:normal 21px/1em db_helvethaica_x; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #444444;
  font-size:21px;
}

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

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

.menu ul li > a { padding: 13px 25px 13px 25px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background:#fff;
}

.menu ul ul > li a:hover {
  background: #5d525a;
  color: #444444;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
/*
#bigBanner{
  margin-top:90px;
}
*/
/*-------------------------  FB share -------------------------*/

.menu .fb-share {
	display:none;
}


@media screen and (max-width:1187px) {
	
.logo_str{ 
padding-left:0;
padding-right:0;
}
.search_box {
	width:100%;
}
	
.logo_str{
	width:100%;
}
.menu {
	width:100%;
}
.header_footer_main {
	width:100%;
}
.menu ul li > a { padding: 13px 12px 13px 12px; }
.search_box input {
  width: 77%;
  margin: 0 0 0 2%;
  padding: 10px 2% 10px 2%;
  border: none;
  background: #f1f1f1;
  font:normal 19px/1em db_helvethaica_x;
}
.search_box input.search_icon {
  width: 15%;
  padding:10px 2% 10px 2%;
  margin: 0;
  margin-left: -5px;
	
}

}

 @media all and (max-width: 768px) {
   .nav_wrapper{
     position: absolute; 
     height: 70px;
   }
.logo_str{
	height:80px;
	padding-left:0px;
	padding-right:0px;
}
.logo_str img{
  width: 200px;
  text-align: center;	
}
.header_footer{
  padding: 4px 15px;
  margin-top: 0;
}
.header_footer_main ul.social{
	margin-top:5px;
  padding-left: 0;
}
.header_footer_main ul.social li {
	display:inline;
    padding: 0 0 0 8px;
}
.header_footer_main .hd_right .lang p{
  padding: 4px 6px;
  font: normal 10px/1em 'db_gill_siam_xregular';
}
.header_footer_main ul.social li i.icon_style {
	font-size:20px;
	color:#666666;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
}

a.menu-link:hover { color: #efa666; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; }

.menu {
  clear: both;
  min-width: inherit;
  float: none;
  height:auto;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color:#fafafa;
}

.menu > li > ul.sub-menu {
  padding: 0px;
  border: none;
}

.menu.active,
.menu > ul ul.active { max-height: 55em; }

.menu ul { display: inline; }

.menu li,
.menu > ul > li { display: block; border-top:1px solid #e1e1e1; }

.menu ul li a {
  color: #555555;
  text-align:left;
  padding-left:20px;
}

.menu > ul > li:last-of-type a { border: none; }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.2em;
  padding: 0.52em 0.5em;
}

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #ffffff;
  padding: 10px 18px 10px 40px;
}
.menu ul ul > li a:hover {
}

.menu ul li a:hover {
  background:#f8f8f8;
  color: #555555;
}

.menu ul li.hover > a {
  background:#f5f5f5;
  color: #555555;
}

.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
}

.search_box {
  position: absolute;
  top: 121px;
  left: 0;
  z-index: 10;
  background-color:#ffffff;
}
.search_box input {
  width: 68%;
  margin: 0 0 0 2%;
  padding: 10px 2% 10px 2%;
  border: none;
  background: #f1f1f1;
  font:normal 19px/1em db_helvethaica_x;
}
.search_box input.search_icon {
  width: 24%;
  padding:10px 2% 10px 2%;
  margin: 0;
  margin-left: -5px;
	
}
/*
#bigBanner{
  margin-top:100px;
}*/

/*-------------------------  FB share -------------------------*/

.menu .fb-share {
	display: block;
	border-top:1px solid #e1e1e1;
	text-align:left;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

}