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

body{
		background:#FFF;
		font-family:Kanit Regular;
		font-size:14px;
		margin-top:80px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
		  width:100%;
		  margin: auto;
}

.navbar-nav li a:hover,
.navbar-nav li.active a {
  color: #3566ab !important;
}

/*    กล่องขอบมนสีเทา    */
.box {
  margin-bottom: 20px;
  padding: 50px ;
  border: 1px solid #dbd9d9;
  border-radius:15px; 
  height: 300px ;
}
/*    ช่องว่าง   */
.bspace {
  margin-bottom: 20px;
  padding: 10px ;
}

/*    ใส่ขอบมนให้รูป    */
.img_radius{
	border-radius: 25px;
}
a.Lwhite:hover {color:white; text-decoration: none; background-color: #037619;}
a.LBwhite:hover {color:#3566ab; text-decoration: none; background-color: #ffffff;}

/*    ปุ่มวงกลมแดง     */
.tag-cloudred {
  display: inline-block;
  color: white;
  padding: 1px 20px;
  border-radius: 25px;
  background-color: red;
}
/*    ปุ่มวงกลมน้ำตาล   */
.tag-cloudbrown {
  display: inline-block;
  color: white;
  padding: 1px 20px;
  border-radius: 25px;
  background-color: #7d5604;
}
/*    ปุ่มวงกลมแดงขยาย    */
.tag-cloudBred {
  display: inline-block;
  color: white;
  padding: 4px 65px;
  border-radius: 25px;
  background-color: red;
}
/*    ปุ่มวงกลมฟ้า     */
.tag-cloudblue {
  display: inline-block;
  color: white;
  padding: 6px 100px;
  border-radius: 25px;
  background-color: #3566ab;
}
/*    ปุ่มวงกลมเขียว    */

.tag-cloudgreen  {
  display: inline-block;
  color: white;
  padding: 6px 50px;
  border-radius: 25px;
  background-color: #037619;


}
a.tag-cloudgreen:hover {color:#FFFFFF; text-decoration: none; background-color: red;}


/*    ปุ่มวงกลมพื้นขาวขอบฟ้า    */
.tag-cloudwbb {
  display: inline-block;
  color: #3566AB;
  padding: 6px 50px;
  border: 1px solid #3566AB;
  border-radius: 25px;
  background-color: #FFFFFF;
}

/*   ฟ้อนขาวใหญ่  มีเงา    */
.txtwhite_big{
font-size:45px;
color:#FFFFFF;text-shadow: 2px 2px 1px #000000;
}
/*   ฟ้อนขาวกลางมีเงา  เอียง   */
.txtwhite_medium{
font-family: 'Kanit Light Italic';
font-size:32px;
color:#FFFFFF;text-shadow: 2px 2px 5px #000000;
}
/*   ฟ้อนขาวเล็ก  มีเงา    */
.txtwhite_xs{
font-size:30px;
color:#FFFFFF;text-shadow: 2px 2px 1px #000000;
}
/*   ฟ้อนขาวเล็ก  มีเงา   เอียง */
.txtilwhite_xs{
font-family: 'Kanit Light Italic';
font-size:25px;
color:#FFFFFF;text-shadow: 2px 2px 5px #000000;
}
/*   ฟ้อนเขียวกลาง  มีเงา    */
.txtgreen_medium{
font-family: 'Kanit Light Italic';
font-size:32px;
color:#5BDE0F;text-shadow: 2px 2px 5px #000000;
}
/*   ฟ้อนเขียวกลาง  มีเงา  */
.txtgreen_medium{
font-family: 'Kanit Light Italic';
font-size:32px;
color:#5BDE0F;text-shadow: 2px 2px 5px #000000;
}
/*   ฟ้อนเขียว24   */
.txtgreen_24{
font-size:24px;
color:#5BDE0F;
}

/*   ฟ้อนเทากลาง   */
.txtgray_medium{
font-size:30px;
color:#676767;
}
/*   ฟ้อนเทาใหญ่   */
.txtgray_big{
font-size:38px;
color:#676767;
}
/*   ฟ้อนแดงกลาง    */
.txtred_big{
font-size:60px;
color:red;
}
/*   ฟ้อนฟ้าใหญ่  */
.txtblue_big{
font-size:45px;
color:#3566AB;
}
/*   ฟ้อนฟ้ากลาง    */
.txtblue_medium{
font-size:30px;
color:#3566AB;
}
/*   ฟ้อนฟ้าเล็ก  */
.txtblue_24{
font-family: 'Kanit Light';
font-size:24px;
color:#3566AB; 
}
/*   ฟ้อนฟ้าเ 18  */
.txtblue_sm{
font-size:18px;
color:#3566AB; 
}
/*   ฟ้อนฟ้า 16  */
.txtblue_16{
font-family: 'Kanit Light';
font-size:16px;
color:#3566AB; 
}
/*   ฟ้อนในช่องติดต่อ   */
.txtcontent_sm{
line-height: 1.8; 
font-size:16px;
font-family: 'Kanit Light';
}
/*   ฟ้อนในfooter    */
.txtfoot_sm{
line-height: 1.5; 
font-size:14px;
font-family: 'Kanit Light';
}
/*   เส้นใต้สีเขียว   */
.udlgreen{

  padding-bottom:4px;
  text-decoration:none;
  border-bottom:5px solid #5BDE0F;
  }
  /*   เส้นใต้สีฟ้า   */
  .udlblue{
    
      padding-bottom:4px;
      text-decoration:none;
      border-bottom:2px solid  #3566AB ;
      }
/*   ฟ้อนดำเล็ก  */
.txtblack_content{
font-size:26px;
color:#000000; 
}
/*   ฟ้อนเทาเล็ก  */
.txtgray_content14{
font-size:14px;
color:#676767; 
}



/*  ช่องขาว ใส่ข้อมูล ติดต่อ    */
.content {
  background: #fff;
  padding: 10px;
  height: 100%;
  width: 65%;
  border-radius: 25px ;
}
#whiteBG1 {
  border: 0px solid black;
  padding: 10px;
  background: #fff;
  border-radius: 25px ;
  height:400px;
}

/*   พื้นหลัง หน้าแรก ช่อง banner bkk   */
#imgBG1 {
  border: 0px solid black;
  padding: 25px;
  background: url(/images/BG_catalog_sw.png);
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 25px ;
  height:250px;
}

#BGbutton {

  padding: 25px;
  border-radius: 25px ;
  height:250px;
  align-content:center;
}

/*   พื้นหลัง หน้าแรก ช่อง ติดต่อ  */
#imgBGcontact {
  border: 0px solid black;
  padding: 25px;
  background: url(/imgNV/company_contact.jpg);
  background-repeat:  repeat;
  background-size: auto;
  height:500px;
  width: 100%;
  align-content: center;
}
/*   พื้นหลัง หน้าแรก ช่อง job  */
#imgBGjob {
  border: 0px solid black;
  padding: 25px;
  background: url(/imgNV/company_banner.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 25px ;
  height:250px;
}
/*   พื้นหลัง หน้าแรก ช่อง job  */
#imgBGMobilejob {
  border: 0px solid black;
  padding: 25px;
  background: url(/imgNV/company_banner.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 25px ;
  height:200px;
}
/*   ตัดคำ  */
.cut-text-multi{
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cut-text-multi5{
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 60px;
  margin-bottom: 20px; 
  }
  
.cut-text-multi10{
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
overflow: hidden;
height: 223px;
margin-bottom: 20px; 
}
.cut-text-multi20{
  display: -webkit-box;
  -webkit-line-clamp: 50;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 60px;
  margin-bottom: 20px; 
  }
/*   เมนูแคตตาล๊อคสินค้า  */
/* The side navigation menu */
.sidebar {
  margin: 0;
  padding: 0;
  overflow: auto;
  box-shadow: 1px 1px 15px #888888;
  border-radius: 5px ;
}

/* Sidebar links */
.sidebar a {
  display: block;
  padding: 3px;
  font-size:20px;
  color:#676767;
  border: 1px solid #FFFFFF;
  text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
  background-color: #04AA6D;
  color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
 
  color: #3566AB;
  border: 1px solid #5BDE0F;
  border-radius: 15px;
  font-size:20px;
}



/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  padding: 1px 16px;
  height: 100%;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;

  }
  .sidebar a {float: left;}
  div.content {margin-left: 0; }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}


#marquee_index {
	color:#1C86EE;
}
.socials { display: inline; float:left; }
.socials a { display: block; width: 27px; height: 28px; float: left; padding:15px; text-indent: -5000px; }
.socials a.facebook { background:url(../../../images/facebook_icon.png) no-repeat 0 0; }
.socials a.twitter { background: url(../../../images/twitter_icon.png) no-repeat 0 0; }
.socials a.email { background: url(../../../images/email_icon.png) no-repeat 0 0; }
.socials a.instagram { background: url(../../../images/instagram_icon.png) no-repeat 0 0; }
.socials a.line { background: url(../../../images/line_icon.png) no-repeat 0 0; }

.form-login input,.form-login button{
	font-size:16px;
	padding:10px;
}
.dropdown-menu{
	font-size:15px;
}
.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}