@import url("../fonts/supermarket/supermarket.css");

@import url("../asset/foundation/css/foundation.css");


@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch&display=swap');


.np_regular{

	font-family: 'NP-Naipol-All-in-One-Regular';

}



.np_bold{

	font-family: 'NP-Naipol-All-in-One-Bold';

}



.rsu_regular{

	font-family: 'RSURegular';

}



.rsu_light{

	font-family: 'RSULight';

}



.rsu_bold{

	font-family: 'RSUBold';

}



.webfont{

	font-family: tahoma;

}



.tahoma{

	font-family: tahoma !important;

}



body{

	color: #333;

	font-size: 14px;

	/*min-width: 1100px;*/
	background-color: #ffffff;
	/*font-family: 'thaisansneue';*/

}



a:link, a:visited{
	color: #F94B29;
	/* color: #000000; */
    

}



a:hover{

	color: #CE0000;

}



.preloading{

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-color: #fff;

	z-index: 100;

	overflow: hidden;

	-webkit-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);

	-moz-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);

	-ms-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);

	-o-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);

	transition: all 800ms cubic-bezier(0.445,.050,.55,.95);

	-webkit-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);

	-moz-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);

	-ms-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);

	-o-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);

	transition-timing-function: cubic-bezier(0.445,.050,.55,.95);

}



.preloading.fade {

	z-index: -1;

	position: fixed;

	opacity: 0;

}



.preloading span {

	display: block;

	width: 90%;

	height: 50%;

	position: absolute;

	top: 20%;

	left: 50%;

	margin-left: -45%;

	text-align: center;

	background: url(../images/loading.gif) center center no-repeat;

	text-indent: -9999px;

}
#page-content{
	background-color: #E6E6E6;
	border-bottom: 5px solid #012B5B;
	    min-height: 450px;
}
/* SLIDER */

#slider{

	height: 394px;

	background: #222;

	overflow: hidden;

}

.fs_loader{

	width:1349px; height:394px;

}



.row{

	/*max-width: 950px !important;*/

	max-width: 1080px !important;


}



.column, .columns{

	padding-left: 0.5rem;

	padding-right: 0.5rem;

}



.column.nopadding, .columns.nopadding{

	padding-left: 0;

	padding-right: 0;

}



.scrollToTop {

	width: 48px;

	height: 48px;

	padding: 10px;

	text-align: center;

	font-weight: bold;

	color: #444;

	text-decoration: none;

	position: fixed;

	bottom: 15px;

	right: 15px;

	background: url('../images/scrolltop.png') no-repeat center;

	z-index: 5;

	cursor: pointer;

	display: none;

}



.rootContainer{

	/*min-width: 1150px;*/

	margin: auto;

}



h1, h2, h3, h4, h5, h6 {

	/*font-family: thaisansneue;*/
	font-family: 'Chakra Petch', sans-serif;

	letter-spacing: 1px;

	word-spacing: -3px;

}



h1.tahoma, h2.tahoma, h3.tahoma, h4.tahoma, h5.tahoma, h6.tahoma{

	letter-spacing: 0px;

}

.font16{

	letter-spacing: 0px;

	font-family: tahoma !important;

	font-size: 16px;

}

.font14{

	letter-spacing: 0px;

	font-family: tahoma !important;

	font-size: 14px;

}

.font12{

	letter-spacing: 0px;

	font-family: tahoma !important;

	font-size: 12px;

}



.off-canvas-wrap{



}



/* HEADER */

#header{

	position: relative;

    /*padding: 13px 0;*/

    z-index: 2;

    background: url(../images/header_menu.jpg) no-repeat;

    background-size: 100% 100%;

    background-position:right top; 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );

}



#header_outer{

    

    position: relative;

}



.course-item table,.course-item th,.course-item td{
	border: 1px solid #000;
	border-collapse: collapse;
	
}
.course-item td{
	padding: 5px;
	font-size: 14px;
}
.course-item th{
	padding: 3px;
	background-color: #014A7D;
	color: #ffffff;
	font-weight: normal;
	font-family: 'thaisansneue';
}
.imgdisible{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
}

.course-regis-title{
	padding: 5px 10px;
	background-color: #014A7D;
	border-radius: 3px;
	color: #ffffff;
	width: fit-content;
	margin: 20px;
}
.button-send{
	padding: 5px 10px;
	background-color: #014A7D;
	border-radius: 3px !important;
	border: none;
	color: #ffffff;
	width: fit-content;
	margin: 10px;
	font-family: 'thaisansneue';
}
.button-back{
	padding: 6.5px 10px;
	background-color: #777;
	border-radius: 3px;
	color: #ffffff;
	width: fit-content;
	margin: 10px;
	height: 34px;
	font-family: 'thaisansneue';
}
.button-back a{
	color: #ffffff;
}
.button-back a:hover{
	color: #ffffff;
}
.table-course{
	width: 50%;
}


/* MENU old

#menu{

	text-align: right;

	position: relative;

    top: -60px;

    margin-bottom: -60px;

}

#menu .header_contact{



	font-family: tahoma;

	color: white;

	font-size: 14px;

	margin-top: 0;

	margin-right: -8px;

}

#menu #cssmenu{

	font-size: 0;

	margin-top: 5px;

}

#menu > ul{

	list-style: none;

	margin: 0;

	padding: 0;

}

#menu > ul li{

	display: inline-block;

	width: 500px;

}

#menu > ul li a{

	display: inline-block;

	padding: 3px 8px;

	color: #333;

	

	z-index: 2;

	position: relative;

	font-weight: 200;

}

#menu > ul li:not(:last-child):before{

	content: '|';

	color: #bbb;

	font-family: tahoma;

	font-size: 13px;

}

#menu > ul li:last-child a{

	padding-right: 0;

}

#menu > ul li.active a{



}

.menu_mb{

	position: relative;

	text-align: center;

	margin: -7px 0;

}



.menu_mb .hamburger{

	position: absolute;

	width: 40px;

	height: 40px;

	left: 10px;

	top: 5px;



}



#cssmenu > ul > li > a{

	padding: 0 0 0 17px;

	color: white;

}



#cssmenu ul > li.active a{

	color: #99CCFF;

}*/

/* MENU new*/



	.menu{

		text-align: right;

		margin: 0;

		font-family: 'thaisansneue';

		/*letter-spacing : 1px;*/

		position: relative;

		top: -40px;

    	/*margin-bottom: -60px;*/

    	display: block;

	}

	.header_contact{


		z-index: 999;
		font-family: 'thaisansneue';

		/*font-weight: bold;

		letter-spacing : 1px;*/

		color: white;

		font-size: 13px;

		height: 42px;

		position: absolute;
	    right: 0px;
	    top: -20px;
	    padding: 7px 40px 0 40px;

		background: url(../images/header_tel.png) no-repeat;

    	background-size: 330px;



	}





	.menu>li{



		display: inline-block;

		margin-left: 16px;

		/*text-shadow: 0.3px 0.7px 4px black;*/

	}

	.menu li a{

		font-size: 14px;

		color: #000;
		display: inline-block;
		font-weight: bold;

	}

	.menu>li>a:hover, .menu>li>a.active{

		/*color: #0000B2;*/

		 border-bottom: 2px #FF2E01 solid;

	}

	/*.menu>li>a.active{

		font-weight: 50;

		color: #60dbf6;

	}*/

	.menu .submenu{

		text-align: left;

		z-index: 101;

	}

	.menu .submenu li{

		margin: 0;

	}

	.menu .submenu li:not(:last-child) {

		border-bottom: white;

	}

	.menu .submenu a{

		display: block;

		width: 175px;

		/*font-family: 'mplus-2m-regular';*/

		/*font-weight: bold;

		letter-spacing : 1px;*/

		font-size: 11px;

		color: #fff;

		
		background: #FF8B00;

		padding: 3px 8px;

		line-height: 20px;

		text-align: left;

		/*text-shadow: 1px 1px 1px #555;*/

	}

	.menu .submenu a:hover{

		background: #0101B1;

		color: white;

		/*font-family: 'mplus-2m-regular';*/

		/*font-weight: bold;

		letter-spacing : 1px;*/

		/*text-shadow: 0px 0px 1px #555;*/

	}

	.language .contact, .language .lang{

		display: inline-block;

		margin-bottom: 10px;

	}

	.language .contact{

		background: #bbb;

		padding: 2px 12px;

		border-radius: 10px;

		margin-right: 5px;

		box-shadow: inset 0 0 10px #999;

	}

	.language .contact a{

		color: #fff;

	}

	.language .lang a{

		color: #777;

	}

	.menu_mb{
	position: relative;
	text-align: center;
	
	}

	.menu_mb .hamburger{
		position: absolute;
		width: 40px;
		height: 40px;
		left: 10px;
		top: 10px;
		/*background: rgba(0, 0, 0, 0.3);*/
		/*padding: 0 3px;*/
	}







/*  SLIDE STYLE  */

#slide_bg{

	background: url(../images/slide_bg.jpg) no-repeat;

	background-size: cover;

	position: relative;

	/*box-shadow: 0 0 20px #aaa;*/

	/*min-height: 200px;*/

	position: relative;

}



.camera_target_content:after{

	content: " ";

	position: absolute;

	width: 100%;

	height: 100%;

	background: url("../images/slider/overlay.png");

	top: 0;

	opacity: 0.1;

	overflow: hidden;

	left: 0;

	top: 0;

	z-index: 1;

	display: none;

}



.camera_wrap .camera_pag .camera_pag_ul{

	text-align: center;

	position: absolute;

	width: 100%;

	margin-top: -55px;

}



.camera_fakehover{

	height: 100%;

	position: relative;

	display: block;

}



.camera_fakehover:after{

	content: ' ';

	padding-bottom: 32%;

	display: block;

	width: 100%;

	top: 0;

}



/* FOOTER */
.footer_logo img {
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 1.5px 0;
    border-radius: 3px;
}

#footer{

	

	/*background: url(../images/footer.png) no-repeat top left;

	

	background-size: 300px ;*/



	bottom: 0;

	padding: 20px 0;

	font-size: 13px;

	color: #5B5B5B;

	font-family: tahoma;

}



#footer a{

	color: #5B5B5B;

	/*text-decoration: underline;*/

}



/**************** PROJECT GALLERT ***************/

#gallery {



	float: left;

}

#gallery .list{

	float: left;

	width: 23.5%;

	margin: 2% 2% 0 0;

	position: relative;

}

#gallery .listfirst{

	/*float: left;*/

	width: 96.7%;

	margin: 0 1.25% 0.75% 0;

	position: relative;

	display: inline-block;



}



#gallery .list{

	float: left;

    width: 150px;

    margin: 0.1% 0.1% 0.1% 0.1%;

    padding: 5px 5px;

    position: relative;

    display: inline-block;



}

#gallery .list .thumb{

	background: #fff;

}



#gallery .list .thumb:after{

	content: " ";

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/icon_plus_s.png) no-repeat center;

	background-size: 30%;

	top: 0;

	left: 0;

	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;	

}



#gallery .list .thumb:hover:after{

	background-size: 25%;

	opacity: 0.7;

}



#gallery .list img{

	width: 100%;

	height: 130px;

	border: 1px solid #ccc;

	padding: 3px;

	border-radius: 3px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;	

}



#gallery .list img:hover{

}



#gallery .list:nth-child(4n+4){

	margin-right: 0;

}



#gallery .list img{

	display: block;

}
.imground {
    border-radius: 8px;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.photo-small {
    text-align: center;
    margin-top: 20px;
}


/* PAGE */

.pagecontent{

	padding: 30px 0;

	background: white;

	position: relative;

}



.pagecontent:before, .pagecontent:after{

	/*content: '';*/

	width: 100%;

	height: 100%;

	left: 0;

	position: absolute;

	z-index: 1;

}



.topbg{

	top: 0;

	/*background: url(../images/bg_product_home.png) no-repeat top;

	background-size: 100% 100%;*/

	/*min-height: 1032px;*/
	background-position: top ;
	background-color: #d1d2d7;

}


.pagecontent.introbg{

	top: 0;

	/*background: url(../images/tab_orange.png) no-repeat ;*/
	background-color: #F3F3F3;
	background-size: 100% 100%;

	background-position: bottom;
	/*font-family: 'thaisansneue';*/
	font-family: 'Chakra Petch', sans-serif;

}

.pagecontent.indexbg{

	top: 0;

	background: url(../images/bgblue.jpg) no-repeat ;
	/*background-color: #F3F3F3;*/
	background-size: 100% 100%;

	background-position: bottom;
	/*font-family: 'thaisansneue';*/


}



.pagecontent.bottombg{

	top: 0;

	background: url(../images/bg_news_home.png) no-repeat ;

	background-size: 100% 100%;

	background-position: top;
	  

}
.itemtraining{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,c9c9c9+100 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #c9c9c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */

	width: 100%;
	border: 1px solid #ffffff;
	border-radius: 10px;
	margin-bottom: 25px;
	 display: table;
}
.itemtraining .formiddle{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}
.itemcoursepro{
	

	width: 100%;
	
	border-radius: 10px;
	margin-bottom: 25px;
	 display: table;
}
.itemcoursepro .title a{
	font-weight: normal; 
}
.itemcoursepro .formiddle{
	
}
.topicindex{
	color: #FFFFFF;
	font-size: 26px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #014A7E;
	width: fit-content;
    padding: 2px 13px;
    border-radius: 10px;
    font-family: 'thaisansneue';
}
.topic{

	height: 57px;

	background: url(../images/new/topic.png) no-repeat;

	margin-top: -30px;

	display: block;

	color: white;





}

.topic span{

	font-family: tahoma;

	font-size: 35px;

}
#indexitem .title{
	text-align: left;  
	font-weight: normal !important; 
	margin-top: 10px;
	margin-bottom: 30px; 
	/*font-family: 'thaisansneue';*/
}


.pagecontent .innerpagecontent{

	position: relative;

	z-index: 2;

}





.home_vdo{

	/*background: url(../images/bg_vdo_home.jpg) no-repeat top left;

	background-size: 850px ;*/

	margin-top: 30px;

	text-align: center;



}



/* SIDE MENU */

#sidemenu{



	background-color: #fff;

	background-size: 100% auto;

	background: url(../images/bgour-products.png) no-repeat left;

	background-size: 100% ;

	/*font-family: 'FFDINProCond-Regular' !important;*/

	/*font-weight: bold;

	letter-spacing : 1px;*/



	/*color: #575757;*/

}



#sidemenu a{

	/*color: #575757;*/

}



#sidemenu .side_product_list ul{

	/*list-style: none;*/

	list-style-type: none;

	font-size: 22px;
    letter-spacing: 1px;
    font-family: 'thaisansneue';

}



#sidemenu .side_product_list ul li a{

	display: block;

	padding: 0 0 0 0;

	font-size: 18px;

}



#sidemenu .side_product_list li:hover >a{

	color: #FF8B00;

	font-weight: bold;

}

/*#sidemenu .side_product_list li:hover>a, #sidemenu .side_product_list a.active {

	color: #136CAF; 

}*/



#sidemenu .side_product_list ul li{

	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);

}



#sidemenu .side_product_list ul li a:before{

    /*content: "\f111";*/

    color: #989898;

   /* font: normal normal normal 3px/1 FontAwesome;*/

    font-size: 3px;

    position: relative;

    top: -1px;

    margin-right: 8px;

}



#sidemenu .side_product_list ul li ul{

	/*list-style: none;*/

	list-style-type: disc;

	padding: 0;

	font-size: 13px;

}



a.menu_active{



	/*color:  #136CAF;*/

	color: #FF8B00;

	font-weight: bold;

	

}

.menu_productcat{

	color:  #000000 !important;

	font-weight: 600;

	font-family: 'thaisansneue';

	font-style: italic;

}





#sidemenu .side_product_list ul li  ul li a:before{

    /*content: "\f111";

    color: #000;

    font: normal normal normal 2px FontAwesome;*/

    font-size: 2px;

    position: relative;

    top: -1px;

    margin-right: 8px;

}


.admin_training{
	width: 70%;
	margin: 0 auto;
	line-height: 1;
}
.admin_training .title{
	background: -moz-linear-gradient(top, #3b7cca 0%, #2d5f9c 100%); 
	background: -webkit-linear-gradient(top, #3b7cca 0%,#2d5f9c 100%); 
	background: linear-gradient(to bottom, #3b7cca 0%,#2d5f9c 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7cca', endColorstr='#2d5f9c',GradientType=0 );
}


























#sidemenu .side_news_list ul li  ul li a:before{

    /*content: "\f111";

    color: #000;

    font: normal normal normal 2px FontAwesome;*/

    font-size: 2px;

    position: relative;

    top: -1px;

    margin-right: 8px;

}

#sidemenu .side_news_list ul{

	/*list-style: none;*/

	list-style-type: disc;

	font-size: 16px;

}



#sidemenu .side_news_list ul li a{

	display: block;

	padding: 0 0 0 0;

	font-size: 13px;

}



#sidemenu .side_news_list li:hover >a{

	color: #25387a;

	font-weight: bold;

}

#sidemenu .side_news_list li:hover>a, #sidemenu .side_news_list a.active {

	color: #FF8B00; 

}



#sidemenu .side_news_list ul li{

	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);

}



#sidemenu .side_news_list ul li a:before{

    /*content: "\f111";*/

    color: #989898;

   /* font: normal normal normal 3px/1 FontAwesome;*/

    font-size: 3px;

    position: relative;

    top: -1px;

    margin-right: 8px;

}



#sidemenu .side_news_list ul li ul{

	/*list-style: none;*/

	list-style-type: disc;

	padding: 0;

	font-size: 13px;

}



#sidemenu .side_news_list a.menu_active{



	/*color:  #136CAF;*/

	color: #FF8B00;

	

}




/*



#sidemenu .side_border_white ul{

	list-style: none;

	margin: 0;

	padding: 0;

	font-family: tahoma;

}



#sidemenu .side_border_white ul li a{

	display: block;

	border: 1px solid #fff;

	border-radius: 5px;

	margin-top: 15px;

	text-align: center;

	padding: 8px 15px;

}



#sidemenu .side_border_white ul li.dark a{

	background: #004382;

}



#sidemenu .side_border_white ul li a:hover, 

#sidemenu .side_border_white ul li.active a{

	background: rgba(255, 255, 255, 0.95);

	color: #004382;

}



/* INDEX */

.index_production, .index_products{

	margin-left: -8px;

	margin-right: -8px;

}



.index_production .item{

	width: 20%;

}



.index_production .item:last-child{

	margin-right: 0;

}



.index_products .thumb{

	border: 1px solid #ddd;

	margin-bottom: 10px;

}



.index_work_section{

	margin-bottom: -15px;

}



.index_work_section .item{

	margin-bottom: 15px;

}



.index_work_section .item .title{

	font-weight: 600;

	font-size: 18px;

}



.lastestnews_list{

	

}



.lastestnews_list ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



.lastestnews_list ul li a{

	display: block;

	padding: 10px 10px;

}



.lastestnews_list ul li a:before{

    /*content: "\f111";*/

    font: normal normal normal 14px/1 FontAwesome;

	font-size: 8px;

	position: relative;

	top: -1px;

	margin-right: 10px;

}



.lastestnews_list ul li:not(:last-child){

	border-bottom: 1px solid #eee;

}



.lastestnews_list{

	text-align: center;

	margin-top: 10px;

	margin-bottom: -10px;

}



.lastestnews_list .item{

	margin-bottom: 20px;

}



.lastestnews_list .thumb{

	position: relative;

	margin-bottom: 5px;

}



.lastestnews_list .thumb .date{

	position: absolute;

	bottom: 10%;

	right: 2px;

}



.lastestnews_list .date{

	background: rgba(31, 31, 31, 0.5);

	color: #fff;

	font-size: 12px;

	padding: 3px 8px;

	text-align: center;

	display: inline-block;

	font-family: tahoma;

	border-radius: 5px 0 0 5px;

}



.lastestnews_list .columns:nth-child(3n+1){

    clear: left !important;

}

.home_vdo_section{
	margin-top: 30px;
}
.home_vdo_section .topicindex{
	margin-left: 50px;
}

.home_product_section{


	padding-top: 30px;
	margin: 0 0px;


	padding-right: 90px;



}



.home_product_section .item a{

	margin: 15px 0;

}



.home_product_section .title a{

	display: block;

	text-align: center;

	border-radius: 8px;

	/*font-family:  'FFDINProCond-Regular';*/

	/*font-weight: bold;

	letter-spacing : 1px;

	font-size: 18px;*/
    color: #014A7E;

	

}
.home_product_section .title a:hover{


    color: #CE0000;

	

}







/************* clips *****************/



#service-content .left{

	float: left;

	width: 49%;

	margin-right: 2%;

}



#service-content .right{

	float: left;

	width: 49%;

}



#service-content .titledetail{

	font-size: 22px;

}



#clip-item{
/*
	margin-top: 10px;

	width: 1020px;

	text-align: center;

	font-family: 'FFDINProCond-Regular' !important;

	font-size: 16px;*/
	margin-top: 20px;

}



#clip-item .item{

	/*width: 320px;

	margin: 20px 8px;

	float: left;*/

}



#clip-item .item .thumb{

	-webkit-transition: all .2s ease-out;

	-moz-transition: all .2s ease-out;

	-o-transition: all .2s ease-out;

	transition: all .2s ease-out;	

	position: relative;

}



#clip-item .item .thumb img{

	display: block;

}



#clip-item .item .thumb:after{

	content: ' ';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url('../images/clips/iconVDO.png') center no-repeat;

	/*background-size: 32%;*/

	-webkit-transition: all .2s ease-out;

	-moz-transition: all .2s ease-out;

	-o-transition: all .2s ease-out;

	transition: all .2s ease-out;	

	opacity: 0.8;

}



#clip-item .item .thumb:hover:after{

	opacity: 1;

}







#clip-item .item .clipname{

	margin: 5px 0 0 0;

	text-align: center;

	height: 16px;

	overflow: hidden;

	color: #666;

}



/* CASE */

.case_section{

	/*margin: 0 -7px;*/
	margin-bottom: -17px;

}



.case_section .item{

	/*margin-bottom: 20px;*/

}



.case_section .item .thumb{

	margin-bottom: 10px;

}



.readmore-btn{

	text-align: right;

}



.readmore-btn a{

	background: #2477c4;

	color: #fff;

	padding: 5px 10px;

	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.3);

	border-radius: 3px;

	font-size: 13px;

}



.readmore-btn a:hover{

	background: #555;

}



.readmore-btn a .fa{

	color: rgba(255, 255, 255, 0.7);

}



/* PRODUCTS WITH HOVER MENU TAB */

.index_products .thumb{

	position: relative;

	overflow: hidden;

}

.index_products .thumb:hover .hiden-menu{

	opacity: 1;

}

.index_products .thumb .hiden-menu{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	padding: 15px;

	background: rgba(0, 0, 0, 0.5);

	opacity: 0;

	transition: all 0.5s ease;	

}

.index_products .thumb .hiden-menu li{

	list-style: none;

	margin: 0;

	padding: 0;

	display: block;

}

.index_products .thumb .hiden-menu li a{

	display: inline-block;

	background: #fff;

	margin-bottom: 10px;

	padding: 5px 12px;

	color: #238BC8;

	border-radius: 3px;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.index_products .thumb .hiden-menu li a:before{

	content: "\f0da";

	font: normal normal normal 14px/1 FontAwesome;

	margin-right: 5px;

	color: #FF9654;

}

.index_products .thumb .hiden-menu li a:hover{

	margin-left: 10px;

	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);

}



@media only screen and (max-width: 740px) {

	.index_products .thumb .hiden-menu{

		display: none !important;

	}



		/************* clips *****************/

	#service-content .left, #service-content .right{

		width: 100%;

		margin-right: 0;

	}

	#service-content .right{

		margin-top: 20px;

	}

	#service-content .titledetail{

		font-size: 14px;

	}

}



/* PRODUCTS */

.index_product{

	text-align: center;

	font-size: 0;

}



.index_product .item{

	float: none;

	display: inline-block;

	vertical-align: top;

}



.product_gallery{

	

}



.product_gallery .item img{

	border: 1px solid #ccc;

}



.product_gallery .item:not(:first-child){

	margin-top: 15px;

}



.product_gallery .more{

	position: relative;

}



.product_gallery .more:after{

	content: '';

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(0, 0, 0, 0.4);

	position: absolute;

	pointer-events: none;

}



.product_gallery .more span{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	text-align: center;

	color: #fff;

	z-index: 1;

	font-size: 30px;

	top: calc(50% - 22px);

	pointer-events: none;

}



.product_detail{

	background: #499BCF;

	background: url(../images/product_detail_bg.jpg) bottom no-repeat #499BCF;

	background-size: 100%;

	color: #fff;

	padding: 30px;

	font-size: 14px;

	border-radius: 4px;

}



.product_detail, .product_detail *{

	color: #fff;

}



.product_detail a{

	color: #fff;

	text-decoration: underline;

}

#right-menu{
	background-color: #014A7D;
	padding: 20px;
	border-radius: 10px;
	margin: 20px 0;
}
#right-menu .boxcontent{
	background-color: #FFFFFF;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

}
#left-menu .head, #right-menu .head {
    color: #333;
    font-size: 19px;
    font-family: 'ThaiSansNeue';
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 15px 15px 0 0;
    text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff;
    /* height: 48px; */
    text-align: center;
    background: rgb(194,194,194);
    background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(221,213,220,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,194,194,1)), color-stop(100%,rgba(221,213,220,1)));
    background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(221,213,220,1) 100%);
    background: -o-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(221,213,220,1) 100%);
    background: -ms-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(221,213,220,1) 100%);
    background: linear-gradient(to bottom, rgba(194,194,194,1) 0%,rgba(221,213,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#ddd5dc',GradientType=0 );
}
.product-item{
	margin-bottom: 20px;
}
.product-item .title, .product-item .title a {
    color: #CE0000;
    font-size: 15px;
}
.product-item .detail-title {
    color: #014A7D;
    font-family: 'ThaiSansNeue';
    font-weight: 700;
}
.download{

	margin-top: 20px;

}



.download .item{

	margin-top: 10px;

	position: relative;

}



.download .item a{

	display: block;

	background: url(../images/download_gray.png) no-repeat center;

	padding: 20px 15px;

	background-size: 100% 100%;

	display: block;

	color: #333;

	max-width: 260px;

	margin: 0 auto;

	padding-left: 50px;

	text-align: center;

	font-size: 18px;

	text-decoration: none;

	position: relative;

	color: #2372A5;

}



.download .item a span{

	color: #666;

	font-size: 13px;

	display: block;

}



.download .item.orange a{

	background: url(../images/download_orange.png) no-repeat center;

	background-size: 100% 100%;

	color: #fff;

}



.download .item.orange a span{

	color: #fff;

}



.download .item.login a{

	padding-top: 12px;

	padding-bottom: 12px;

}



.download .item a:active{

	top: 1px;

}



/* ABOUT */

.director-name{

	width: 100%;

	max-width: 350px;

	text-align: center;

	float: right;

}



/* JOB */

.job-div .item{

	padding: 10px 15px;

	border-bottom: 1px dotted #ccc;

}



.job-div .item .job-date{

	text-align: right;

}



/* PRODUCT LIST */

.product_list{

	margin: 0 -7px;

}

.product_list .item{

	float: left;

}



.product_list .left_col{

	width: 20%;

}



.product_list .right_col{

	width: 80%;

}



.product_list .more{

	text-align: center;

}



.product_list .more a{

	background: #F7F7F7;

	padding: 5px 10px;

	border-radius: 3px;

	font-size: 13px;

	box-shadow: 2px 2px #ddd;

	color: #fff;

}



.product_list .more .fa{

	color: rgba(255, 255, 255, 0.7);

}



/* Product type sub */

.product_type_sub_list{

	margin: 0 -7px;

	margin-bottom: 20px;

}



.product_type_sub_list .item{

	margin-bottom: 10px;

}



.product_type_sub_list .item a{

    display: block;

    padding: 5px 12px;

    color: #1967b1;

    background: #fff;

    text-align: center;

    border: 2px solid #1967b1;

	min-height: 45px;

	line-height: 45px;

    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.08);



}



.product_type_sub_list .item a:hover{

	background: #3188d8;

	color: #fff;

	box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);

}



.product_type_sub_list .item a span{

    display: inline-block;

    vertical-align: middle;

	line-height: normal;

}



/* CONTACT */

.contact-info{

	line-height: 30px;

}

.contact-info .fa{

	width: 20px;

	text-align: center;

	font-size: 16px;

}

.contact-info .fa.fa-mobile{

	font-size: 20px;

}

.contact-info .fa.fa-envelope{

	font-size: 12px;

}

.contact-frm{

	margin: 0 auto;

}

.contact-frm .input {

	padding: 7px !important;

	height: auto !important;

	margin-bottom: 10px !important;

}



/* Product  Page */





.fancygallery img{

	-webkit-transition: opacity 0.2s ease-in-out;

	-moz-transition: opacity 0.2s ease-in-out;

	-ms-transition: opacity 0.2s ease-in-out;

	-o-transition: opacity 0.2s ease-in-out;

	transition: opacity 0.2s ease-in-out;

}



.fancygallery img:hover{

	opacity: 0.7;

}



.tbl_scroll {

    overflow-x: auto;

    white-space: nowrap;

}

.tbl_scroll table {

    width: auto;

	/*table-layout: fixed;*/

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;	

}



.tbl_scroll table thead, .tbl_scroll table .thead{

	background: #F7E1E1;

	background: #EFF7FF;

}





.tbl_scroll table th{

	text-align: center;

}



.tbl_scroll table th, .tbl_scroll table td {

    border: 1px solid #ccc;

    vertical-align: middle;

	padding: 5px !important;

}



@media only screen and (max-width: 40.063em) {

	.tbl_scroll table{

		width: auto !important;

		overflow-x: scroll;

	}

}



/* ALL */



.boxcontent{





}



.boxcontent.roundborder{

	/*border-radius: 5px;*/

}



.boxcontent.whitebg{

	background: #fff;

	border: 1px solid #ddd;



}

.whitebg{
	background: #fff;

	border: 1px solid #ddd;
}

.boxcontent.marginbottom{

	margin-bottom: 15px;

}



.boxcontent .paddingcontent{



	padding: 20px 20px 20px 20px;



}





.boxcontent2{

	/*width: 780px;*/

	/*height: 498px;*/

	vertical-align: middle;

	text-align: center;

	/*padding-bottom: 15px;*/
	/*margin-bottom: 15px;*/
	

}





.boxcontent2.roundborder{



}



.boxcontent2.whitebg{

	background: #fff;

	border: 1px solid #ddd;

}



.boxcontent2.marginbottom{

	margin-bottom: 15px;

}

.boxcontent2 .paddingcontent{


	 padding: 27px 0px 0px 0px;
	text-align: center;

}

.boxcontent3{

	/*width: 780px;*/

	/*height: 475px;*/

	vertical-align: middle;

	text-align: center;

	margin-bottom: 15px;

	

}

.boxcontent3.whitebg{

	background: #fff;

	border: 1px solid #ddd;
	border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}



.boxcontent3.marginbottom{

	margin-bottom: 15px;

}

.boxcontent3 .paddingcontent{



	text-align: center;

}

.product_img{



	float: left;

	width: 300px;

	/*height: 300px;

	background-color: #E2E2E2;*/

	margin-left: 20px;

	margin-top: 20px;

	display: table;

	

}

.product_title{

	

	font-family: tahoma;

	font-size: 14px;

	font-weight: bold;

	

	



}

.item_product_detail{





}

.product_btn_download{



    display: inline-block;

    background: #34AEA3;

    color: #333;

    text-align: center;

    padding: 2px 8px;

    margin-top: 5px;

    border-radius: 10px;

    font-weight: bold;

    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);

    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(198,198,198,1) 100%);

}

.product_content{

	width: 360px;

	margin-left: 40px;

	float: left;

	text-align: left;

	margin-top: 20px;

}





.headstyle{

	text-align: center;
	font-size: 22px;

	
	/*letter-spacing: 0.6px;*/

	color: #25387a;

	/*border-radius: 5px 5px 0 0;*/

	overflow: hidden;

	position: relative;

    margin-bottom: -1px;	

    font-family: tahoma;



}



.headstyle span{

	display: inline-block;

	background: url(../images/head_products.png) no-repeat left;

	background-size: 100% 100%;

	padding: 7px 15px;

	position: relative;

	float: left;

	height: 50px;
	width: 100%;
	color: #ffffff;


}

.headstyle3{

	font-family: tahoma;

	font-size: 22px;

	letter-spacing: 0.6px;

	color: #cb2026;

	overflow: hidden;

	position: relative;

    margin-bottom: -1px;	

}

.headstyle3 span{

	display: inline-block;

	background: url(../images/headour-products.png) no-repeat left;

	background-size: 100% 100%;

	padding: 7px 15px;

	position: relative;

	width: 100%;

	height: 50px;
	text-align: center;
	color: #ffffff;

}



.headstyle.halfwidth .line{

	content: '';

	/*position: absolute;*/

	width: 100%;

	max-width: 100%;

	height: 4px;

	top: 0;

	right: 0;

	background-color: #d7d7d7;

	/*background: url(../images/menuhead_line.png) no-repeat top right;*/

	/*background-size: 100% auto;*/

}

/*

.headstyle.halfwidth span:after{

	content: '';

	position: absolute;

	width: 50px;

	height: 100%;

	top: 0;

	right: -50px;

	background: url(../images/menuhead_angle.png) no-repeat top left;

	background-size: auto 100%;

}
*/


.headstyle3.fullwidth span{

	display: block;

}



.headstyle3.halfwidth .line{

	content: '';

	/*position: absolute;*/

	width: 100%;

	max-width: 100%;

	height: 4px;

	top: 0;

	right: 0;

	background-color: #e63022;

	

}




.headstyle2{

	font-size: 22px;

	font-family: tahoma;

	color: #525252;

	margin: 0 0 10px 0;

	padding: 7px 0;

	/*text-align: center;*/

}



.headstyle2.large{

	font-size: 25px;	

}



.headstyle2.small{

	font-size: 18px;

}



.headstyle2 span{

	display: inline-block;

	position: relative;

}



.headstyle2.line{

	border-bottom: 3px solid #efefef;

}



/*

.headstyle2.line span:after{

	content: '';

	position: absolute;

	width: 100%;

	max-width: 640px;

	left: 0;

	bottom: -10px;

	border-bottom: 3px solid #ddd;

}

*/



.product_item{

	text-align: center;

	padding:5px 5px 5px 25px;

	font-family: 'FFDINProCond-Regular';



}





.product_item .thumb{

	border-radius: 12px;

	/*background-color: #F7F7F7;*/

	/*height: 170px;*/

	text-align: center;

	/*margin-top: 20px;*/

	margin-bottom: 5px;



}



.product_item .thumb:hover{



	/*background-color: #1874B5;*/

}



/* DOWNLOAD */

.download-item{

	padding: 8px 0;

	border-bottom: 1px solid #eee;

}

.download-item:not(:last-child){

	border-bottom: 1px solid #eee;

}



.download-item .title a{

	color: #333;



}



.download-item .downloadd{

	text-align: right;

	font-weight: bold;

}



.download-item .downloadd a .fa{

	color: #444;

	padding-right: 2px;

}





.imgstyle{

	/*padding: 10px 0 0 0;*/

	border-radius: 4px;

}





.table_style table{

    border-collapse: collapse;

    border-spacing: 0;

	font-size: 14px;

}



.table_style td, .table_style th {

    border: 1px solid #ddd;

    text-align: left;

    padding: 8px;

}



.table_style tr:nth-child(even){

	

}



.table_style th {

    padding-top: 11px;

    padding-bottom: 11px;

    background-color: #4CAF50;

    color: white;

}



.table_style .title{

	background: #eff7ff;

}



.table_style ul{

	margin: 0 0 0 25px;

}



.padding5{ padding: 5px; }

.padding10{ padding: 10px; }

.padding15{ padding: 15px; }

.padding20{ padding: 20px; }

.padding25{ padding: 25px; }

.padding30{ padding: 30px; }



.marginbottom0{

	margin-bottom: 0;

}


#fontfooter{
		font-size: 12px;
	}
	




/* PRODUCT */

.product_index .item .title{

	color: #626262;

	font-weight: bold;

	font-family: "tahoma" !important;

	font-size: 12px;

	line-height: 1.5;

}



.product_index .item .price, .product_detail .price{

	color: #666;

	font-size: 12px;

	

}



.product_index .item .saleprice, .product_detail .saleprice{

	color: #FF4200;

	font-weight: bold;

}



.product_index .thumb{



	margin: 0 auto;

}



.product_index .thumb, .product_gallery .thumb{

	position: relative;

}



.product_index .thumb:after, .product_gallery .thumb:after{

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

}



.imgprodthumb{
	padding: 0 1rem;
	margin-bottom: 2rem;
}
.imgprodthumb:nth-child(3n+1){
	padding-left: 0 !important;
}
.imgprodthumb:nth-child(3n+0){
	padding-right:  0 !important;
}



.imghover{

	overflow: hidden;

}



.imghover img{

	display: inline-block;

	-webkit-transition: all .2s ease-out;

	-moz-transition: all .2s ease-out;

	-o-transition: all .2s ease-out;

	transition: all .2s ease-out;

	
	border-radius: 8px; 
	border: 1px solid #808080;


	



}



.imghover:hover img{

	/*transform: scale(1.15);*/

	

}

.imghover img {

filter:alpha(opacity=100);

opacity:1;}

.imghover img:hover{

filter:alpha(opacity=80);

opacity:0.8;





}



.imghover2{

	overflow: hidden;

}



.imghover2 img{

	display: inline-block;

	-webkit-transition: all .2s ease-out;

	-moz-transition: all .2s ease-out;

	-o-transition: all .2s ease-out;

	transition: all .2s ease-out;

}



.imghover2:hover img{

	transform: scale(1.05);

	filter:alpha(opacity=100);

	opacity:1;

}

.paddingboxright{
	padding-left: 1.3rem;
}

#callcenter{

	width: 100%;

	border: 3px solid #E92F30;

	background: url(../images/callcenter.jpg) no-repeat center top #F9F9F9;

	background-size: 100% auto;

	border-radius: 15px;

	min-height: 200px;

	padding: 25px 5px;

	font-size: 13px;

	font-family: 'thaisansneue';

}



#callcenter .content{

	position: relative;

}



#callcenter .callcontent:after{

	content: ' ';

	position: absolute;

	width: 77px;

	height: 50px;

	background: url(../images/gear_red.png) no-repeat;

	right: -10px;

	bottom: -20px;

}



#callcenter: after{



}



#callcenter .icon{

	margin-bottom: 5px;

}



p{

	font-size: 14px;

}



.green{

	color: #5BA34A;

}



.darkgreen{

	color: #286717 !important;

}



.red{

	color: #C42925;

}



.blue{

	color: #238BC8;

}



.darkblue{

	color: #0264BF;

}



.white{

	color: #fff !important;

}



.orange{

	color: #CE0000;

}



.textindent{

	text-indent: 30px;

}



.relative{

	position: relative;

	z-index: 1;

}



.absolute{

	position: absolute;

}



.linediv{

	height: 1px;

	border-bottom: 1px solid #bbb;

}



.clear{

	clear: both;

}



.blankheight5{ height: 5px; }

.blankheight10{ height: 10px; }

.blankheight15{ height: 15px; }

.blankheight20{ height: 20px; }

.blankheight30{ height: 30px; }

.blankheight40{ height: 40px; }

.blankheight50{ height: 50px; }



.embed-container{

	position: relative; 

	padding-bottom: 56.25%; 

	height: 0; 

	overflow: hidden; 

	max-width: 100%; 

	height: auto; 

}



.embed-container iframe, .embed-container object, .embed-container embed{

	position: absolute; 

	top: 0; 

	left: 0; 

	width: 100%; 

	height: 100%; 

}



iframe {

    background: url(../images/loading2.gif) no-repeat center;

    background-size: auto 18%;

    max-width: 100% !important;

}



iframe[src="about:blank"] {

	display: none;

}



.transition{

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

	transition: all .3s ease-out;

}



.text-large{

	font-size: 20px;

}



.text-medium{

	font-size: 22px;

	line-height: 28px;

}



.text-small{

	font-size: 18px;

	line-height: 24px;

}



.text-center{

	text-align: center;

}
.center {
    text-align: center;
}



.hand{

	cursor: pointer;

}



.powerby{

	font-size: 12px;

	opacity: 1;

	/*margin-top: 5px;*/

	opacity: 0.5;

}



table.clear, table.clear tr th, table.clear tr td, 

table.clear tr.even, table.clear tr.alt, table.clear tr:nth-of-type(even){

	background: none;

	margin-bottom: 0;

	padding: 0;

	border: none;

	table-layout: auto;

}



.last_paragraph p:last-child{

	margin-bottom: 0;

}



.breadcrumbs > * {

	text-transform: none;

}



.js-link{

	cursor: pointer;

}

.introfont-top{
	 font-size: 35px;  
	
}

.introfont-bottom{
	 font-size: 24px;
}



/* CKEDITOR*/

.cke_editable, .mce-content-body {

	background: #fff;

	padding: 20px;

}

.ui-tabs {
   padding: 0em; 
   
}
.ui-tabs .ui-tabs-nav {
   
    padding: .2em 0em 0;
}
.ui-tabs .ui-tabs-panel {
    margin-left: 0px;

}

.spare-table{
	border: 1px solid #E1E1E1;
	width: 100%;
	background: #fff;
}
.spare-table .headtable td{
	text-align: center;
	background: #36C2B9;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0;
	border: 0;
}
.spare-table .headcolumn td{
	background: #F94B28;
	text-align: center;
	color: #fff;
	padding: 8px 5px;
	border: 0;
}
.spare-table tr{
	background: #fff;
}
.spare-table tr td{
	padding: 2px 5px;
	font-size: 12px;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.spare-table tr:nth-child(even){
	background: #fff;
}
.spare-table tr:nth-child(odd){
	background: #EBEBEB;
}

.staff_img {
	    border-radius: 0px !important;
	    box-shadow: none !important;
}
.staff_name {
    margin: 10px 0 20px 0;
    font-size: 13px;
    line-height: 18px;
}

@-moz-document url-prefix() {



}



/* max-width 1921px, xxlarge screens */

@media only screen and (max-width: 120.063em) { 



}



/* max-width 1441px, xlarge screens */

@media only screen and (max-width: 90.063em) { 



}



/* max-width 1025px, large screens */

@media only screen and (max-width: 64.063em) {
	#header{
		background: none;
		padding: 10px 0; 
	}
	.admin_training{
		width: 100%;
	}

	#cssmenu > ul > li > a{

		padding: 0 6px;

	}

	.product_list .left_col{ width: 25%;}

	.product_list .right_col{ width: 75%;}

	#formcontact{
		margin-left: 0px !important;
		 padding-right: 9rem !important;
	}
	.home_vdo {
	    margin-top: 20px;
	   
	}
	#menu{

		margin-top: 25px;

		padding: 0 10px;

	}
	.imgprodthumb{
		padding: 0 0.5rem;
		margin-bottom: 1rem;
	}
	.imgprodthumb:nth-child(3n+1){
		padding-left: 0.5rem !important;
	}
	.imgprodthumb:nth-child(3n+0){
		padding-right:  0.5rem !important;
	}
	.boxcontent2 .paddingcontent {
	    padding: 1rem 0px 0px 0px;
	}
	#gallery {
	    float: inherit;
	}
	.product_img {
	   	float: inherit;
	    margin-left: 0px;
	    
	}

	.home_product_section{
		padding-top: 0px;
		padding-right: 0.5rem;
		margin-bottom: 0px;

	}
	.home_vdo_section{
		margin-top: 0px;
	}
	.home_vdo_section .topicindex{
		margin-left: 30px;
	}
	.home_vdo_section .clip-item{
		padding-left: 20px !important;
	}
	#clip-item .clip-item2{
		padding-left: 0.7rem !important;
		padding-right: 0.7rem !important;
	}
	.row {
	  
	    padding: 0 20px;
	}
	

}



/* max-width 950px, large screens */

@media only screen and (max-width: 950px) {

 
	/* .ui-tabs .ui-tabs-nav li a {
	    padding: .5em .3em;
	    font-size: 6px;
	} */
	.ui-tabs .ui-tabs-nav li a {
	    padding: .8em 0.4em;
	    font-size: 8.5px;
	}
}



/* max-width 641px, medium screens */

@media only screen and (max-width: 40.063em) {
	.admin_training .title{
		font-size: 11px !important;
	}
	.admin_training .subtitle{
		/*font-size: 0.5em !important;*/
	}
	.admin_training .spanfix{
		font-size: 0.9rem !important;
	}
	.admin_training .font{
		font-size: 0.5em;
	}
	.admin_training table thead tr th,.admin_training  table tfoot tr th,.admin_training  table tfoot tr td,.admin_training  table tbody tr th,.admin_training  table tbody tr td,.admin_training  table tr td {
	    display: table-cell;
	    line-height: 1.2;
	}
	.admin_training table tr th,.admin_training table tr td {
	    padding-left: 5px;
	    padding-right: 5px;
	   
	}



	
	.course-item table {
	    min-width: 100% !important;
	}
	.course-item th {
	    padding: 1px;
	    font-size: 8px;
	}
	.course-item td {
	    padding: 5px;
	    font-size: 8px;
	}
	.course-item td:nth-child(1) {
	   width: 2%;
	}
	.course-item td:nth-child(2) {
	   width: 9%;
	    font-size: 7px;
	}
	.course-item td:nth-child(3) {
	   width:30%;
	}
	.course-item td:nth-child(4) {
	   width:7%;
	}
	.course-item td:nth-child(5) {
	   width:9%;
	}
	.course-item td:nth-child(6) {
	   width:9%;
	}
	.course-item td:nth-child(7) {
	   width:7%;
	}
	.course-item td:nth-child(8) {
	   width:9%;
	}
	.course-item td:nth-child(9) {
	   width:9%;
	}
	.course-item td:nth-child(10) {
	   width:9%;
	}


	.table-course{
		width: 100%;
	}
	.table-course td{
		width: auto !important;
	}

	.introfont-top{
	 font-size: 25px;  
	
	}

	.introfont-bottom{
		 font-size: 14px;
	}
	.home_vdo {
	    margin-top: 0px;
	   
	}

	#header{

		    padding: 10px 0;
		    background-size: cover;


	}

	.pagecontent{

		/*padding: 10px 0;*/

	}

	.boxcontent.marginbottom{

		margin-bottom: 10px;

	}

	

	.index_production .item{

		width: 50%;

	}

	.product_gallery .more:after,

	.product_gallery .more span{

		display: none;

	}

	.product_gallery .item:not(:first-child){

		margin-top: 10px;

	}

	.product_detail{

		padding: 15px;

	}

	.download .item a{

		width: 240px;

		font-size: 14px;

		padding: 17px;

		padding-left: 40px;

	}

	.job-div .item .job-date{

		text-align: left;

	}

	.home_product_section{
		padding-top: 0px;
		padding-right: 0.5rem;
		margin-bottom: 0px;

	}
	.home_vdo_section{
		margin-top: 0px;
	}
	.home_vdo_section .topicindex{
		margin-left: 0px;
	}
	.home_vdo_section .clip-item{
		padding-left: 0px !important;
	}

	#clip-item .clip-item2:nth-child(2n+0){
		
		padding-right: 0px !important;
	}
	#clip-item .clip-item2:nth-child(odd){
		padding-left: 0px !important;
		
	}


	.product_list .left_col{ width: 100%; text-align: center; margin-bottom: 10px;}

	.product_list .right_col{ width: 100%; }

	

	.readmore-btn{

		text-align: center;

	}

	.readmore-btn a{

		/*display: block;*/

		font-size: 15px;

	}

	.lastestnews_list .columns:nth-child(3n+1){

		clear: none !important;

	}

	.lastestnews_list .columns:nth-child(2n+1){

		clear: left !important;

	}
	#footerright {
	    text-align: center !important;
	    margin-top: 20px;
	}

	#formcontact{
		margin-left: 20px !important;
    	padding-right: 0rem !important;
	}

	.contactaddress {
	    line-height: 25px;
	    padding-left: 15px;
	}
	
	.product_content {
		width: 100% !important;
		margin-left: 0px;
    	padding: 0 15px;
	}
	.product_content table{
		width: auto !important;
	}
	.download-item .title a {
	   
	    font-size: 11px;
	}
	.item_product_detail p{
	    font-size: 9px !important;
	}
	#fontfooter{
		font-size: 0.5rem;
	}
	
	.paddingboxright{
		padding-left: 0.5rem;
	}
	input[type="text"],input[type="email"], textarea{
		width: 180px;
	}
	#formcontact table td{
		font-size: 11px;
		width: 60px;
	}
	.row {
	  
	    padding: 0 10px;
	}
	#page-content .row {
	  
	    padding: 0px;
	}
	.topicindex {
	 
	    font-size: 20px;
	    border-radius: 7px;
	}

	#right-menu {
	    
	    padding: 8px;
	    border-radius: 15px;
	    
	}
	.imground {
	    /*margin-top: 10px;*/
	}
	.product-item .title, .product-item .title a {
	    font-size: 12px;
	}
	#right-menu .boxcontent {
	 
	    padding: 15px 3px;
	
	}
	.boxcontent .paddingcontent {
	    padding: 0 15px;
	}
	.ui-tabs .ui-tabs-panel {
	  
	    padding:  15px;
	}
	
	.staff_img img {
		width: 100% !important;
		height: auto !important;
	}
	.staff_name {
	    font-size: 11px !important;
	}
	.ui-widget {
	    font-size: 13px;
	}
	.product-item .detail {
	    font-size: 13px;
	    padding-bottom: 15px;
	}
		
	.product-item .title, .product-item .title a {
	    font-size: 12px;
	}
	.indexabout h3 {
	    font-size: 4.5vw;
	}
	h3.orange {
	    font-size: 25px !important;
	}
	.home_product_section .title a {
	  
	    font-size: 10.5px;
	}

}



/* max-width 420px, medium screens */

@media only screen and (max-width: 420px) {

	.index_production .item{

		/*width: 100%;*/

	}

	.readmore-btn a{

		display: block;

	}

}