/* Tesser Ver. 01 */
@import url("blueberry.css");
@import url("head_small.css");
@import url("everything.css");

/* รายละเอียดท่อนบนสุด */
#con-header {position: relative;}
#main-header {
	height: 380px;
	overflow: hidden;
}
	#main-header .container {
		position: absolute;
		left: 50%;
		margin-left: -490px;
		width: 980px;
	}
	#main-header .menutop {
		position: absolute;
		top: 0px;
		width: 100%;
		height: 36px;
		background: url(../image/bg_menutop.png) repeat-x;
		z-index: 222;
	}
#main-header .menutop .home-icon a{
	text-indent: -999999px;
	float: left; margin: 0 0 0 0; padding: 0px 20px;
	display: block; width: 25px; height: 36px;
	background: url(../image/icon-home-menu.png) 0 6px no-repeat;
}
#main-header .menutop .home-icon a:hover {
background: url(../image/icon-home-menu-hover.png) 0 6px no-repeat; width: 25px; height: 36px; display: block;
}
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu { font: normal 14px Arial, sans-serif;  list-style: none;  position: relative;  padding: 0;  margin: 0;}
#mega-menu .sub ul {display: block;}
#mega-menu {width: 100%; height: 36px; position: relative;}
#mega-menu li {float: left; margin: 0; padding: 0; font-weight: bold;}
#mega-menu li a {float: left;  display: block;  color: #888; padding: 8px 25px;  text-decoration: none;
		-webkit-transition-duration:0.5s;
		-moz-transition-duration:0.5s;
		-ms-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		transition-duration:0.5s;
}
#mega-menu li.select {color: color: #A5CD38;}
#mega-menu li.mega-hover a, #mega-menu li.mega-hover a:hover { /* background: #CCC; */  color: #A5CD38;
		-webkit-transition-duration:0.5s;
		-moz-transition-duration:0.5s;
		-ms-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		transition-duration:0.5s;
}
#mega-menu li a:hover { /* background: #999;  */ color: #A5CD38; }
#mega-menu li .sub-container { position: absolute; }
#mega-menu li .sub { background: url(../image/bg_menu_dd.png) 0 -30px repeat-x; padding: 15px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#mega-menu li .sub .row { width: 100%;  overflow: hidden; clear: both; }
#mega-menu li .sub li { list-style: none;  float: none;  /* width: 170px;  */ font-size: 14px;  font-weight: normal;}
#mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0;  float: left;}
#mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
#mega-menu li .sub a {background: none;  color: #6B6C6D;  padding: 7px 10px;  display: block;  float: none;  font-size: 0.9em;}
#mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 15px;  margin-bottom: 5px;  background: #6B6B6B;  text-transform: uppercase;  font-weight: normal;  color: #fff;}
#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000;}
#mega-menu .sub li.mega-hdr li a {padding: 4px 5px; font-weight: normal;}
#mega-menu .sub li.mega-hdr li a:hover {color: #a32403; /* background: #efefef; */}
#mega-menu .sub ul li {padding-right: 0;}
#mega-menu li .sub-container.non-mega .sub {padding: 10px;}
#mega-menu li .sub-container.non-mega li {padding: 0 10px 0 0; /* width: 190px; */  margin: 0;}
#mega-menu li .sub-container.non-mega li a {padding: 0 5px 1px 15px;}
#mega-menu li .sub-container.non-mega li a:hover {color: #A5CD38;  /* background: #efefef; */}
	
	/* แบนเนอร์สไลด์ใหญ่ */
	#main-header .banner-slide .container {
		position: absolute;
/*
		left: 50%;
		margin-left: -490px;
		width: 980px;
*/
		width: 100%;
	}
	#main-header .banner-slide {
		margin-top: 36px;
		width: 100%
/*
		width: 980px;
		height:387px;
*/
		/*
		width: 980px;
		height: 387px;
		background: url(http://www.padaeng.com/assets/img/banner/banner_01.png) center no-repeat;
		*/
	}
	#main-header .bgontop {
		position: absolute;
		width: 100%;
		height: 465px;
		background: url(../image/bg_onheader2.png) center no-repeat;
		bottom: 0px;
		z-index: 1;
	}
	/* รายละเอียดบล็อกซ้าย discription */
	#main-header .bgontop .blog-left { position: absolute; top: 375px; width: 692px; }
	#main-header .bgontop .blog-left .text-discription1 {
		float: left;
		font-size: 18px; color:#fff;
		/* width: 273px; */
		width: 600px;
		height: 50px;
		margin: 18px 0 0 0;
	}
	#main-header .bgontop .blog-left .text-discription1 a {
		color: #fff;
		text-decoration: none;
	}
	#main-header .bgontop .blog-left .text-discription-en {
		float: left;
		font-size: 18px; color:#fff;
		/* width: 273px; */
		width: 600px;
		height: 50px;
		margin: 35px 0 0 0;
	}
	#main-header .bgontop .blog-left .text-discription-en a {
		color: #fff;
		text-decoration: none;
	}
	#main-header .bgontop .blog-left .text-discription2 {
		float: right;
		font-size: 10px;
		line-height: 14px;
		width: 383px; height: 45px; overflow: hidden;
		padding: 0 0 0 10px;
		margin: 37px 10px 0 0;
		border-left: 1px solid #00B7F4;
		color:#46578D;
		}
		
		/* รายละเอียดบล็อกขวา header search & lang */
		#main-header .bgontop .blog-right { position: absolute; top: 375px; right: 0px; width: 288px; }
		#main-header .bgontop .blog-right .search {width: 200px; height: 26px; float: left; margin: 47px 0 0 10px; position: relative;}
		#main-header .bgontop .blog-right input.searchbox {
			width: 170px; line-height: 20px; padding: 2px 10px;
			font-size: 12px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			background: url(../image/bg_searchbox.png) 7px 5px no-repeat #fff;
		}
		#main-header .bgontop .blog-right input.submit {
			background: transparent;
			font-size: 12px; color: #777777;
			width: 50px;
			height: 20px;
			border: 0px;
			margin: -15px 0 0 -60px;
		}
		#main-header .bgontop .blog-right .lang {
			width: 75px; height: 41px;
			float: right; margin: 38px 0 0 0;
		}
		#main-header .bgontop .blog-right .lang .th ,
		#main-header .bgontop .blog-right .lang .en {
			height: 41px;
			overflow: hidden;
			float: left;
			background: url(../image/switch_lang.png) no-repeat;
		}
		#main-header .bgontop .blog-right .lang .th{
			background-position: 0 0;
		}
		#main-header .bgontop .blog-right .lang .th a {
			width: 38px; height: 41px;
			display: block;
		}
		#main-header .bgontop .blog-right .lang .th a.select {
			width: 38px; height: 41px;
			display: block;
			background: url(../image/switch_lang.png) 0 -40px no-repeat;
		}
/*
		#main-header .bgontop .blog-right .lang .th:hover{
			background-position: 0 -40px;
		}
*/
		#main-header .bgontop .blog-right .lang .en {
			background-position: -38px -40px;
		}
		#main-header .bgontop .blog-right .lang .en a {
			width: 37px; height: 40px;
			display: block;
		}
		#main-header .bgontop .blog-right .lang .en a.select {
			background: url(../image/switch_lang.png) -38px 0px no-repeat;
		}
/*
		#main-header .bgontop .blog-right .lang .en:hover {
			background-position: -38px 0px;
		}
*/

#header-home-slide {
	width: 100%; height: 104px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #DDDDDD;
	background: url(../image/bg_head2home.png) repeat-x;
}
#header-home-slide .container {
	position: absolute;
	left: 50%;
	margin-left: -490px;
	width: 980px;
}
#header-home-slide .box692-l {float: left; width: 692px;}
#header-home-slide .logo_infi{float: left; width: 100px; height: 104px; background: url(../image/logo_infi.png) 0 30px no-repeat;}
#header-home-slide #carousel_container {float: right; width: 572px; position: relative; padding: 0 0 0 20px;}

#header-home-slide .container .box288-r {
	position: absolute;
	right: 0px; top: 0px;
	width: 288px;
}

/* รายละเอียดส่วนของ content */
.content {width: 980px; padding: 0px; margin: 0 auto; overflow: auto;}
.content .container {
/*
	position: absolute;
	left: 50%;
	margin-left: -490px;
*/
	width: 980px;
	margin:0 auto;
}

/*** รายละเอียดบล็อกซ้าย ***/
.content .box692-l {
	float: left;
	width: 692px;
}

/* รายละเอียด Tab ทั้ง 4 บล็อก */
.content .box692-l .all-solution .etabs { margin: 0; padding: 0; }
.content .box692-l .all-solution .tab { display: inline-block; zoom:1; *display:inline; float: left;}
.content .box692-l .all-solution .tab a { font-size: 14px; display: block; padding: 0; outline: none; text-indent: -999999px; }
.content .box692-l .all-solution .tab a.tab1 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab1-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab2 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab2-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab3 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab3-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab4 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab4-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.content .box692-l .all-solution .tab a.tab1:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab1-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab2:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab2-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab3:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab3-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab a.tab4:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #73C140;
	background: url(../image/tab4-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution .tab-container div.contz {
	width:169px; height:320px; float:left;
}
.content .box692-l .all-solution .tab-container div.contz:hover {
	border-bottom: 2px solid #A5CD38;
}
/*
.content .box692-l .all-solution .tab.active a.tab1 {
	background: url(../image/tab1-on.png) no-repeat;
	width: 169px; height: 77px; border-bottom: 8px solid #A5CD38;
}
.content .box692-l .all-solution .tab.active a.tab2 {
	background: url(../image/tab2-on.png) no-repeat;
	width: 169px; height: 77px; border-bottom: 8px solid #A5CD38;
}
.content .box692-l .all-solution .tab.active a.tab3 {
	background: url(../image/tab3-on.png) no-repeat;
	width: 169px; height: 77px; border-bottom: 8px solid #A5CD38;
}
.content .box692-l .all-solution .tab.active a.tab4 {
	background: url(../image/tab4-on.png) no-repeat;
	width: 169px; height: 77px; border-bottom: 8px solid #A5CD38;
}
.content .box692-l .all-solution .tab-container div.active div.contz {
	background: #A1CC39;
	width:169px; height:350px;
	float:left; overflow: hidden;
} */

.content .box692-l .all-solution .tab-container div.more a {
	font-size: 11px; color: #A6CE38;
	background: url(../image/icon_morehome.png) right no-repeat; 
	position: absolute;
	padding: 0 25px 0 5px;
	margin: 20px 0 0 0;
}
.content .box692-l .all-solution .tab-container div.more a:hover {
	color: #999999; text-decoration: none;
	background: url(../image/icon_morehome-hover.png) right no-repeat; 
}

.content .box692-l .all-solution .tab a:hover { text-decoration: underline; }
.content .box692-l .all-solution .tab.active { position: relative; top: 0px;}
.content .box692-l .all-solution .panel-container { margin-bottom: 10px; }
.content .box692-l .all-solution .tab-container img {width: 169px; height: 145px;}
.content .box692-l .all-solution .tab-container h2.title  {font-size: 14px; height: 40px; overflow: hidden; font-weight: bold; color: #575747; padding: 10px 0 10px 5px; margin: 0px; line-height: normal;}
.content .box692-l .all-solution .tab-container h2.title:hover {color:#A5CD38}
.content .box692-l .all-solution .tab-container p.detail {font-size: 14px; padding: 15px 0 0 5px; margin: 0px; line-height: 1.4; color: #aaa;}


/* รายละเอียด Tab ทั้ง 4 บล็อกภาษาไทย */

.content .box692-l .all-solution-th .etabs { margin: 0; padding: 0; }
.content .box692-l .all-solution-th .tab { display: inline-block; zoom:1; *display:inline; float: left;}
.content .box692-l .all-solution-th .tab a { font-size: 14px; display: block; padding: 0; outline: none; text-indent: -999999px; }
.content .box692-l .all-solution-th .tab a.tab1 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab1th-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab2 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab2th-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab3 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab3th-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab4 {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab4th-off.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.content .box692-l .all-solution-th .tab a.tab1:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab1th-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab2:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab2th-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab3:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab3th-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab a.tab4:hover {
	width: 169px; height: 83px;
	border-bottom: 8px solid #97C93C;
	background: url(../image/tab4th-on.png) no-repeat;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.content .box692-l .all-solution-th .tab-container div.contz {
	width:169px; height:320px; float:left;
}
.content .box692-l .all-solution-th .tab-container div.contz:hover {
	border-bottom: 2px solid #97C93C;
}

.content .box692-l .all-solution-th .tab-container div.more a {
	font-size: 11px; color: #A6CE38;
	background: url(../image/icon_morehome.png) right no-repeat; 
	position: absolute;
	padding: 0 25px 0 5px;
	margin: 20px 0 0 0;
}
.content .box692-l .all-solution-th .tab-container div.more a:hover {
	color: #999999; text-decoration: none;
	background: url(../image/icon_morehome-hover.png) right no-repeat; 
}

.content .box692-l .all-solution-th .tab a:hover { text-decoration: underline; }
.content .box692-l .all-solution-th .tab.active { position: relative; top: 0px;}
.content .box692-l .all-solution-th .panel-container { margin-bottom: 10px; }
.content .box692-l .all-solution-th .tab-container img {width: 169px; height: 145px;}
.content .box692-l .all-solution-th .tab-container h2.title  {font-size: 14px; height: 40px; overflow: hidden; font-weight: bold; color: #575747; padding: 10px 0 10px 5px; margin: 0px; line-height: normal;}
.content .box692-l .all-solution-th .tab-container h2.title:hover {color:#A5CD38}
.content .box692-l .all-solution-th .tab-container p.detail {font-size: 14px; padding: 15px 0 0 5px; margin: 0px; line-height: 1.4; color: #aaa;}

/*##### รายละเอียด box ด้านขวา #####*/

.content .box288-r {
	float: right;
	width: 288px; min-height: 300px;
}
.content .box288-r .box-widget {
	position: relative;
	min-height: 100px;
	border: 1px solid #DDDDDD;
	background: url(../image/bg_boxwidget.png) repeat-x bottom #fff;
	padding: 10px; margin-bottom: 16px;
}
.content .box288-r .box-widget2 {
	/*position: relative;*/
	min-height: 100px;
	border: 1px solid #DDDDDD;
	background: url(../image/bg_boxwidget.png) repeat-x bottom #fff;
	padding: 10px; margin-bottom: 15px;
}

.content .box288-r .box-widget .settrade {padding: 20px 0 20px 30px}

.content .box288-r .box-widget h3 {font-size: 16px; font-weight: normal; color: #A5CD38; line-height: normal; padding: 0px; margin: 0px 0 10px 0;}
.content .box288-r .box-widget ul {padding:0; margin:0px; list-style: none;}
.content .box288-r .box-widget ul li { font-size: 12px; background: url(../image/bullet01.png) 0 3px no-repeat; padding: 0 0 0 20px; }
.content .box288-r .box-widget ul li a {text-decoration: none; color:#777777;}
.content .box288-r .box-widget ul li a:hover {text-decoration: none; color: #ccc;}

.content .box288-r .box-widget .news-update {padding: 0 0 10px 0;}
.content .box288-r .box-widget .news-update p {padding: 0px; margin: 0px;}
.content .box288-r .box-widget .news-update p.title a {font-size: 12px; color: #002D6D;}
.content .box288-r .box-widget .news-update p.detail {font-size: 11px; color: #545454; line-height: 14px;}

.content .box288-r .box-widget2 ul#slide-vertical {padding:0; margin:0px; list-style: none; }
.content .box288-r .box-widget2 ul#slide-vertical li p {line-height: normal; padding:0 0 10px 0; margin:0px;}
.content .box288-r .box-widget2 ul#slide-vertical li p.detail {line-height: normal; padding:0 0 10px 0; margin:0px; width: 220px;}
.content .box288-r .box-widget2 ul#slide-vertical li p.date {padding: 3px 0 10px 0; line-height: normal; color: #A5CD38;}
.content .box288-r .box-widget2 ul#slide-vertical li p.more {font-size: 11px; width: 85px; height:20px; background: url(../image/icon-more.png) 63px 1px no-repeat;}
.content .box288-r .box-widget2 ul#slide-vertical li { font-size: 12px; line-height: 16px; color: #aaa; background: none; padding: 0 0 0 0;}
.content .box288-r .box-widget2 ul#slide-vertical li a {text-decoration: none; color:#999;}
.content .box288-r .box-widget2 ul#slide-vertical li a:hover {text-decoration: none; color: #ccc;}


/* footer ทั้งหมด */
#footer {
	width: 100%;
	height: 49px;
	font-size: 12px;
	background: url(../image/bg_footer.png) center no-repeat;
}
#footer .container {width: 980px; margin:0 auto; padding: 15px 0 0 0;}
#footer .container .copyright {float: left; color: #fff;}
#footer .container .menu-r {float: right;}
#footer .container .menu-r ul {margin: 0px; padding: 0px;}
#footer .container .menu-r ul li {display: inline; float: left; text-align: right;}
#footer .container .menu-r ul li a {color: #fff; text-decoration: none}
#footer .container .menu-r ul li a:hover {text-decoration: underline;}
#footer .container .menu-r ul li.home {background: url(../image/logo_pdft.png) no-repeat; padding: 0 0 0 40px;}
#footer .container .menu-r ul li.contact{width: 100px;}
#footer .container .menu-r ul li.job {width: 130px;}
#footer .container .menu-r ul li.sitemap {width: 80px;}

/*** style content ด้านในทั้งหมด ***/

#navbar {
	width: 100%; height: 30px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #DDDDDD;
	background: url(../image/bg_navbar.gif) repeat-x;
}

.ct {text-align: center;}