.headblackbar{
    height: auto;
    min-width: 1200px;
    background-image: url('../../images/product/compare_list_headbar.png');
}/*設定上方黑橫條背景*/

.headblackbar_text{
    font-size: 26px;
    color: #ffffff;
    line-height: 150px;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-left: 15px;
    position: relative;
}/*設定上方黑橫條內文字*/

.headblackbar_text_right{
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	color: #888888;
	font-size: 14px;
	padding-right: 15px;
}/*麵包屑設定*/

.container {
    min-width: 1200px;
    padding-left: 0;
    padding-right: 0;
}

.part1{
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}/*內容第一白底區塊設定*/

.html_edit{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
}

.container .html_edit{
	padding: 20px 0;
}

.part2{
	width: 100%;
	background-color: #f5f5f5;
}/*內容第二區塊設定*/


div .removebg{
	background-image: none;
	cursor: default;
}

.graypart{
	min-width: 1200px;
	max-width: 1200px;
	height: auto;
	background-color: #e5e5e5;
	padding: 30px 30px 40px;
    margin: 0 auto 20px;

}/*設定灰色背景區塊*/

.filterby_text{
	font-size: 20px;
	line-height: 25px;
	color: #212121;
	max-width: 1200px;
	margin: auto;
}/*設定filterby的字樣*/

.filterby_text h4{
	line-height: 25px;
}

.orangeblock{
	width: 150px;
	height: 40px;
	background-color: #FE5722;
	line-height: 40px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin:auto;
	cursor: pointer; 
	display: none;
}/*設定filterby手機板按鈕區塊*/

.filter_table{
	width: 100%;
	margin: auto;
	margin-top: 30px;
	border-bottom: 3px solid #888888;
	position: relative;
}/*設定table外的div*/

.filter_table table{
	width: 100%;
	margin: auto;
	position: relative;
}/*設定table*/

.thishide{
	display: none;
}

.filter_table table tr td{
	background-color: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	line-height: 35px;
	color: #888888;
	padding: 5px;
	padding-left: 15px;
	position: relative;
	text-align: left;
}/*設定table裡的td*/

.filter_table table tr td h6{
	line-height: 35px;
}

.filter_table table tr td:first-child{
	width: 265px;
	height: auto;
	background-color:  #d5d5d5;
	font-size: 16px;
	color: #424242;
	vertical-align: top;
}/*設定表格每一行的第一個格子*/


.filter_table table tr td:nth-child(2){
	height: auto;
	vertical-align: top;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
	padding-left:20px;
	padding-right:15px;
	color: #adadad;
	width: 55px;
	/**/
}/*設定表格每一行的第二個格子(+/-)*/

.filter_table table tr td:nth-child(3){
	padding-left: 0;
}/*設定表格每一行的第三個格子*/

.filter_table table tr td label{
	font-weight: lighter;
	margin-right:10px;
	line-height: 20px;
}/*設定table裡的label*/

.filter_table table tr td label input{
	opacity: 0.7;
}/*設定checkbox*/

.moreoption_btn{
	color: #ffffff;
	text-align: center;
	background-color: #888888;
	width: 165px;
	height: 35px;
	position: absolute;
	bottom: -35px;
	right: 0;
	line-height: 35px;
	cursor: pointer;
}/*設定more option按鈕*/

.moreoption_btn a{
	display: block;
	color: #ffffff;
}/*設定more option按鈕的 a*/

.options_div{
	transition:all 0.7s;
	-moz-transition:all 0.7s; 
	-webkit-transition:all 0.7s;
	-o-transition:all 0.7s;
	overflow: hidden;
	/*height: auto;*/
}/*選項的div設定*/
.options_block .checkbox{
	margin: 0;
	display: inline-block;
}

.options_block label,
.options_block input{
	cursor: pointer;
}/*設定選項出現指標*/

.showoneline{
	height: 35px;
}/*設定選項只出現一行*/

.shownoline{
	height: 0px;
}/*設定選項只出現一行*/

.showall_btn{
	height: auto;
	width: auto;
}/*設定+.-號的td*/


.plusminus_div{
	background-image: url("../../images/product/gw_product_layer_plus.png");
	background-repeat: no-repeat;
    background-position: center;
	margin-top: 8px;
    width: 15px;
    height: 15px;
    cursor: pointer; 
}/*設定+.-號的div*/

.plus_filter{
	background-image: url("../../images/product/gw_product_layer_plus.png");
}/*+class的圖片*/

.minus_filter{
	background-image: url("../../images/product/gw_product_layer_minus.png");
}/*-class的圖片*/

.part4_product{
	min-width: 1200px;
	padding-top: 40px;
	padding-bottom: 80px;
}/*設定part4區塊*/

.eightbtn{
	width: 1200px;
	height: auto;
	margin: auto;
	margin-bottom: 20px;
}/*設定按鈕區塊*/

.btn_selectionbar{
	display: none;
	width: 100%;
	background-color: #212121;
}/*設定手機板的下拉選單區塊*/

/*.selectstyle{
	height: 70px;
	background-color: #212121;
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	text-align:center;
	padding:0 10px;

	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    background-image: url('../../images/product/gw_product_layer_downbtn.png');
    background-repeat: no-repeat;
    background-position: right center; 
}*//*設定手機板閜拉選單樣式*/

/*.selectstyle::-ms-expand{
	 display:none;
}*//*設定手機板閜拉選單樣式*/

.product_class_btn{
	height: 65px;
	width: 280px;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	background-color: #343434;
	margin-right: 20px;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	float: left;
}/*設定按鈕樣式*/

.product_class_btn span{
	display:block;
	max-height:44px;
	overflow:hidden;
}

.product_class_btn.active,
.product_class_btn:hover{
	background-color: #ff5500;
}/*設定按鈕hover樣式*/
.product_class_btn a{
	/* display: block; */
	height: 65px;
	width: 280px;
	color: #ffffff;
	line-height: 25px;
	/* padding:20px 0;  */
	text-decoration: none;
	overflow: hidden;
}/*設定按鈕a樣式*/

.eightbtn div:nth-child(6),
.eightbtn div:nth-child(10),
.eightbtn div:nth-child(14){
	margin-right:0px;
}/*設定每排最右邊按鈕*/

.fack_select{
	display: none;
}

.part4_product_title{
	padding:30px 0; 
	line-height: 30px;
	font-size: 26px;
	color: #ff5722;
	text-align: center;
	margin: auto;
}/*設定系列產品標題區塊*/

.part4_product_title h2{
	line-height: 30px;
}

.part4_product_form{
	width: 1200px;
	height: auto;
	margin: auto;
	position: relative;
	font-size: 0;
	padding: 0 5px;
	padding-bottom: 50px;
}/*設定系列產品區塊*/

.comparebox{
	position: fixed;
	height: auto;
	width: 125px;
	top: 150px;
	right: 50px;
	display: none;
}/*比較窗格設定*/
.compareblack_icon{
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	height: auto;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.compareblack{
	background-color: rgba(0,0,0,0.8);
	height: auto;
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 10px;
}/*比較窗格黑底設定*/

.compare_product_block{
	width: 100%;
	height: auto;
	position: relative;
}/*比較窗格黑底內產品表區塊設定*/

.compare_product_img{
	width: 100%;
	height: auto;
	text-align: center;
}/*比較窗格黑底內產品圖片區塊設定*/

/* 20161004 避免圖片過大破版*/
.compare_product_img img{
	max-width: 100%;
}

.compare_product_close_img{
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
}/*比較窗格黑底內叉叉圖片區塊設定*/

.compare_product_title{
	text-align: left;
	padding: 5px 0;
}/*比較窗格黑底內產品標題區塊設定*/

.compareorange{
	background-color: rgba(255,81,0,0.8);
	height: 75px;
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border: none;
}/*比較窗格橘底設定*/

.search_text{
	font-size: 16px;
	padding-top: 10px;
}/*比較窗格橘底內放大鏡圖示設定*/

/*比較窗格縮圖設定 start*/
.small_comparebox{
	position: fixed;
	height: 65px;
	width: 100px;
	top: 150px;
	right: 10px;
	font-size: 0;
	color: #ffffff;
	background-color: rgba(255,81,0,0.9);
	cursor: pointer;
}
.triangle_text{
	height: 65px;
    width: 15px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0px;
    text-align: right;
}
.right_compare_text{
	height: 65px;
    width: 85px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    padding: 12px 15px 10px 8px;
    line-height: 22px;
}
.right_compare_text i{
	font-size: 20px;
}
/*比較窗格縮圖設定 end*/

.product_item{
	width: 585px;
	height: 285px;
	border: 1px solid #D2D2D2;
	margin: 10px;
	padding:0;
	display: inline-block; 
	font-size: 0;
}/*產品格表設定*/

.part4_product_form div:nth-child(odd){
	margin-left: 0px;
}

.part4_product_form div:nth-child(even){
	margin-right: 0px;
}

.product_series{
	/* padding: 10px; */
	padding: 15px 20px 10px 20px;
	height: auto;
	margin-left: 15px;
	text-align: left;
}/*產品格表內產品標題設定*/

.product_point > ul{
	max-height: 200px;
    overflow: hidden;
}

.product_series a{
	color: #212121;
	font-size: 18px;
	text-decoration: none;
}/*產品格表內產品標題a設定*/

.product_series a:hover{
	color: #ff5500;
	text-decoration: underline;
}/*產品格表內產品標題a:hover設定*/

.product_img{
	display: inline-block;
	width: 240px;
	height: 100%;
	text-align: center;
	overflow: hidden;
}/*產品格表內產品圖片設定*/

.product_point{
	display: inline-block;
	width: 343px;
	height: 100%;
	overflow: hidden;
	background-color: #f9f9f9;
	position: relative;
	vertical-align: top;
	padding: 0 5px 5px 5px;
}/*產品格表內產品優點設定*/

/*.part4_product .part4_product_form:last-child .product_item:last-child{
	margin-bottom: 50px;*/
/*產品格表手機板最下方空白設定*/

.product_point ul li{
	list-style: square;
	font-size: 14px;
	color: #fb8c00;
	line-height: 20px;
	margin-bottom: 10px;
}/*產品格表內產品優點設定*/

.li_text_color{
	color: #888888;
}/*產品格表內產品優點顏色設定*/

.compare_checkbox{
	height: 25px;
	line-height: 25px;
	width: auto;
	display: block;
	text-align: right;
	padding-right: 5px;
	font-size: 14px;
	position: absolute;
	bottom: 5px;
	right: 0;
}/*產品格表內比較勾選區塊設定*/

.compare_checkbox label{
	font-weight: normal;
	color: #888888;
	cursor: pointer;
}/*產品格表內比較勾選區塊設定*/

.compare_checkbox input{
	vertical-align: text-bottom;
	cursor: pointer;
}/*產品格表內比較勾選區塊設定*/
@media (min-width: 801px){
	.plusminus_div{
		display:none;
	}
	.showoneline{
		height:auto!important;
	}
}
@media (min-width: 1320px){
	.container {
     	width: auto;
	}
}

@media (min-width: 1050px){
	.container {
     	width: auto;
	}
}

@media (max-width: 800px) {
	.headblackbar{
		width: 100%;
		min-width: auto;
	}

	.headblackbar_text{
		line-height: 80px;
	}

	.headblackbar_text_right{
		display: none;
	}

	.container {
		max-width: 100%;
    	min-width: 100%;
    	width: 100%;
	}
	
	.part1{
		padding-top: 15px;
		padding-bottom: 20px;
	}
	
	.part2{
		width: 100%;
	}

	/*.part2_img img {
    	vertical-align: initial;
    	width: 100%;
    	max-width: 290px;
    	max-height: 194.06px;
    	margin: 0px;
	}*/

	.graypart{
		min-width: 100%;
		height: auto;
		padding: 30px 15px 30px 15px;
	}

	.filterby_text{
		max-width: 100%;
		display: none; 
	}
	
	.orangeblock{
		display: block;
	}


	.filter_table{
		width: 100%;
		border: none;
		display: none;
	}

	.filter_table table{
		width: 100%;
	}

	.filter_table table tr{
		display: block;
		position: relative;
		border-bottom: 1px solid #d5d5d5;
	}

	.filter_table table tr td {
		display: block;
		border: none;
		position: initial;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.filter_table table tr td:first-child{
		background-color:#f5f5f5 ;
		width: 100%;
		border-right: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.filter_table table tr td:nth-child(2){
		position: absolute;
		top: 0;
		right: 0;
		height: 35px;
		padding-top: 5px;
	}
	
	.filter_table table tr td:nth-child(3){
		padding-left: 15px;
	}

	.moreoption_btn{
		display: none;
	}

	.showoneline{
		height: 0px;
	}

	.part4_product{
		min-width: 100%;
		padding: 0px 0 50px 0;
	}
	
	.eightbtn{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-bottom:0;
	}

/*	.btn_selectionbar{
		display: block;
		width: 100%;
		text-align: center;
	}*/
	
	.fack_select{
		display: block;
		width: 100%;
		text-align: center;
		height: 70px;
		background-color: #212121;
		color: #ffffff;
		font-size: 16px;
	    background-image: url('../../images/product/gw_product_layer_downbtn.png');
	    background-repeat: no-repeat;
	    background-position: right center;
	    padding-top: 24px;
	}

	.product_class_btn{
		display: none;
		width: 100%;
		margin: 0;
		float: none;
	}

	.product_class_btn a{
		width: 100%;
	}

	.part4_product_form{
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0 15px;
	}

	.part4_product_title{

	}

	.product_item{
		width: 100%;
		height: auto;
		margin: 10px 0;
		/* padding: 5px; */
	}

	.product_img{
		width: 100%;
		height: auto;
		padding: 50px 0;
	}

	.product_point{
		width: 100%;
		height: auto;
		/* margin-bottom: 30px; */
	}

	.compare_checkbox{
		display: none;
	}

	.part4_product div:last-child {
     	padding-bottom: 0; 
	}

	.comparebox,
	.small_comparebox{
		display: none;
	}

	.container .html_edit{
		padding: 15px;
	}
}