/* -------------------- (034) - PdtBox (PC Mode) -------------------- */
.pdtgbox {
	width:100%;
	height:553px;
	/* margin-top:40px; */
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	/* background:#ffffff; */
	border-top:#f31349 solid 2px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	box-sizing:border-box;
}

.pdtgbox_menu {
	float:left;
	width:200px;
	height:553px;	
	box-sizing:border-box;
	border-right:solid 1px;
}

.pdtgbox_menu_1 {
	float:left;
	width:200px;
	height:100px;	
	box-sizing:border-box;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_menu_1:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_menu_11 {
	display:table-cell;
	padding:10px;
	width:180px;
	height:99px;	
	box-sizing:border-box;
	vertical-align:middle;
	font-family: thaisansneue,Tahoma;
    font-size: 2em;
	text-align:center;
	color:#f31349;
}

.pdtgbox_menu_12 {
	display:table-cell;
	width:20px;
	height:99px;	
	box-sizing:border-box;
	vertical-align:middle;
	font-size: 2em;
	color:#bbbbbb;
}

.pdtgbox_menu_2 {
	float:left;
	width:200px;
	height:433px;	
	box-sizing:border-box;
	padding:10px 10px 10px 0px;
	overflow:auto;
}

.pdtgbox_menu_2 a {
	display:block;
	width:100%;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	font-family: Tahoma;
	font-size: 1.1em;
	color:#555555;
	text-decoration:none;
	overflow:hidden;
}

.pdtgbox_menu_2 a:hover {
	color:#ff6600;
}

.pdtgbox_picoutside {
	float:left;
	width:400px;
	height:550px;	
}

.pdtgbox_pic {
	box-sizing:border-box;
	width:400px;
	height:550px;	
}

.pdtgbox_thumbnail {
	margin-left:601px;
	box-sizing:border-box;
	height:550px;	
}

.pdtgbox_thumbnailnoleft {
	margin-left:401px;
	box-sizing:border-box;
	height:550px;	
}

.pdtgbox_thumb {
	float:left;
	padding:9px;
	box-sizing:border-box;
	width:33.33%;										/*  width:201px;  */
	height:275px;	
	border-right:solid 1px;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_thumb:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6) {
	border-bottom:none;
}

.pdtgbox_thumb:nth-child(3), .pdtgbox_thumb:nth-child(6) {
	border-right:none;
}

.pdtgbox_thumb a {
	color:#555555;
	text-decoration:none;
}

.pdtgbox_thumb a:hover {
	color:#ff6600;
}


.pdtgbox_thumbnoleft {
	float:left;
	padding:9px;
	box-sizing:border-box;
	width:25%;										/*  width:201px;  */
	height:275px;	
	border-right:solid 1px;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_thumbnoleft:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
	border-bottom:none;
}

.pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(8) {
	border-right:none;
}

.pdtgbox_thumbnoleft a {
	color:#555555;
	text-decoration:none;
}

.pdtgbox_thumbnoleft a:hover {
	color:#ff6600;
}

.pdtgbox_thumb_name {
	width:100%;
	height:55px;
	margin-bottom:15px;
	overflow:hidden;
	box-sizing:border-box;
	padding-top:19px;
	font-family: Tahoma;
	font-size: 1.1em;	
	text-align:center;
	word-wrap:break-word;
}

.pdtgbox_thumb_pic {
	max-width:100%;
	text-align:center;
}











/* -------------- ถ้า screen ตำกว่า 1232 pixel ให้เปลี่ยนมาใช้แบบ Left Mode -------------- */
@media only screen and (max-width:1329px) {


.pdtgbox {
	width:100%;
	height:420px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	/* background:#ffffff; */
	border-top:#f31349 solid 2px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	box-sizing:border-box;
}

.pdtgbox_menu {
	float:left;
	width:200px;
	height:420px;	
	box-sizing:border-box;
	border-right:solid 1px;
}

.pdtgbox_menu_1 {
	float:left;
	width:200px;
	height:100px;	
	box-sizing:border-box;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_menu_1:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_menu_11 {
	display:table-cell;
	padding:10px;
	width:180px;
	height:99px;	
	box-sizing:border-box;
	vertical-align:middle;
	font-family: thaisansneue,Tahoma;
    font-size: 2em;
	text-align:center;
	color:#f31349;
}

.pdtgbox_menu_12 {
	display:table-cell;
	width:20px;
	height:99px;	
	box-sizing:border-box;
	vertical-align:middle;
	font-size: 2em;
	color:#bbbbbb;
}

.pdtgbox_menu_2 {
	float:left;
	width:200px;
	height:317px;	
	box-sizing:border-box;
	padding:10px 10px 10px 0px;
	overflow:auto;
}

.pdtgbox_menu_2 a {
	display:block;
	width:100%;	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	font-family: Tahoma;
	font-size: 1.1em;
	color:#555555;
	text-decoration:none;
	overflow:hidden;
}

.pdtgbox_menu_2 a:hover {
	color:#ff6600;
}

.pdtgbox_picoutside {
	float:left;
	width:303px;
	height:417px;	
}

.pdtgbox_pic {
	box-sizing:border-box;
	width:303px;
	height:417px;	
}

.pdtgbox_thumbnail {
	margin-left:503px;
	box-sizing:border-box;
	height:417px;	
}

.pdtgbox_thumbnailnoleft {
	margin-left:304px;
	box-sizing:border-box;
	height:417px;	
}

.pdtgbox_thumb {
	float:left;
	padding:9px;
	box-sizing:border-box;
	width:33.33%;										/*  width:201px;  */
	height:208px;	
	border-right:solid 1px;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_thumb:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(5) {
	border-bottom:none;
}

.pdtgbox_thumb:nth-child(3) {
	border-right:none;
}

.pdtgbox_thumb:nth-child(6) {
	border-right:none;
	border-bottom:none;
}

.pdtgbox_thumb a {
	color:#555555;
	text-decoration:none;
}

.pdtgbox_thumb a:hover {
	color:#ff6600;
}


.pdtgbox_thumbnoleft {
	float:left;
	padding:9px;
	box-sizing:border-box;
	width:25%;										/*  width:201px;  */
	height:210px;	
	border-right:solid 1px;
	border-bottom:solid 1px;
	transition: box-shadow 0.3s;
}

.pdtgbox_thumbnoleft:hover {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
	border-bottom:none;
}

.pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(8) {
	border-right:none;
}

.pdtgbox_thumbnoleft a {
	color:#555555;
	text-decoration:none;
}

.pdtgbox_thumbnoleft a:hover {
	color:#ff6600;
}

.pdtgbox_thumb_name {
	width:100%;
	height:48px;
	margin-bottom:10px;
	overflow:hidden;
	box-sizing:border-box;
	padding-top:10px;
	font-family: Tahoma;
	font-size: 1.1em;	
	text-align:center;
	word-wrap:break-word;
}

.pdtgbox_thumb_pic {
	max-width:100%;
	text-align:center;
}


}	/* End @media only screen and (max-width:1154px) */































/* --------------- Responsive (LeftMode) --------------- */

@media only screen and (max-width:1154px) {
	
	.pdtgbox {
		height:452px;
	}
	
	.pdtgbox_menu {
		display:none;
	}
	
	.pdtgbox_picoutside {
		width:327px;
		height:450px;
	}
	
	.pdtgbox_pic {
		width:327px;
		height:450px;
	}		

	.pdtgbox_thumbnail {
		margin-left:254px;
	}	

	.pdtgbox_thumbnailnoleft {
		margin-left:254px;
	}	
	
	.pdtgbox_thumb {
		width:27%;
		height:225px;
	}	

	.pdtgbox_thumbnoleft {
		width:27%;
		height:225px;
	}

	.pdtgbox_thumbnoleft:nth-child(3), .pdtgbox_thumbnoleft:nth-child(6) {
		border-right:none;
	}

	.pdtgbox_thumbnoleft:nth-child(4) {
		border-right:solid 1px;
		border-bottom:none;
	}

	.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
		border-bottom:none;
	}

	.pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
		display:none;
	}
		
}

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

	
	.pdtgbox_thumb {
		width:40%;
		height:225px;
	}	

	.pdtgbox_thumbnoleft {
		width:40%;
		height:225px;
	}
	
	.pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(4) {
		border-right:none;
	}

	.pdtgbox_thumb:nth-child(3) {
		border-right:solid 1px;
	}
	
	.pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6) {
		display:none;
	}

	.pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(4) {
		border-right:none;
	}

	.pdtgbox_thumbnoleft:nth-child(3) {
		border-right:solid 1px;
	}

	.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6) {
		display:none;
	}
		
}

@media only screen and (max-width:993px) {
	
	.pdtgbox {
		height:auto;
	}	
	
	.pdtgbox_picoutside {
		display:none;
	}
	
	.pdtgbox_pic {
		display:none;
	}		
	
	.pdtgbox_thumbnail {
		margin-left:0px;
	}

	.pdtgbox_thumbnailnoleft {
		margin-left:0px;
	}	
	
	.pdtgbox_thumb {
		width:33.33%;
		height:270px;
	}

	.pdtgbox_thumbnoleft {
		width:33.33%;
		height:270px;
	}
	
	.pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6) {
		display:block;
	}
	
	.pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(4) {
		border-right:solid 1px;
	}	
	
	.pdtgbox_thumb:nth-child(3), .pdtgbox_thumb:nth-child(6) {
		border-right:none;
	}
	
	.pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(4) {
		border-right:solid 1px;
	}		
	
	.pdtgbox_thumbnoleft:nth-child(3), .pdtgbox_thumbnoleft:nth-child(6) {
		border-right:none;
	}

	.pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
		display:block;
	}

	
}

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


	.pdtgbox_thumb {
		width:50%;
		height:295px;
	}

	.pdtgbox_thumbnoleft {
		width:50%;
		height:295px;
	}	
	
	.pdtgbox_thumb:nth-child(3) {
		border-right:solid 1px;
	}
	
	.pdtgbox_thumb:nth-child(4) {
		border-bottom:solid 1px;
	}

	.pdtgbox_thumbnoleft {
		width:50%;
	}
	
	.pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(6) {
		border-right:none;
	}

	.pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(6) {
		border-right:none;
	}
	
	.pdtgbox_thumbnoleft:nth-child(3) {
		border-right:solid 1px;
	}	

	.pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6) {
		border-bottom:solid 1px;
	}
	
	.pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
		display:block;
	}
	
}

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

	.pdtgbox_thumb {
		height:235px;
	}

	.pdtgbox_thumbnoleft {
		height:235px;
	}
	
}

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

	.pdtgbox_picoutside {
		width:100%;
		display:block;
	}

	.pdtgbox_pic {
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		overflow:hidden;
	}
	
	.pdtgbox_thumb {
		width:50%;
		height:275px;
	}

	.pdtgbox_thumbnoleft {
		width:50%;
		height:275px;
	}	
	
	.pdtgbox_thumb:nth-child(4) {
		border-bottom:solid 1px;
	}
	
	.pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(6) {
		border-right:none;
	}

	.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6) {
		border-bottom:solid 1px;
	}
	
}

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

	.pdtgbox_picoutside {
		height:400px;
	}

	.pdtgbox_pic {
		height:400px;
	}
	
	.pdtgbox_thumb {
		height:217px;
	}

	.pdtgbox_thumbnoleft {
		height:217px;
	}
	
}

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

	.pdtgbox_picoutside {
		height:322px;
	}

	.pdtgbox_pic {
		height:322px;
	}
	
	.pdtgbox_thumb {
		height:180px;
	}

	.pdtgbox_thumbnoleft {
		height:180px;
	}
	
}

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

	.pdtgbox_picoutside {
		height:auto;
	}

	.pdtgbox_pic {
		height:auto;
	}
	
	.pdtgbox_thumb {
		height:295px;
	}

	.pdtgbox_thumbnoleft {
		height:295px;
	}
	
}

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

	.pdtgbox_thumb {
		height:220px;
	}

	.pdtgbox_thumbnoleft {
		height:220px;
	}
	
}

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

	.pdtgbox_thumb {
		height:205px;
	}

	.pdtgbox_thumbnoleft {
		height:205px;
	}
	
}

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

	.pdtgbox_picoutside {
		width:100%;
		height:398px;
		display:block;
	}

	.pdtgbox_pic {
		width:100%;
		height:398px;
		display:block;
	}
	
	.pdtgbox_thumb {
		width:100%;
		height:320px;
		border:none;
		border-bottom:solid 1px;
	}

	.pdtgbox_thumbnoleft {
		width:100%;
		height:320px;
		border:none;
		border-bottom:solid 1px;
	}		

	.pdtgbox_thumb:nth-child(1), .pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(3), .pdtgbox_thumb:nth-child(4), .pdtgbox_thumb:nth-child(5), .pdtgbox_thumb:nth-child(6), .pdtgbox_thumb:nth-child(7), .pdtgbox_thumb:nth-child(8) {
		border-right:none;
	}
	
	.pdtgbox_thumbnoleft:nth-child(1), .pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(3), .pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6), .pdtgbox_thumbnoleft:nth-child(7), .pdtgbox_thumbnoleft:nth-child(8) {
		border-right:none;
	}

	
}




/* -------------------- (034) - PdtBox (Custom) -------------------- */
.pdtgbox {
	/* background:#ffffff; */
	border-top:#f31349 solid 2px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
}

.pdtgbox_menu {
	border-right:solid 1px;
}

.pdtgbox_menu_1 {
	border-bottom:solid 1px;
}

.pdtgbox_menu_11 {
	color:#f31349;
}

.pdtgbox_menu_12 {
	color:#bbbbbb;
}

.pdtgbox_menu_2 a {
	color:#555555;
}

.pdtgbox_menu_2 a:hover {
	color:#ff6600;
}

.pdtgbox_thumb {	
	border-right:solid 1px;
	border-bottom:solid 1px;
}

.pdtgbox_thumb a {
	color:#555555;
}

.pdtgbox_thumb a:hover {
	color:#ff6600;
}

.pdtgbox_thumbnoleft {	
	border-right:solid 1px;
	border-bottom:solid 1px;
}

.pdtgbox_thumbnoleft a {
	color:#555555;
}

.pdtgbox_thumbnoleft a:hover {
	color:#ff6600;
}





/* -------------------- (034) - PdtBox Response (Custom LeftMode) -------------------- */
@media only screen and (max-width:1154px) {

	.pdtgbox_thumbnoleft:nth-child(4) {
		
	}
		
}

@media only screen and (max-width:1071px) {
	
	.pdtgbox_thumb:nth-child(3) {
		border-right:solid 1px;
	}

	.pdtgbox_thumbnoleft:nth-child(3) {
		border-right:solid 1px;
	}
		
}

@media only screen and (max-width:993px) {
	
	.pdtgbox_thumb:nth-child(2), .pdtgbox_thumb:nth-child(4) {
		border-right:solid 1px;
	}

	.pdtgbox_thumbnoleft:nth-child(2), .pdtgbox_thumbnoleft:nth-child(4) {
		border-right:solid 1px;
	}
	
}

@media only screen and (max-width:829px) {
	
	.pdtgbox_thumb:nth-child(3) {
		border-right:solid 1px;
	}
	
	.pdtgbox_thumb:nth-child(4) {
		border-bottom:solid 1px;
	}
	
	.pdtgbox_thumbnoleft:nth-child(3) {
		border-right:solid 1px;
	}	

	.pdtgbox_thumbnoleft:nth-child(4), .pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6) {
		border-bottom:solid 1px;
	}
	
}

@media only screen and (max-width:649px) {
	
	.pdtgbox_thumb:nth-child(4) {
		border-bottom:solid 1px;
	}

	.pdtgbox_thumbnoleft:nth-child(5), .pdtgbox_thumbnoleft:nth-child(6) {
		border-bottom:solid 1px;
	}
	
}

@media only screen and (max-width:350px) {
	
	.pdtgbox_thumb {
		border-bottom:solid 1px;
	}

	.pdtgbox_thumbnoleft {
		border-bottom:solid 1px;
	}
	
}