@charset "utf-8";
/***************************************
	Created by www.makeweb.com.tw
	  
	E-Mail:service@makeweb.com.tw
***************************************/

.imagelabellist_faq{
	/*
	width:100%;
	color:#666;
	font-size:13px;
	line-height:24px;
	margin:-40px 0 0 0 !important;
	*margin:-20px 0 0 0 !important;
	_margin:-20px 0 0 0;
	*/
	/*border:1px solid #00F; */
}

.imagelabellist_faq .cb_subject {
	font-style: italic;
	font-weight: bold;
	/*font-size:14px;*/
	color:#999;
	margin: 0 0 5px 0;
}

.imagelabellist_faq .step {
	font-style: normal;
	/*font-size:22px;*/
	/*font-family: 'arial';*/
	font-weight: bold;
	color:#44B3E8;
	margin:0 5px 0 0;
	/*border: 1px solid #F90;*/
}

.imagelabellist_faq ul{
	margin: 20px 0 0 0;
	padding:0;
	list-style:none;
}

.imagelabellist_faq li {
	float:left;
	margin:20px 10px 10px 0;
	/*border: 1px solid #F90;*/
}

.imagelabellist_faq li a {
	
}

.imagelabellist_faq li select {
	/*font-size:12px;*/
	/*width: 240px;*/
	height: 120px;
	background: none;
}

.imagelabellist_faq .view_pd_box{
	overflow: hidden;
	float: right;
	padding: 0 20px;
	text-align: right;
	background: #EEE;
	/*border-left: 4px solid #999;*/
}
.imagelabellist_faq .view_pd_box #dw_sn_key{
	/*position: absolute;*/
	width: 240px;
	height: 25px;
	margin: 12px 0 4px 0;
}
.imagelabellist_faq .view_pd_box .dw_btn_search{
	position: absolute;
	margin: -26px 0 0 220px;
	cursor: pointer;
}
.imagelabellist_faq .view_pd_box .find_sn_label{
	/*font-size:11px;*/
	margin: 0 0 10px 0;
	cursor: pointer;
}

.space {
	clear:both;
	/*border: 1px solid #F90;*/
}
.space img{
	height: 0px;
}



.canvas_post table thead tr td {
	/*font-size:14px;*/
	text-indent:10px;
	/*line-height:24px;*/
	background:#888;
	color: #FFF;
	border:0;
	/*border-bottom:1px solid #000;*/
}
.canvas_post table tbody td {
	border:0;
	padding: 0;
	/*padding: 6px 10px;*/
	line-height:20px;
	/*font-size:13px;*/
	/*text-indent:10px;*/
	color:#666;
	word-wrap: break-word;
	/*text-indent: 10px;*/
}
.canvas_post table tbody tr.even {
	background: #EEE;
}
.canvas_post table tbody tr.odd {
	background: #FFF;
}
.canvas_post table tbody tr:last-child {
	border-bottom:1px solid #999;
}
	/*font-size:15px;*/
	/*height:30px;*/

.canvas_post .view_pd_box{
	overflow: hidden;
	margin: 10px 0 30px 0;
	padding: 0 20px 0 0;
	text-align: right;
	/*color:#F00;*/
	background: #FDF7F7;
	border-left: 4px solid #D9534F;
}
.canvas_post .view_pd_title{
	float: right;
	padding: 6px 0 0 0 ;
}
.canvas_post .pd_pic_s{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}
.canvas_post img {
	margin: 0 20px 0 0;
}


.image_table_box{
	width: 720px;
	overflow: hidden;
	/*border: 1px solid #F90;*/
}
.image_table_box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.image_table_box li {
	float:left;
	width: 164px;
	/*height: 190px;*/
	height: auto;
	margin:20px 10px 10px 0;
	border: 1px solid #EEE;
}
.image_table_box li div{
	text-align: center;
	/*font-size: 90%;*/
}
.image_table_box li div.image_big_preview{
	width: 140px;
	height: 140px;
	margin: 0 0 0 12px;
}
.image_table_box li div img{
	margin: 0;
	padding: 10px;
}

.back_to_top{
	text-align: right;
	color: #F66;
	cursor: pointer;
}





.datagrid_tablesorter {
	/*font-size:12px;*/
	font-family:Verdana, Geneva, sans-serif;
	/*text-align:center;*/
}

.datagrid_tablesorter a{
	/*font-size:14px;*/
}

.datagrid_tablesorter table {
	border: 1px Solid #CCC;
	border-collapse:collapse;
}
.datagrid_tablesorter table td{
	padding:0;
}

.datagrid_tablesorter .tablesorter {
	margin:0;
	width: 100%;
	text-align: left;
	border:0;
	background: #FFF;
}

/*Head 標題*/
.datagrid_tablesorter .tablesorter thead tr .header {
	background: #666;
	cursor: pointer;
}


.datagrid_tablesorter .tablesorter thead tr th{
	font-weight:normal;
	color:#FFF;
	line-height:23px;
	text-indent:10px;
	border-right: 1px Solid #FFF;
}

.datagrid_tablesorter .tablesorter thead tr #last{
	border-right: none;
}

/*Footer 尾部
.datagrid_tablesorter .tablesorter tfoot tr th {
	background: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
.datagrid_tablesorter .tablesorter thead tr .header {
	background: url(../images/th_arrow.gif) center right no-repeat;
	cursor: pointer;
}
*/

/*Body 內容*/
.datagrid_tablesorter .tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.datagrid_tablesorter .tablesorter tbody td a {
	color: #F00;
	text-decoration:underline;
}

.datagrid_tablesorter .tablesorter tbody tr.even td {
	background:#F8F8F8;
}

/*JQuery 控制的效果*/
.datagrid_tablesorter .tablesorter thead tr .headerSortUp {
	background: url(../images/th_arrow_asc.gif) right center no-repeat;
}
.datagrid_tablesorter .tablesorter thead tr .headerSortDown {
	background: url(../images/th_arrow_desc.gif) right center no-repeat;
}
.datagrid_tablesorter .tablesorter thead tr .headerSortDown, .datagrid_tablesorter .tablesorter thead tr .headerSortUp {
	background-color: #444;
}

.datagrid_tablesorter img {
	border:0;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {

}

/*iPad*/
@media screen and (max-width: 1023px) {

}


/*iPhone*/
@media screen and (max-width: 767px) {

	.imagelabellist_faq li {
		float:left;
		width: 100%;
		margin:20px 10px 10px 0;
		/*border: 1px solid #F90;*/
	}
	.imagelabellist_faq .view_pd_box{
		width: 100%;
		text-align: left;
	}
	.imagelabellist_faq li select {
		/*width: 100%;*/
		height: auto;
		/*background: none;*/
		background: #FFF url(../../../../../mw/cufiles/images/web/select_arrow_3.png) no-repeat right;
	}

	.canvas_post img{
		max-width: 100%;
	}

	.image_table_box{
		width: 100%;
		overflow: hidden;
		/*border: 1px solid #F90;*/
	}
	.image_table_box li {
		float:left;
		overflow: hidden;
		/*width: 164px;*/
		width: 48%;
		/*height: 190px;*/
		/*margin:20px 10px 10px 0;*/
		margin: 0 2% 10px 0;
		padding: 0 0 0px 0;
		border: 1px solid #EEE;
	}
	.image_table_box li div.image_big_preview{
		/*width: 140px;*/
		width: 78%;
		/*height: 140px;*/
		height: auto;
		/*margin: 0 0 0 12px;*/
		margin: 0;
	}
}