/* :: 12.0 result Post Area */
@media (min-width: 1200px) {
	.result-post-area {
		z-index: 9999;
		width: 750px;
		height: 100%;
		background-color: #FFFFFF;
		top: 0.3em;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
		padding: 10px;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-transition-duration: 800ms;
		transition-duration: 800ms;
		right: -750px;
		position: fixed;
	}
	#compare_del_bt {
		display: inline-block;
	}
}
@media (min-width: 576px) and (max-width: 1200px) {
	.result-post-area {
		z-index: 9999;
		width: 400px;
		height: 100%;
		background-color: #FFFFFF;
		top: 0.3em;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
		padding: 10px;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-transition-duration: 800ms;
		transition-duration: 800ms;
		right: -400px;
		position: fixed;
	}
	#compare_del_bt {
		display: inline-block;
	}
}
@media only screen and (max-width: 575.98px) {
	.result-post-area {
		z-index: 9999;
		width: 270px;
		height: 100%;
		background-color: #FFFFFF;
		top: 0.3em;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
		padding: 10px;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-transition-duration: 800ms;
		transition-duration: 800ms;
		right: -270px;
		position: fixed;
	} 
	.result-btn {
		padding-top: 4px;
		padding-bottom: 6px;
		padding-left: 7px;
		padding-right: 6px;
		margin-top: 1em;
		margin-left: 10px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 5px rgba(151,151,151,0.50);
		box-shadow: 0px 0px 5px rgba(151,151,151,0.50);
		border-right: 3px solid #8DC21F;
		background-color: rgba(111,164,0,1.00);
	}
	#compare_del_bt {
		display: none;
	}
}
  .result-post-area .close-icon {
	position: absolute;
	right: 20px;
	z-index: 100;
	font-size: 2em;
	line-height: 0.7em;
	cursor: pointer;
	color: #FFFFFF;
	padding-top: -5px;
}
    .result-post-area .close-icon:hover, .result-post-area .close-icon:focus {
	color: #C3F3E7;
}
@media only screen and (max-width: 575.98px) {

}
@media only screen and (max-width: 575.98px) {
    .result-post-area .single-blog-post.style-1 .blog-content {
      padding-left: 15px; } }
  .result-post-area .single-blog-post.style-1 .blog-content .post-title {
    font-size: 16px; }
@media only screen and (max-width: 575.98px) {
      .result-post-area .single-blog-post.style-1 .blog-content .post-title {
        font-size: 14px; } }
  .result-post-area.on {
    right: 0; }
@media only screen and (min-width: 576px) {
.result-btn {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 7px;
	padding-right: 6px;
	margin-top: 1em;
	-webkit-box-shadow: 0px 0px 5px rgba(151,151,151,0.50);
	box-shadow: 0px 0px 5px rgba(151,151,151,0.50);
	border-right: 3px solid #8DC21F;
	margin-left: 0px;
	background-color: rgba(111,164,0,1.00);
}
}
.menu-wrap-t {
	background-color: #00847A;
	color: #FFFFFF;
	font-family: Arial, "微軟正黑體";
	padding-left: 10px;
	padding-right: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1em;
	height: 30px;
	letter-spacing: 1px;
	border-top-right-radius: 0px;
	border-bottom: 1px solid #CBCBCB;
	margin-top: 0px;
	padding-top: 5px;
}