/* 搜尋結果頁 */

.breadcrumb {
	background-color: #e6e6e6;
}

.breadcrumb .content, .breadcrumb .content a {
	padding: 0px;
	color: #71304e;
}

.searchLayout {
	display: flex;
}

.ProductView hr{
    margin-top: 5px;
    margin-bottom: 5px;
}

.condition {
	padding: 5px;
	width: 100%;    
}

.condition a {
	color: #4aacc5;    
    margin-top: 10px;
    font-size: 14px;
}

.condition h2 {
	color: #4aacc5;
    margin-top:10px;
    font-size:24px;
}
.condition hr {
	margin-top: 5px;
    margin-bottom: 10px;
}

.btn-group-xs span{
    padding:1px 0px;
}

@media screen and (max-width:768px) {
	.condition h2 {
		color: #4aacc5;
		font-size: 1.4em;
	}
}

.condition-title {
	display: flex;
	justify-content: space-between;
}
.condition-title h2{
    font-size:24px;
    margin-top:10px;
}

.frameBorder {
	border: 2px solid #4aacc5;
}

.frameBorderLayout {
	display: flex;
}

.icon-1 {
	position: absolute;
	margin-left: 15px;
	margin-top: 1px;
	z-index: 1;
	color: #4f5b66;
}

.searchStyle {
	width: 100%;
	padding: 5px;
	margin: 5px;
}

.searchStyle_1 {
	width: 100%;
	padding: 5px;
}

.searchSelectStyle {
	background-color: #e6e6e6;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	border: 0;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	padding: .5em;
	margin: 5px;
	padding-right: 1.5em;
	font-size: 14px;
	text-align-last: center;
	width: 100%;
}

.searchSelectStyle_1 {
	background-color: #e6e6e6;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	border: 0;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	padding: .5em;
	padding-right: 1.5em;
	font-size: 14px;
	text-align-last: center;
	width: 100%;
}

.searchInputStyle {
	border: 1px solid #e6e6e6;
	padding-left: 30px;
}

.frameBorderLayout .searchBtnStyle {
	background-color: #e6e6e6;
	font-size: 14px;
}

.frameBorder h3 {
	text-align: left;
	min-height: 0px;
	padding: 5px;
    margin:0px;
    font-size: 20px;
}

.frameBorderLayout1 {
	display: block;
	padding: 10px;
}

.frameBorderLayout1 .searchTextStyle {
	border-bottom: 1px dashed #e6e6e6;
    font-size: 14px;
    margin-top: 5px;
}

.searchLinkStyle {
	background-color: #4aacc5;
	text-align: center;
}

.searchLinkStyle a {
	color: white;
}

.frameBorderTop {
	border-top: 2px solid #4aacc5;	
}
.frameBorderBottom {	
	border-bottom: 2px solid #4aacc5;
    margin-bottom: 5px;
}

.frameBorderTop .frameBorderTopBg {
	background-color: #e6e6e6;
}

.resultCondit {
	border-radius: 20px;
	margin: 5px 10px;
	padding: 5px;
	background-color: white;
}

.frameBorderTop .conditionRankLayout {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
	width: 100%;
}
.frameBorderBottom .conditionRankLayout {
	display: flex;
	justify-content: space-between;	
	width: 100%;
}
.frameBorderBottom .condition {
    padding:0px!important;
}

@media screen and (max-width:768px) {
	.frameBorderTop .conditionRankLayout {
		display: block;
	}
    .frameBorderBottom .conditionRankLayout {
		display: block;
	}
}

.frameBorderTop .conditionRankLayout .rankBoxLeft,
.frameBorderBottom .conditionRankLayout .rankBoxLeft {
	
    float:left;
}

.frameBorderTop .conditionRankLayout .rankBoxRight,
.frameBorderBottom .conditionRankLayout .rankBoxRight {
	
	text-align: right;
   
}

@media screen and (max-width:768px) {
	.frameBorderTop .conditionRankLayout .rankBoxRight {
		width: auto;
		text-align: left;
	}
	}

.rankCondit {
	background-color: #e6e6e6;
	padding: 5px 10px;
	font-size: 14px;
	margin: 5px;
}



@media screen and (max-width:375px) {
	.frameBorderBottom .conditionRankLayout .rankBoxRight {
        text-align: left;
	}
}
@media screen and (min-width:992px) {
	.filter {
		display: none;
	}
}

.selectCondit {
	background-color: #e6e6e6;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	border: 0;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	padding: 5px;
	padding-right: 1.5em;
	font-size: 14px;
	text-align-last: center;
	margin: 5px;
}

.resultBooks {
	display: flex;
}

.resultBooks .resultBooksImg {
	min-width: 150px;
    min-height: 210px;
    margin-right:10px;
    text-align:center;
    position:relative;
	/*display: flex;*/
	/*align-items: center;*/
	/*margin: auto 10px auto auto;*/
}
.resultBooksImg a img{
        max-width:150px;
        max-height:194px;
        text-align:center;
    }
.listsbsimg{
    height:210px;
    width:auto;
    max-width:150px;
}
.listsbsimg img{
    max-height:210px;
}


@media screen and (max-width:768px) {
.resultBooksImg a img{
        max-width:108px;
        max-height:145px;
    }
    .resultBooks .resultBooksImg {
	min-width: 108px;
    min-height: 145px;
}
    .listsbsimg{
        width:108px;
        height:145px;
    }
}
@media screen and (max-width:320px) {
	.listsbsimg{
        height:150px;
        width:auto;
        max-width:150px;
    }
}
.resultBooks .resultBooksInfor {
	position:relative;
    width: 90%;	
}

.resultBooksInfor a{
    color:#0f7285;
    font-size:14px;
}

.resultBooksInfor .author .pap{
    display: inline-block;
}
.resultBooksInfor>h3,.resultBooksInfor>h5{
        margin:0px;
    }

@media screen and (max-width:1024px) {
	/*.resultBooks .resultBooksImg {
		margin: auto;
	}*/
	.resultBooks .resultBooksInfor {
		width: 90%;	
		      
	}
    
    
}
.resultBooksInfor h3{
        height:22px;
        line-height:22px;
        overflow:hidden;
}

@media screen and (max-width:700px) {
    .resultBooksImg img{
        max-width:100%;
        max-height:210px;
    }
    .resultBooksInfor h3 a{
        font-size:14px!important;
    }
    .resultBooksInfor h3{
        height:32px;
        line-height:16px;
        overflow:hidden;
    }
    .resultBooksLayout>p{
        padding:0px;
    }
    
    .addLayout > button {
        font-size:12px;
        padding: 8px!important;
    }
    .addLayout>button{
         width:100px !important;  
    }
    .condition-parallel .resultBooks .resultBooksInfor .price {
		font-size: 15px!important;
	}
}

.resultBooksImg>.statustagul{
    position:absolute;
    top:-5px;
    left:-10px;
}

.statustagul li{
    margin-bottom:3px;
}
.statustagul .fa-arrow-alt-circle-up {
    color: #f63c3c;
}
.statustagul .fa-arrow-alt-circle-down {
    color: #47a24b;
}
.statustagul .fa-minus-circle {
    color: #5757f0;
}
.resultBooks .resultBooksInfor .resultBooksLayout {
	display: flex;
	justify-content: space-between;
    font-size:14px;
    margin: 5px 0;
}

.searchprod, .parallel-list-layout, #normal-list > .condition {
    border-bottom: 1px #cccccc solid;
    margin-bottom: 5px;
}

@media screen and (max-width:998px) {
	.resultBooks .resultBooksInfor .resultBooksLayout {
		display: block;
		text-align: left;
	}
}

.addLayout {
	/*display: flex;
	justify-content: space-between;*/
    text-align:right;
    font-size: 12px;
}

.sideLayout {
	display: block;
	text-align: center;
}

@media screen and (max-width:768px) {
	.addLayout {
		display: block;
	}
}

.resultBooks .resultBooksInfor .resultBooksLayout .addLayout {
	display: flex;
	text-align: center;
}

.resultBooks .resultBooksInfor .resultBooksLayout .addLayout>button {
	margin-left: 10px;
}

@media screen and (max-width:998px) {
	.resultBooks .resultBooksInfor .resultBooksLayout .addLayout>button {
		margin: 10px 10px 0 0;
	}
}



@media screen and (max-width:768px) {
	.addLayout .addCartQuick {
		display: none;
	}   
}

@media screen and (max-width:1265px) {
	 .searchprod{
        width:33%;
    }  
}
@media screen and (max-width:680px) {
	 .searchprod{
        width:50%;
    }  
     #sidList{
         display:none;
     }
}
@media screen and (max-width:515px) {
	 .searchprod{
        width:100%;
    } 
}



.parallel-list-layout .addCollect,
.parallel-list-layout .addCartQuick,
.parallel-list-layout .addCartNormal
{
    /*width:100%!important;*/
}

.addLayout .addCollect
{
    background-color: #e6e6e6;
    padding: 10px;
    text-align: center;
    margin: 5px 0px;
    width: 150px;
}
.addLayout .addCartQuick 
{
    background-color: #307283;
	color: white;
    padding: 10px;
    text-align: center;
    margin: 5px;
    width: 150px;
}
.addLayout .addCartNormal 
{
    background-color: #71304e;
	color: white;
    padding: 10px;
    text-align: center;    
    width: 150px;
}

.addLayout .addEnvelope 
{
    background-color: #78bfc9;
	color: white;
    padding: 10px;
    text-align: center;    
    width: 150px;
}

.resultBooksInfor h3 {
	color: #4aacc5;
	text-align: left;
    min-height: auto;
	/*min-height: 65px;*/
}
.resultBooksInfor h3  a{
    font-size:14px;
}

@media screen and (max-width:998px) {
	.resultBooks .resultBooksInfor h3 {
		text-align: left;
		font-size: 14px;
		/*min-height: 65px;*/
	}
}

@media screen and (max-width:550px) {
	.resultBooksInfor h3 {
		text-align: center;
	}
}

.resultBooksInfor .promote {
    padding: 5px;
    font-size: 14px;
    color: white;
    background: #ff6b6b;
    width: auto;
    border-radius: 8px;
}
    .resultBooksInfor .promote .highlight {
        background: #ff6b6b;
    }
    .resultBooksInfor .stock {
        color: #ae4de9;
        align-self: flex-end;
        font-size: 12px;
    }
.intext{
    font-size:12px;
}
@media screen and (max-width:992px) {
	.condLeft, .intext {
		display: none;
	}
    .intextmore{
        display:none;
    }
	/*.author {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}*/
}

.resultPage {
	text-align: center;
	display: inline-block;
	padding: 10px;
    width:100%;
    font-size: 14px;
}

.resultPage a {
	padding: 10px;
	color: #404040;
	word-break: keep-all;
}

.resultPage .arrivel {
	color: #307283;
	background-color: #e6e6e6;
}

@media screen and (max-width:500px) {
	.resultPage>div>a {
		display: none;
	}
}

.pageSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	border: 1px solid #e6e6e6;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	padding: .5em;
	margin: 5px;
	padding-right: 1.5em;
	font-size: 14px;
	text-align-last: center;
}

.highlight {
	background: yellow;
	padding: 0px !important;
}

/* -- 並排 搜尋結果頁 */
#normal-list .resultBooksInfor .intext
{
    height:46px;
    overflow:hidden;
    font-size: 14px;
    line-height:16px
}
#parallel-list .resultBooksInfor .intext
{
    height: 52px;
    line-height: 18px;
    overflow: hidden;
    font-size:14px;
}

.parallel-list-layout {
	display: flex;
}
.parallel-list-layout .resultBooks .intext
{
    height:90px;
    overflow:hidden;
}


.condition-parallel {
	padding: 5px;
	width: 50%;
}

@media screen and (min-width:1880px) {
	.side-parallel {
		padding: 10px;
		width: 25%;
		float: left;
	}
}

.side-parallel {
	padding: 10px;
	width: 225px;
	text-align: center;
	float: left;
}

#side-list .resultBooksImg img{
    width:auto;
}

.condition-parallel .resultBooks {
	display: block;
}

.condition-parallel .resultBooks .resultBooksImg {
	/*width: 40%;*/
	margin: auto;
}

@media screen and (max-width:450px) {
	.condition-parallel .resultBooks .resultBooksImg {
		margin: auto;
	}
}

.condition-parallel .resultBooks .resultBooksInfor {
	width: 95%;
	margin: 5px;
}

@media screen and (max-width:350px) {
	.condition-parallel .resultBooks .resultBooksInfor {
		padding: 0px;
		width: 100%;
		margin: auto;
		font-size: 14px;
	}
	.condition-parallel .resultBooks .resultBooksInfor h3 {
		font-size: 16px;
	}
	.condition-parallel .resultBooks .resultBooksInfor p {
		font-size: 14px;
	}    
}



.condition-parallel .resultBooks .resultBooksInfor h3 {
	text-align: center;
}

.condition-parallel .resultBooks .resultBooksInfor .inner {
	display: none;
}

.condition-parallel .resultBooks .resultBooksInfor .resultBooksLayout {
	display: block;
}

.condition-parallel .resultBooks .resultBooksInfor .resultBooksLayout .addLayout {
	padding: 10px 0;
	width: 80%;
	margin: auto;
	display: flex;
}

@media screen and (max-width:768px) {
	.condition-parallel .resultBooks .resultBooksInfor .resultBooksLayout .addLayout {
		width: 100%;
	}
}

@media screen and (max-width:500px) {
	.condition-parallel .resultBooks .resultBooksInfor .resultBooksLayout .addLayout {
		display: block;
	}
}

.condition-parallel .resultBooks .resultBooksInfor .resultBooksLayout .addLayout>button {
	width: 100%;
}

/* 進階搜尋頁 */

.frameBorderTopAd {
	border-top: 2px solid #4aacc5;
}

.frameBorderTopAd .frameBorderTopBg {
	background-color: #e6e6e6;
}

.frameBorderTopAd_bottom {
	border-bottom: 2px solid #4aacc5;
}

.frameBorderBox {
	padding: 10px 0;
}

.resultSearchAd {
	padding: 20px;
}

.resultConditAd {
	border-radius: 3px;
	margin: 0px;
	padding: 0.2em 0.6em 0.3em;
	background-color: #e6e6e6;
	border: 1px #cccccc solid;
	color: #000;
	font-size:12px;
}

.resultCondiAd {
	display: flex;
	align-items: center;
	padding: 10px 0;
	width: 100%;
}

.resultCondiAd h3{
    margin:0px;
}

.resultCondiAd .quesTitle {
	width: 20%;	
	white-space: nowrap;
}

.resultCondiAd .quesAns {
	width: 80%;
	margin: auto;
}

.resultCondiAd .quesAns .ques {
	word-break: keep-all;
	padding: 0px 2% 0px 2%;
}

@media screen and (max-width:1024px) {
	.resultCondiAd .quesTitle {
		width: 35%;
	}
	.resultCondiAd .quesAns {
		width: 100%;
	}
}

@media screen and (max-width:515px) {
	.resultCondiAd {
		display: block;
	}
	.resultCondiAd .quesTitle {
		width: 100%;
	}
	.resultCondiAd .quesAns {
		width: 100%;
	}
}

.quesTitle h3 {
	text-align: left;
	min-height: 0px;
}

.resultCondiAd .rb {
	padding: 0 10px;
}

.resultCondiAd .quesdate {	
	display: flex;
	align-items: baseline;
}

.resultCondiAd .quesdate h3 {
	padding: 0 10px;
	min-height: 0;
	display: flex;
	align-items: center;
}

.resultCondiAd .quesdate .quesdateBox {
	width: 100%;
}

.resultCondiAd .quesdate .quesdateFrame {
	border: 1px solid #e6e6e6;
}

.condiStyle {
	width: 25%;
	padding: 5px;
}

.addCondi {
	background-color: #307283;
	width: 100%;
	padding: 5px;
	color: white;
	cursor: pointer;
}

.condiSearchBtn {
	width: 25%;
	padding: 5px;
	margin: auto;
}

.addDFind {
	background-color: #307283;
	width: 100%;
	padding: 5px;
	margin: 30px 0;
	color: white;
	cursor: pointer;
	text-align: center;
}

.icon-2 {
	position: absolute;
	margin-left: 10px;
	margin-top: 6px;
	z-index: 1;
	color: #4f5b66;
}

.icon-3 {
	position: absolute;
	margin-top: 10px;
	margin-left: 15px;
	z-index: 1;
	color: #4f5b66;
}

.resultFilter img {
	width: 100%;
}

.questCont {
	width: 65%;
	padding: 10px 0;
}

.questDel {
	width: 15%;
	padding: 10px 0;
}

.questDel .questDelBtn {
	width: 100%;
	border-radius: 20px;
	padding: 5px 0;
	background-color: #e6e6e6;
}

@media screen and (max-width:500px) {
	.resultCondiAd {
		display: block;
	}
	.resultCondiAd .quesTitle {
		width: 100%;
	}
	.resultCondiAd .quesAns {
		width: 100%;
	}
	.resultCondiAd .quesdate {
		width: 100%;
		display: block;
		text-align: center;
	}
	.resultCondiAd .condiStyle {
		width: 100%;
	}
	.questCont {
		width: 100%;
	}
	.questDel {
		width: 100%;
	}
	.condiSearchBtn {
		width: 100%;
	}
}

/* 詳細頁 */

.bookStatus {
	display: flex;
	justify-content: space-between;
}

.bookStatusImg {
	width: 68%;
}

.bookStatusImg h2 {
	color: #307283;
}

.bookStatusCtrl {
	width: 30%;
}

.bookStatusImgBox {
	display: flex;
	padding: 10px 0;
}


@media screen and (max-width:1025px) {
	.bookStatusImg {
		width: 65%;
	}
	.bookStatusCtrl {
		width: 35%;
	}	
}

@media screen and (max-width:768px) {
	.bookStatusImgBox {
		display: block;
	}
	.bookStatusImg>h2 {
		text-align: center;
	}
	.bookStatusView, .bookStatusInfor {
		width: 100%;
	}
	.bookStatusView {
		text-align: center;
	}
    .side-parallel {
        float:inherit;
        margin: 0px auto;  
    }
    .condRight>.condition>.frameBorderTop{
        display:none;
    }
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block!important;
    }
}
.mobile-show {
display:none;
}

.bookStatusView img {
	padding: 10px;
}

@media screen and (max-width:768px) {
	.tryView-full {
		display: none;
	}
}

.tryViewBox {
	padding: 30px 0;
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.tryView {
	text-align: center;
	width: 100%;
}

.tryView button {
	background-color: #e6e6e6;
	color: #49abc4;
	width: 100%;
	font-size: 15px;
	padding: 10px 0;
	border: 1px solid white;
	cursor: pointer;
	display: none;
}

.tryView button:focus {
	background-color: #49abc4;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.tryView button {
		display: block;
	}
}

.book_left {
	position: absolute;
	left: 0;
	top: 20px;
}

.book_right {
	position: absolute;
	right: 0;
	top: 20px;
}

.imgg {
	max-width: initial !important;
}


@media screen and (max-width: 768px) {
	.bookStatus {
		display: block;
	}
	.bookStatusImg {
		width: 100%;
	}
	.bookStatusCtrl {
		width: 100%;
	}
    
}

.mainText {
	font-size: 16px;
	color: #307283;
}

.mainText a {
	color: #307283;
}

.otherAdd {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width:1024px) {
	.otherAdd {
		display: block;
		justify-content: space-between;
	}
}

@media screen and (max-width:768px) {
	.otherAdd .addCartNormal {
		display: none;
	}
}

.bookStatusCtrl .iconShareLayout {
	width: 100%;
	display: flex;
	align-items: center;
}



.bookStatusCtrl .iconShareLayout .iconShareBoxL {
	width: 60%;
	display: flex;
}

.bookStatusCtrl .iconShareLayout .iconShareBoxR {
	width: 40%;
	display: flex;
}

@media screen and (max-width: 768px) {
	.bookStatusCtrl .iconShareLayout .iconShareBoxL {
		width: 50%;
	}
	.bookStatusCtrl .iconShareLayout .iconShareBoxR {
		width: 50%;
	}
	.fbLike {
		display: none;
	}
}

.bookStatusCtrl .iconShareLayout .iconShare {
	width: 32px;
	margin: 5px;
	cursor: pointer;
}

.bookStatusCtrl .iconShareLayout .btnComment {
	width: 100%;
	text-align: right;
}

.bookStatusCtrl .iconShareLayout .btnComment button {
	padding: 5px 16px;
	margin: 5px;
	color: #404040;
	background-color: #e6e6e6;
}

.fbLike {
	height: 0px;
	padding: 7px;
}

.bookStatusAddCtrlBox {
	border: 1px solid #e6e6e6;
}

.bookStatusAddCtrl {
	width: 75%;
	padding: 10px;
	margin: auto;
}

@media screen and (max-width: 1024px) {
	.bookStatusAddCtrl {
		width: 90%;
	}
}

.bookStatusAdd {
	width: 100%;
	text-align: center;
}

.bookStatusAdd>button {
	margin: 5px;
}

.searchLayout {

}




.bookStatusAdd .addCartBonus {
	background-color: #e6e6e6;
	color: #4d4d4d;
	width: 100%;
	padding: 10px;
	text-align: center;
}

.bookStatusAdd .collectFocus {
	background-color: #e6e6e6;
	color: #4d4d4d;
	width: 100%;
	padding: 10px;
	text-align: center;
}

.bookStatusAdd .collectFocus-focus {
	background-color: #f2666b;
	color: white;
}

.bookStatusGiftBox {
	padding: 20px 0;
}

.bookStatusGift {
	display: flex;
	justify-content: space-between;
}

.freeGift {
	color: #b71d1d;
}

.bookProject {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}
.aboutReadTitle {
	border-bottom: 2px solid #54bdd8;
}

.aboutReadTitle>h2 {
	color: #54bdd8;
    font-size: 24px;
}

.aboutBuyTitle {
	border-bottom: 2px solid #71304e;
}

.aboutBuyTitle>h2 {
	color: #71304e;
}

.flag_status1 {
	position: absolute;
	top: 10px;
}

.flag_status2 {
	position: absolute;
	top: 40px;
}

.flag_status3 {
	position: absolute;
	top: 70px;
}

.flag_status4 {
	position: absolute;
	top: 100px;
}

.flag_status1, .flag_status2, .flag_status3, .flag_status4 {
	left: 0;
	z-index: 0;
	;
	width: 75px;
}

.condition-mobile {
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: scroll;
	position: fixed;
	background: white;
	overflow-x: hidden;
	z-index: 9998;
	width: 90%;
    padding-bottom:50px;
}

@media screen and (min-width: 993px) {
	.condition-mobile {
		display: none !important;
	}
}

/* book */
.box-ser-btn {	
	padding: 5px;
}

.box-ser-btn-full {
	width: 100%;
	padding: 5px;
}

.mob-ser-btn {
	width: 100%;
	background-color: #4aacc5;
	color: white;
}

.mob-ser-text {
	padding: 0;
	overflow: hidden;
	/*white-space: nowrap;*/
}

.cond-mob-close {
	position: fixed;
	background: #a06085;
	color: white;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
	bottom: 0;
	width: 90%;
    padding: 10px 0 10px 0;
}

.mobile-plus {
	display: none;
	text-align: center;
}

.plus-show-btn {
	width: 30%;
	border-radius: 30px;
	background-color: #e6e6e6;
}

@media screen and (max-width:776px) {
	.mobile-display {
		overflow-y: hidden;
		height: 170px;
	}
	.mobile-plus {
		display: block;
	}
}

.mobile-display-none {
	overflow-y: visible;
	height: auto;
}

.book-nav {
	position: absolute;
	display: inline-flex;
}

.btn-liteblue-rectangle:hover{
    color:#e6e6e6!important;
}
.author{
        font-size:14px;
	}
@media screen and (max-width:630px) {
	.author{
        display:none;
	}
}
@media screen and (max-width:490px) {
	.carname{
        display:none;
	}
    .addLayout>button{
        width:auto!important;
    }
}