@charset "utf-8";
/* CSS Document */
body{
	background:#1d1c1f;
}
.page{
	background:#fff;
}
header{
	background: #1e5792;
}
.header_top{
	/*padding: 8px 0;*/
	background: #124375;
	/*border-bottom: 1px solid #222;*/
	/*line-height: 18px;*/
}
.top_info{
	padding-top:8px;	
}
.phone-icon {
	margin-top:-10px;
}
span.phone-num{
	position: relative;
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	margin-left:2px;	
	top: 50%;
	transform: translateY(-50%);
}

ul.lang{
	list-style:none;
}
ul.lang li{
	display:inline;
}
ul.lang li a{
	font-size:1.5em;
}
.logo{
	padding-bottom:5px;
	padding-top:5px;
}

/*     inav    */
.navbar-brand,.navbar-nav li a {
	height:60px;
	line-height:40px;
	padding:10px 10px;
	font-size:1.2em;
	color:#ffffff;
}
.navbar-nav li a {	
	text-align:center;
	width:135px;
	border-right:1px solid #393939;
	-webkit-box-shadow:1px 0px 0px 0px rgba(255,255,255,.1);
	-moz-box-shadow:1px 0px 0px 0px rgba(255,255,255,.1);
	box-shadow:1px 0px 0px 0px rgba(255,255,255,.1);
}
.navbar-nav li:last-child a {
	border-right:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar-inverse .navbar-nav>li>a {
	color:#fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
	background-color:#000;
	color:#998f8f;
}
.navbar-inverse .navbar-toggle {
	margin-top:15px;
}

/*  sidebar */
.sidebar{
	margin-top:15px;
	background:#1e5792;
	
}

.sidebar li a{
	border-bottom:1px solid #000;		
	font-size:1.3em;
	color:#fff;
}

.sidebar li a:hover{
	background:#2c66a2;	
}
.margin-top-10{
	margin-top:10px ;
}
/*  slider */
.slider{
	margin-top:15px;	
}
.toppic {	
	margin-bottom:-20px;
	margin-left:5px;
	color: #1318d0;
}
.machine {
	margin-top:-8px;
}
hr {
	color: #1318d0;
	background-color: #1318d0;
	height: 5px;
	
}
article{
	text-align: justify;
    text-justify: inter-word;
}
footer{
	/*background: #124375;*/
}
.address h3 {
	color:#fff;
}
.address p {
	color:#fff;
}
@media (max-width: 768px) {
	.navbar-inverse .navbar-nav>li>a {
		width:100%;
		border-bottom:1px solid #3d3d3d;
		text-align:center;
	}
}
@media (max-width: 1200px) {
	.navbar-nav li a {
		width:120px;
	}
}
@media (max-width: 992px) {
	.navbar-nav li a {
		width:auto;
	}
}


#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

.google-maps {
        position: relative;
        padding-bottom: 56.25%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.panel {
	border:none;
}
.padding10 {
	padding:10px;
}
.breadcrumb {
	margin-top:10px;
}

.padding20 {
	padding:20px;
}
.padding5 {
	padding:5px;
}
.width98 {
	width:98%;
}
span.sendtopic {
	font-size:18px;
}
/* Animation */
.bounceInLeft {
	-webkit-animation-delay: 1s;
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

div#showRSS ul,div#showRSS ul li{
     
}
/* style สำหรับ list รายการ */
div#showRSS ul li{
 
}
/* style สำหรับ link */
div#showRSS ul li a{
    font-family:Arial, "times New Roman", tahoma;
    font-size:16px;
    color:#0000FF;  
    text-decoration:none;
}
/* style สำหรับ link เมื่อเมาส์อยู่เหนือ */
div#showRSS ul li a:hover{
    font-family:Arial, "times New Roman", tahoma;
    font-size:18px; 
    font-weight:bold;
    color:#FF3300;
    background-color:#F5F5F5;
    text-decoration:none;
}
h1.work_header {	
	color: blue;
}
.work_gallery {
	margin-bottom:30px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}