.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;
}/*設定上方黑橫條內麵包屑*/

/* 20211115_Ivan 2021階段性改版 加入filter-tab */

.filter-tab-block {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1097px;
	margin-bottom: 20px;
}

.filter-tab {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	padding: 15px;
	width: 211px;
	min-height: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #606060;
	background-color: #E0E0E0;
	transition: all 0.4s;
}

.filter-tab span {
	font-size: 14px;
	line-height: 20px;
}

.filter-tab.default-active:first-child {
	color: #fff;
	background-color: #FF5500;
}

.filter-tab.active {
	color: #fff;
	background-color: #FF5500;
}

.filter-tab:hover {
	color: #fff;
	background-color: #FF5500;
}

.filter-tab:nth-child(n+6) {
	margin-top: 10px;
}

.filter-tab:first-child,
.filter-tab:nth-child(6) {
	margin-left: 0;
}

.filter-tab-block-m {
	display: none;
}

@media (max-width: 800px) {
	.filter-tab-block {
		display: none;
	}

	.filter-tab-block-m {
		display: block;
		margin-bottom: 15px;
	}

	.filter-tab-block-m-title {
		margin-top: 5px;
		font-size: 14px;
		line-height: 20px;
		color: #212121;
	}

	.filter-tab-block-m select {
		margin-top: 7px;
		width: 100%;
		height: 40px;
    padding-left: 10px;
    border: 1px solid #d4d2d2;
		appearance: none;
    -webkit-appearance: none;
    background-image: url('../../images/product/gw_product_layer_downbtn.png');
    background-position: right center;
    background-repeat: no-repeat;
	}
}

/* 20211115_Ivan 2021階段性改版 加入filter-tab */

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

.whitepart{
	width:1200px;
	margin: auto;
	font-size: 0;
	padding-left: 45px; 
	overflow: hidden;
}/*設定中間白色區塊*/

.top_block{
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
}/*設定上方select區塊*/

.left_part{
	display: inline-block;
}/*設定上方select區塊左半部*/

.upline,.bottomline{
	font-size: 14px;
	color: #212121;
	padding-right: 15px;
}/*設定上方select區塊左半部的Search by Category.Search by Keyword兩行*/

.upline{
	margin-bottom: 15px;
}/*設定上方select區塊左半部的Search by Category*/

.input_part{
	height: 40px;
	/* width: 890px; */
	width: 765px;
	padding-left: 10px;
	margin-left: 13px;
	border: 1px solid #d4d2d2;
}/*設定上方select區塊左半部的Search by Keyword 的input*/


/*設定上方select start*/
.selectionbar{
	width: auto;
	padding-left:10px; 
	/*margin-bottom: 10px;*/
	display: inline-block;
}

.selectionbar select{
	padding-left: 10px;
	font-size: 14px;
	color: #888888;
	height: 40px;
    width: 245px;
    -webkit-appearance:none;/*chrome*/
    -moz-appearance: none;/*firefox*/
    text-indent: 0.01px;
    text-overflow: ' '; 
    appearance:none;
    background-image: url('../../images/product/gw_product_layer_downbtn.png');
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #d4d2d2;
}/*設定select隱藏箭頭符號+橘色箭頭背景*/

.selectionbar select::-ms-expand{ /*IE*/
	display: none;
}/*設定select隱藏箭頭符號*/

/*設定上方select end*/

.search_btn{
	display: inline-block;
	width: 100px;
	height: 40px;
	background-color: #ff5500;
	text-align: center;
	color: #ffffff;
	padding: 10px;
	font-size: 14px;
	vertical-align: top;
	border: none; 
}/*設定上方select區塊右邊的Search按鈕 */

.search_btn_op{
	opacity: 0.5;
	/* display: none; */
	width: 100px;
	height: 40px;
	background-color: #ff5500;
	text-align: center;
	color: #ffffff;
	padding: 10px;
	font-size: 14px;
	vertical-align: top;
	border: none; 
	pointer-events: none;
}/*設定上方select區塊右邊的Search按鈕 淡50% */

.search_btn:hover,.search_btn:focus{
	color: #ffffff;
	border: none; 
}/*設定上方select區塊右邊的Search按鈕 hover */


/*設定faq問題格 start*/
.block01{
	width: 1100px;
	margin: auto;
	margin-bottom: 20px;
	height: auto;
}

.titlepart{
	width: 100%;
	height: 60px;
	max-height: 85px;
	background-color: #F5F5F5;
	color: #606060;
	padding:17px;
	overflow: hidden;
	position: relative; 
	cursor: pointer;
}

.titlepart.orange_bg {
	color: #fff;
}

.titlepart tr{
	min-height: 60px;
}

.titlepart td{
	min-height: 60px;
	padding: 15px;
	font-size: 14px;
	/* vertical-align: top; */
}

.titlepart tr td:first-child{
	width: 50px;
	font-size: 18px;
	text-align: center;
	min-height: 60px;
	padding-left: 10px;
}

.titlepart tr td:nth-child(2){
	width: 20px;
	padding:0; 
	padding-top: 2px;
}

.titlepart tr td:nth-child(3){
	padding-right:0; 

}

.titlepart tr td:last-child{
	text-align: right;
	font-size: 18px;
	cursor: pointer;
	width: 40px;
}

.titlepart span{
	font-size: 18px;
	text-align: center;
	min-height: 60px;
	padding-left: 10px;
}

.orange_bg{
	background-color: #606060;
}

.bar_img {
	display: none;
}

.bar_img.gray {
	display: block;
}

.orange_bg .bar_img {
	display: block;
}

.orange_bg .bar_img.gray {
	display: none;
}

.bar_img{
	margin: 0 5px 2px 10px;
}

.plus_img{
	position: absolute;
    right: 2%;
}

.html_edit{
	overflow: hidden;
}

.content_html_edit{
	width: 100%;
	padding: 30px;
	border: 1px solid #EAEAEA;
	display: none;
}

.content_html_edit img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}

/*設定faq問題格 end*/

/*設定下方頁碼 start*/
.page_part{
	width: 100%;
	max-width: 1200px;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 90px;
	margin:auto; 
}

.pagebar{
	width: 245px;
	/*height: 45px;*/
	margin:auto; 
	color: #888888;
	text-align: center;
	line-height: 56px;
}

.pagebar i {
	font-size: 22px;
}

.pageborder{
	width: 45px;
	height: 45px;
	border: 1px solid #CFD8DC;
	display: inline-block;
	line-height: 46px
}

.pagebar a{
	color: unset;
	display:inline-block;
	width: 45px;
	height: 45px;
}

.pagebar a:hover{
	color: #ffffff;
	background-color: #ff5500;
	text-decoration: none;
}

.pageborder a i{
	font-size: 22px;
	line-height: 40px;
}

.pagetext{
	width: 45px;
	line-height: 45px;
	display: inline-block;
	font-size: 18px;
}

.pageinput{
	box-shadow: none;
	width: 45px;
	   height: 45px;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #ff5500;
	border: 1px solid #CFD8DC;
	display: inline-block;
}
/*設定下方頁碼 end*/

@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%;
	}
	
	.whitepart{
		width: 100%;
		margin: auto;
		padding-left: 0;
		padding:15px;  
	}

	.top_block{
		padding: 0;
		padding-bottom: 25px;
	}
	
	.left_part{
		display: block;
		padding: 0px;
	}

	.upline{
		margin-bottom: 15px;
	}

	.upline,.bottomline{
		padding-right: 0;
	}

	.selectionbar{
		padding-left: 0;
		width: 100%;
		display: block;
		padding-top: 10px;
	}

	.selectionbar select{
		width: 100%;
	}

	.input_part{
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	.search_btn{
		display: block;
		width: 100%;
		height: 50px;
		margin: auto;
		padding: 16px;
		margin-top: 20px;
	}

	.block01{
		width: 100%;
	}
	
	.content_html_edit{
		padding: 10px;
	}
	.page_part{
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.search_btn_op{
		margin-top: 20px;
	    width: 100%;
	    height: auto;
	    padding: 15px;
	}
}