@charset "utf-8";
/* CSS Document */
.navbar-brand {
float: left;
height: 50px;
padding: 8px 15px;
font-size: 18px;
line-height: 20px;
}
body {
	background-color: #fffdfd;
	/*background-image: url(../images/bg.jpg);*/
	background-repeat: repeat-x;
	background-position: top center;
}
.row {
margin-right: 0px;
margin-left: 0px;
}

#menu_mobile {
	display: none;
}
.carousel-indicators {
	display: block;
}
 /*@media (max-width: 970px) {*/
 @media (max-width: 991px) {
	 body {
	padding-top:50px;
}
#menu {
	display: none;
}
#menu_mobile {
	display: block;
}
.carousel-indicators {
	display: none;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-bottom: 10px;
}



div.pmenu a:link, div.pmenu a:visited {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #4a4a4a;
	text-align: center;
	padding: 10px;
	margin-right:10px;
	text-decoration: none;
	display: block;
	width: auto;
	margin-bottom:10px;
}div.pmenu a:hover{
	color: #ffffff;
	background-color: #CB2929;
}

div.pmenu_active a:link, div.pmenu_active a:visited {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #CB2929;
	text-align: center;
	padding: 10px;
	margin-right:10px;
	text-decoration: none;
	display: block;
	width: auto;
	margin-bottom:10px;
}

}
 @media (min-width: 1200px) {
/*.container {
	width: 970px;
}*/
}
.searchbox {
	font-family: 'tf_srivichairegular';
	font-size: 18px;
	/*color: #CCC;*/
	color: #274488;
	width: 90px;
	height: 25px;
	/*background-color: #000;*/
	background-color: #fff;
	border: 1px solid #5E5D5D;
}
.searchbb {
	vertical-align: -9px;
}
.menuBox {
	height: 82px;
	text-align: left;
	padding-top: 65px;
	/*background-image: url(../images/bg_menu.gif);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}
.menuBox:hover {
	height: 82px;
	text-align: left;
	padding-top: 65px;
	background-image: url(../images/bg_reddot2.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
}
.menuBox_active {
	height: 82px;
	text-align: left;
	padding-top: 65px;
	background-image: url(../images/bg_reddot2.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
}
.logoBox {
	height: 82px;
	text-align: left;
	padding-top: 20px
}
.Box {
	height: 82px;
	text-align: left;
	padding-top: 60px
}
.navbar-default {
	/*background-color: #000;*/
	/*background-image: linear-gradient(to bottom, #000 0, #000 100%)*/
	/*background-image: linear-gradient(to bottom, #274488 0, #274488 100%)*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
	background-color: #000;
	background-image: url(../images/bg_reddot.gif);
	background-repeat: repeat;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #FFF;
}
.pdtop15 {
	padding-top: 15px;
}
.pdtop20 {
	padding-top: 20px;
}
.pdbottom20 {
	padding-bottom:20px;
}.pdbottom5 {
	padding-bottom:5px;
}
.pdright10{
	padding-right:10px;
}
.spacer {
	width: 100%;
	height: 15px;
}.spacer40 {
	width: 100%;
	height: 0px;
}
@media screen and (min-width: 769px) {
.carousel-caption {
	left: 0px;
	padding-bottom: 20px;
	text-align: left;
	bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.carousel-indicators {
	bottom: 0;
	right: 30px;
}
.spacer40 {
	width: 100%;
	height: 40px;
}
.navbar-right {
float: right!important;
margin-right: 15px;
}
}
.txt24_red {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	/*color: #e3232a;*/
	color: #274488;
	font-weight: bold;
	line-height: 1em;
}
.txt24_red_en {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #e3232a;
	font-weight: bold;
	line-height: 1em;
}
.txt24_wh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
}.txt30_wh {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 30px;
	/*color: #fff;*/
	color: #274488;
	font-weight: bold;
	line-height: 1em;
}
.txt36_wh {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	/*color: #fff;*/
	color: #274488;
	font-weight: bold;
	line-height: 0.8em;
}
.txt24_wh {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	/*color: #fff;*/
	color: #274488;
	font-weight: bold;
	line-height: 1em;
}.txt18_wh {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	/*color: #fff;*/
	color: #274488;
	line-height: 1em;
}
.txt12_wh,.txt12_wh a:link,.txt12_wh a:visited{ 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	/*color: #afafaf;*/
	color: #274488;
	font-weight: bold;
	line-height:1.2em;
}.txt12_wh a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	/*color: #e3232a;*/
	color: #274488
	font-weight: bold;
}
.txt11_wh {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	/*color: #afafaf;*/
	color: #274488;
	text-decoration: none;
}
.txt11_gray {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.txt11_wh:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	/*color: #afafaf;*/
	color: #274488;
	text-decoration: none;
}
.bg_reddot {
	background-image: url(../images/bg_reddot.gif);
	background-repeat: repeat;
}
.carousel-control.right {
	background-image: url(../images/1pix.gif);
	background-repeat: repeat;
}
.carousel-control.left {
	background-image: url(../images/1pix.gif);
	background-repeat: repeat;
}
.line {
	background-image: url(../images/bg_reddot_line.gif);
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	height: 19px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
.h255 {
	height: 255px;
}
.h205 {
	height: 305px;
}
.thumb_p1 {
	position: relative;
	width: 100%;
	margin: auto;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	display:block;
	padding:1px;
	border: none;
}
.thumb_p1:hover {
	z-index:9;
	padding:0;
	/*border: 1px solid red;*/
	border: 1px solid #274488;
}
.thumb_p1 .caption {
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/bg_reddot.gif);
	background-repeat: repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.thumb_p1 .detail {
	position: absolute;
	top: 0px;
	left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	/*color: #e3232a;*/
	color: #274488;
	font-weight: bold;
	line-height: 1em;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

@media screen and (min-width: 992px) {
.h205 {
	height: 205px;
}
.thumb_p1 {
	vertical-align: middle;
	position: relative;
	width: 100%;
	margin: auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.thumb_p1 :hover {
	z-index:9;
	/*border: 1px solid red*/;
}

.thumb_p1 .caption {
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/bg_reddot.gif);
	background-repeat: repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
}

div.projects_menu{
	padding-bottom: 0px;
	padding-top: 10px;
	z-index:2;
}

div.pmenu a:link, div.pmenu a:visited {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #4a4a4a;
	text-align: center;
	padding: 10px;
	margin-right:10px;
	text-decoration: none;
	display: block;
	width: auto;
}div.pmenu a:hover{
	color: #ffffff;
	background-color: #CB2929;
}

div.pmenu_active a:link, div.pmenu_active a:visited {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #CB2929;
	text-align: center;
	padding: 10px;
	margin-right:10px;
	text-decoration: none;
	display: block;
	width: auto;
}
.left{
	text-align:left;
}.right{
	text-align: right;
}
#project_thumb,#project_thumb_nav{
	display:block;
}
#project_list,#project_list_nav{
	display:none;
}.w100{
	width:100%;
}.box{
	/*background-color:#484848;*/
	background-color: #dfdede;
	border:none;
}.people{
	position: relative;
	height:400px;
	margin: auto;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	display:block;
	padding:1px;
	border: none;
}