/*//////////////Car/////////////////*/
.image_sub {
	overflow:hidden;
    position: absolute;
	/*/////////////-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);///*/
}
.image_sub .imgB {
    top: 0;
    left: 0;
    position: relative;
    opacity: 1;
}
.image_sub .imgT {
	top: 0;
	left: 1px;
	position: absolute;
	/*//////////////scale การขยายภาพ/////////////////*/
    -webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	/*//////////////ความเร็วเมื่อวาป /////////////////*/
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0;
}

.image_sub .ovrly {
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.image_sub .buttons {
    position: absolute;
    top: 50%;
    left: 50%;   
}

.image_sub:hover .imgT {
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.image_sub:hover .ovrly {
    opacity: 1;
}
.image_sub:hover .buttons .fa {
    opacity: 1;
}


/*/////////////////////////////*/
/*////////////Truck font have bg/////////////////*/
.image_sub .dtl {
	z-index:99999;
	background:#044577;
	position: absolute;
	height: 16%;
	font-family:ThaiSansLite;
	top: 280px;  /*////// ตำแหน่งเริ่มต้นการเคลื่อน เมื่อเอาเม้าท์วาง /////////////*/
	left: 360px;
	opacity: 0;
	padding: 0 15px;/*////พื้นที่ background ตัวอักษร /////*/
	/*////// visibility: hidden;//*/
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
		
}
.image_sub .dtl h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 1;
}

/*////////////// ตำแหน่งการเคลื่อน เมื่อเอาเม้าท์วาง ///////////////*/
.image_sub:hover .dtl {
    visibility: visible;
    opacity: 1;
    left: 280px;
    top: 110px;
}

/*/////////////////////////////*/
/*////////////Truck no bg/////////////////*/

.image_sub .dtl2 {
	z-index:99;
	position: absolute;
	font-size:30px; 
	font-family:ThaiSansLite;
	color:#044577;
	opacity: 1;
	padding: 0 15px;/*////พื้นที่ background ตัวอักษร /////*/
	/*////// visibility: hidden;//*/
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.image_sub:hover .dtl2 {
    visibility: visible;
    opacity: 0;
    left: 200px;
    top: 200px;
}

/*/////////////////////////////*/
/*////////////Pick Up bg/////////////////*/
.image_sub .dtle {
	z-index:999999;
	background:#41acf0;
	position: absolute;
	height: 16%;
	font-family:ThaiSansLite;
	top: 50px;  /*////// ตำแหน่งเริ่มต้นการเคลื่อน เมื่อเอาเม้าท์วาง /////////////*/
	left: 300px;
	opacity: 0;
	padding: 0 15px;/*////พื้นที่ background ตัวอักษร /////*/
	/*////// visibility: hidden;//*/
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	
}
.image_sub .dtle h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 1;
}

/*////////////// ตำแหน่งการเคลื่อน เมื่อเอาเม้าท์วาง ///////////////*/
.image_sub:hover .dtle {
    visibility: visible;
    opacity: 1;
    left: 120px;
    top: 140px;
}

/*/////////////////////////////*/
/*////////////Pick Up bg no bg/////////////////*/

.image_sub .dtle2 {
	z-index:99;
	position: absolute;
	font-size:30px; 
	font-family:ThaiSansLite;
	color:#41acf0;
	opacity: 1;
	padding: 0 15px;/*////พื้นที่ background ตัวอักษร /////*/
	/*////// visibility: hidden;//*/
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.image_sub:hover .dtle2 {
    visibility: visible;
    opacity: 0;
    left: 180px;
    top: 200px;
}