.tem04-search-picture-text{padding: 10px 0;}
.tem04-search-picture-text .box{padding-right: 15px;}
.tem04-search-picture-text .top{border-bottom: 1px solid #ddd;}
.tem04-search-picture-text .key{color:#272626;border-color: #D9D9D9;margin-top: 10px;white-space:normal;text-align: left;}
.tem04-search-picture-text .description{color:#272626;border-color: #D9D9D9;margin-top: 10px;line-height: 180%;}
.tem04-search-picture-text .batch{color:#272626;border-color: #D9D9D9;float: right;margin:10px 0 15px;white-space:normal;text-align: left;}
.tem04-search-picture-text .all{color:#272626;display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;}
.tem04-search-picture-text .all .choose{width: auto;visibility: hidden;}
.tem04-search-picture-text .all .choose.active{visibility: visible;}
.tem04-search-picture-text .all .choose label{width: 100%;display: flex;display: -webkit-flex;align-items:center;}
.tem04-search-picture-text label.checkbox-inline{padding:0;font-size: 0;margin-right: 2px;transform: translateY(4px);-moz-transform: translateY(4px);-webkit-transform: translateY(4px);}
.tem04-search-picture-text label input{position: relative!important;width: 16px;height: 16px;line-height: 16px;margin:0!important;cursor: pointer;}
.tem04-search-picture-text label ._inp{position: relative!important;z-index: 1;height: 16px;line-height: 16px;cursor: pointer;left:-16px;display: inline-block;}
.tem04-search-picture-text ._inp::before{position: absolute;content: "\e65e";font-family: 'icomoon' !important;font-size: 12px;font-weight: 700;overflow: hidden;color:#fff;width: 16px;text-align: center;line-height:16px;}
.tem04-search-picture-text ._inp::after{position: absolute;content: "";width: 16px;height: 16px;background-color: #fff;z-index: -1;border-radius: 2px;border:1px solid #C0CCDA;}
.tem04-search-picture-text input.o_choose + ._inp::before{content: "\e07f";}
.tem04-search-picture-text input.o_choose + ._inp::after,
.tem04-search-picture-text input.active + ._inp::after,
.tem04-search-picture-text input.all_choose + ._inp::after{background-color: #1890FF;border-color: #1890FF;}
.tem04-search-picture-text .all .view{float: right;flex-shrink:0;}
.tem04-search-picture-text .all .view span{font-size: 2rem;vertical-align:-7px;}
.tem04-search-picture-text .all .view span.active{color:#1890FF;}
.tem04-search-picture-text .items[name="list2"]{margin:0;}
.tem04-search-picture-text .items .btn{display: none;}
.tem04-search-picture-text .items[name="list2"] .item{width: 100%;max-width:100%;display: flex;display: -webkit-flex;align-items: center;position: relative;padding: 20px 0 20px 60px!important;border:1px solid #ddd;}
.tem04-search-picture-text .items[name="list2"] .item label{position: absolute;left:20px;top:50%;transform: translateY(-50%);}
.tem04-search-picture-text .items[name="list2"] .item .image{width: 20%;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.tem04-search-picture-text .items[name="list2"] .item .txt{width: calc(80% - 30px);padding-left: 30px;}
.tem04-search-picture-text .items[name="list2"] .item .txt .title{font-size: 16px;}
.tem04-search-picture-text .items[name="list2"] .item .txt .title span{padding-left: 0;}
.tem04-search-picture-text .items[name="list2"] .item .description{margin: 15px 0 30px;white-space: pre-wrap;line-height: 180%;max-height: 500px;}
.tem04-search-picture-text .items[name="list2"] .item .btn{display: inline-block!important;}
.tem04-search-picture-text .item{margin:10px 0;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.tem04-search-picture-text .image{background-size: cover;background-position: center;height: calc(100% - 100px);width: 100%;}
.tem04-search-picture-text .image img{width: 100%;opacity: 0;}
.tem04-search-picture-text .txt{color:#272626;padding: 15px 0;width: 100%;}
.tem04-search-picture-text .txt .title{font-size: 14px;color:inherit;line-height: 20px;max-height: 44px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.tem04-search-picture-text .txt .description{margin-top: 10px;opacity: .8;white-space: nowrap;text-overflow: 
	ellipsis;overflow: hidden;max-height: 20px;}
@media(max-width:991px){
	.tem01-search-picture-text{min-height: 10vh;}                                             
	.tem01-search-picture-text .box{padding-right: 0;}
	.tem04-search-picture-text .all{margin-top: 10px;}
}
@media(max-width:768px){
	.tem01-search-detail .tem18-side .wrap h3,
	.tem01-search-detail .tem18-side .wrap .h3{padding-left: 0;padding-right: 0;}
	.tem01-search-detail .tem18-side .wrap{background-color: #fff;}
}
@media(max-width:480px){
	.tem04-search-picture-text .items[name="list2"] .item{padding: 3% 3% 3% 40px!important;}
	.tem04-search-picture-text .items[name="list2"] .item .txt{width: calc(80% - 10px);}
	.tem04-search-picture-text .items[name="list2"] .item label{left: 10px;}
	.tem04-search-picture-text .items[name="list2"] .item .image{width: 30%;}
	.tem04-search-picture-text .items[name="list2"] .item .btn{padding: 4px 8px;font-size: 12px;}
	.tem04-search-picture-text .items[name="list2"] .item .description{margin:5px 0 15px;}
	.tem04-search-picture-text .items[name="list2"] .item .txt{width: calc(70% - 10px);padding-left: 10px;}
}
@media(max-width:360px){
	.tem04-search-picture-text .key,
	.tem04-search-picture-text .batch{font-size: 12px;}
}


/* add Style */
.tem04-search-picture-text .items[name="list2"] .image{height:100%;}
.tem04-search-picture-text .image{position:relative;}
.tem04-search-picture-text .items[name="list2"] .item .title::before{content:attr(typeis);position:absolute;margin-top:-25px;background-color: #e4e0e0;padding: 0 20px;text-transform:uppercase;font-size: 12px;color: #8e8e8e;}