@charset "utf-8";
/* CSS Document */
.pageSearch_top {background:#e4dfd9; padding:60px 0;}
.pageSearch_top .title {font-size:30px; line-height:1.2em; color:#353132; text-align:center;font-family:freigsanproLIG,Lato,Arial,Helvetica,sans-serif;}
.pageSearch_top .search {width:70%; height:60px; margin:20px auto; background:#fff; position:relative; z-index:1;}
.pageSearch_top .search .search_txt {display:block; background:none; border:0; width:86%; height:40px; margin:0 10% 0 0; padding:10px 2%; font-size:18px; color:#444;}
.pageSearch_top .search .search_btn {display:block; position:absolute; z-index:2; top:0; right:0; width:90px; height:60px; font-size:20px; line-height:60px;font-family:freigsanproMED,Lato,Arial,Helvetica,sans-serif; background:#fa745f; color:#fff; border:0; cursor:pointer;}
.pageSearch_top .searchSelect {padding:0 0 10px 0; color:#444; text-align:center;}
.pageSearch_top .searchSelect span {display:inline-block; padding:0 10px 0 0; vertical-align:middle;}
.pageSearch_top .searchSelect label {display:inline-block; vertical-align:middle; margin:0 10px; overflow:hidden; cursor:pointer;}
.pageSearch_top .searchSelect label input {float:left; margin:3px 0 0 0; position:absolute; z-index:2; left:-200px;}
.pageSearch_top .searchSelect label strong {float:left; margin:3px 0 0 0; display:block; background:none; border-radius:100px; width:10px; height:10px; padding:3px; border:solid 2px #444;}
.pageSearch_top .searchSelect label strong i {display:block; width:10px; height:10px;border-radius:100px; overflow:hidden;}
.pageSearch_top .searchSelect label strong.curr {border:solid 2px #fa745f;}
.pageSearch_top .searchSelect label strong.curr i {background:#fa745f;}
.pageSearch_top .searchSelect label span {display:block; padding:0 0 0 30px;}
.pageSearch_top .other_hot {padding:0;font-size:14px; line-height:1.2em; color:#444;}
.pageSearch_top .other_hot a {color:#444; text-decoration:underline; margin:0 0 0 10px;}
@media (max-width: 800px) {
	.pageSearch_top .search {width:100%;}
}
@media (max-width: 500px) {
	.pageSearch_top .searchSelect span {display:block;}
	.pageSearch_top .searchSelect label {padding:5px 0;}
}

.recom  {padding:0 0 40px 0;}
.recom .title{font-size:16px; line-height:1.2em; color:#353132; margin:20px 4% 8px; padding-bottom:8px;}
.recom .item{ float:left; width:46%; margin:10px 2% 0;}
.recom .item .img{float:left; width:100px;}
.recom .item .img img{ max-width:100%;}
.recom .text{ padding:0 0 0 120px; font-size:14px; line-height:1.2em; color:#666;}
.recom .text h3{ font-size:18px; line-height:1.2em; padding-bottom:5px;font-family:freigsanproMED,Lato,Arial,Helvetica,sans-serif; color:#353132;}
.recom .btn_more {display:inline-block; background:url(images/arrow_r_o.png) no-repeat right center; color:#fa745f; padding:0 35px 0 0; margin:10px 0 0 0;}
.recom .text > a {margin:5px 0 0 0;}
@media (max-width: 767px) {
	.bg .search{ width:100%;}
	.sidebar .search{width:90%;}
}
@media (max-width: 479px) {
	.recom .item{ float:none; width:100%;}
}

.search_cont {padding:30px 0;}
.content {float:left;width:70%;}
.sidebar {float:right;width:24%;}
.sidebar .box{padding:0 0 40px 0;}
.sidebar .box .tit{padding:0 0 15px 0; font-size:24px; line-height:1.2em; color:#353132; border-bottom:solid 1px #e4dfd9;font-family:freigsanproLIG,Lato,Arial,Helvetica,sans-serif;}
.sidebar .box .list{padding:10px 0 0 0;}
.sidebar .box .list li{line-height:1.4em;padding:4px 0; list-style:none; margin-left:0;}
.sidebar .box .list li a {display:block; font-size:14px; line-height:1.2em; color:#666; overflow:hidden; padding:5px 0;}
.sidebar .box .list li a:hover {text-decoration:none; color:#fa745f;}
.sidebar .box .list li strong {float:right; width:30%; display:block;}
.sidebar .box .list li span {padding:0 35% 0 0; display:block;}
.sidebar .search .tit {border-bottom:0;}
.sidebar .search .search_cont{width:auto;height:30px;line-height:30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border:1px solid #e4dfd9;position:relative; background:#FFF; padding:5px;}
.sidebar .search .text{display:inline-block; border:0; width:100%;height:30px; line-height:30px; font-size:12px;color:#999;background:url(images/arrow_tb_o.png) no-repeat 98% 10px;}
.sidebar .search .search-btn{display:inline-block;  border:0; background:#f6772c;font-size:16px;height:40px; padding:0 25px;line-height:42px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; font-weight:bold; cursor:pointer; position:absolute; top:0; right:0;}
.sidebar .search .search-btn:hover{background-color:#f66d1c;}

.search_result {border: 1px solid #e4dfd9;padding:20px;}
@media (max-width: 800px) {
	.content,
	.sidebar {float:none; width:auto;}
	.sidebar {padding:30px 0 0 0;}
}

/*search auto complete*/
.ac_results {border:1px solid #bbb; background-color:white; padding:0; margin:0; list-style:none; position:absolute; z-index:10000; display:none;margin-left:1px; overflow:auto;}
.ac_results li {padding:3px 5px;white-space:nowrap;color:#101010;text-align:left; font-size:12px;	}