/*機械買賣-次頁(類別TYPE)LIST表-頁面*/
#tradep {
	width:100%;
	margin:0 auto;
	padding-top:42px;
	background-color:#efefef;
	text-transform:capitalize;
	font-family:'Times New Roman', 'STKaiti', sans-serif, monospace;
}

#tradep table, tr{
	padding:0px;
	width: 100% !important;
	border-radius:0px;
	border-spacing:2px;
	border:1px solid #353566;
	background-color:#fafafa;
	table-layout: fixed;	
}

/*編號 & 類別標題(o1_title的部分)*/
th[scope="row"] { 
	width:75px; 
	font-weight:normal; 
	font-size:15px;
}
/*深藍底HEADER標題*/
th[scope="col"] { 
	line-height:20px; 
	font-weight:normal; 
	font-size:15px; 
	text-align:center; 
	letter-spacing: -1px;
	text-transform: capitalize;
	height: 20px;
}
/*類別標題(o1_title的部分)*/
th[colspan="7"] { 
	line-height:25px; 
	letter-spacing:2px; 
	font-size:17px; 
	text-transform: capitalize; 
}
td { line-height:25px;}

/*alternative row color
tr:nth-child(even){background-color: #A2A1B6;}*/

a {
	color:#252525; 
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
}

/*
a:hover { color:#ad0111;}
tr a:hover { background:#FFC;}
*/

/*機械買賣-各類別分頁-個別類圖片cw2*/

.o1_title { 
	display: table-row; 
	text-align: center;	
}

.otr1, .otr2, .otr3 {
	width: 33.33%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

.otr1 img, .otr2 img, .otr3 img{
	opacity:1;
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
	max-width: 100%;
	width:195px;
	height:195px;
	object-fit: cover;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	border-radius:7px;
	border: 0px double red;
	padding: 2px;
	transition: transform 0.4s ease;
	transform-style: preserve-3d;
}

.otr1 img:hover, .otr2 img:hover, .otr3 img:hover{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


#sold {
	display:none;
	/*background-color:#ffd8dc;*/
	background-repeat:no-repeat;
	background-image:url(../img/soldhover.jpg);
	background-repeat: repeat;
	background-size:contain;
	background-position:center center;
	opacity:.75;
}
#sold a { text-decoration:none; color:#787878;}
#sold a:hover { text-decoration:none;}
#sold img { opacity:1;}

@keyframes blink {
	0% {opacity: 0}
	49%{color:white; opacity: 0}
	50% {opacity: 1}
}
blink{
	animation: blink 1s infinite;
	animation-duration: 4s;
	color: gold;
}



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

#tradep table {
table-layout: fixed;
}

.otr1, .otr2, .otr3 {
width: 30%;
display: table-cell;
}

}