/* CSS Document */
#consign_list{

}

.simple_tab{}
.simple_tab_item {
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#666666;
	display:inline-block;
	*display:inline;
	*zoom: 1;
	font-size:11pt;
	margin-bottom:-3px;
	padding:3px 10px 7px;
	vertical-align:bottom;
	text-decoration: none;
	font-weight: bold;
}
.simple_tab_hover {
	-moz-box-shadow:1px -1px 2px #CCCCCC;
	-webkit-box-shadow:1px -1px 2px #CCCCCC;
	background-color:#FFCC66;
	border-bottom:0 none #FFCC66;
	border-color:#FFCC66;
	color:#333333;
	margin-bottom:-1px;
	position:relative;
	z-index:2;
}

.auto_info {
	-moz-box-shadow:0 0 3px #CCCCCC;
	-webkit-box-shadow:0 0 3px #CCCCCC;
	background-color:#FFFFFF;
	*border: 1px solid #CCC;
	border-top:3px solid #FFCC66;
	padding: 20px 20px 10px;
	position:relative;
	z-index:1;
	font-size: 10pt;
	overflow: hidden;
	*zoom: 1;
}

.auto_photo, .auto_detail, .auto_pricement{
	margin-left: 20px;
	color: #666;
	line-height: 1.5;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.auto_photo img{
	border: 1px solid #CCC;
	padding: 2px;
}
.auto_photo p{margin: 0px;}
.auto_title{
	font-size: 12pt;
	color: #04d;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 0px;
}
.auto_detail{width: 350px;}
.auto_detail p{margin: 0;}
.auto_detail span{
	color: #404040;
}
.auto_pricement{
	margin-right: -100px;
}
.auto_price{
	font-size: 26pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #C00;
	margin-top: -10px;
	vertical-align: baseline;
}
.item_status{
	font-size: 20pt;
	color: #C00;
	vertical-align: baseline;
	margin-top: -10px;
}
.auto_appiontment{
	clear: both;
	display: block;
	margin-top: 10px;
}
.auto_tips{
	line-height: 1.8;
	float: left;
	margin-top: 10px;
	color: #666;
}
.yellow_tips{
	float: left;
}
.auto_operation{
	text-align: right;
	float: right;
	margin: 40px 0px -20px 5px;
}
.agent_list{
	margin-top: 20px;
}
.agent_list_header, .agent_list_item{
	padding: 10px 30px 20px;
	border-bottom: 1px solid #EEE;
}
.agent_list_header{	
	border-bottom: 2px solid #FF6600;
	line-height: 30px;
	padding-bottom: 0;
	font-size: 11pt;
}
.agent_list_header .agent_list_infos{
	text-align: left;
	padding-left: 60px;
	width: 350px;
}
.agent_list_infos, .agent_list_region, .agent_list_operation{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	vertical-align: middle;
}
.agent_list_infos{
	width: 410px;
	text-align: left;
	line-height: 1.8;
}
.agent_list_infos dt{
	font-size: 12pt;
}
.agent_list_infos dt b, .agent_list_infos dd i{
	margin-right: 10px;
	font-style: normal;
}
.agent_list_infos dt a{
	color: #04d;
}
.agent_list_mobile {
	color:#009900;
	font-size:14pt;
	font-weight:500;
	font-family: arial;
}
.agent_list_infos dd a{
	color: #444;
}
.agent_list_infos dd{
	color: #666;
	font-size: 10pt;
}
.agent_list_region, .agent_list_operation{
	width: 130px;
}
.agent_list_region{
	font-size: 11pt;
}
.agent_list_operation{
	
}
.dropdown{
	margin: 0 auto;
	width: 120px;
	position: relative;
	background-color: #FFF;
}
/* 修復導航欄樣式bug */
.menu-item .dropdown{
	width: auto;
	position: relative;
	background-color: transparent;
}

.dropdown_btn{
	text-decoration: none;
	font-size: 11pt;
	display: block;
	border-color: #BBB #888 #888 #BBB;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	height: 25px;
	line-height: 25px;
	color: #333;	
}
.dropdown_list{
	position: absolute;
	background-color:#FCFCFC;
	border-color: #EEE #888 #888 #BBB;
	border-width: 0px 2px 2px 1px;
	border-style: solid;
	width:117px;
	top: 26px;
	left: 0;
	display: none;
}
.dropdown_list li{
	font-size: 11pt;
	padding: 3px 7px;
	cursor: pointer;
	text-align: left;
}
.dropdown_list li:hover{background-color: #E6E6E6;}
.dropdown.active{z-index:100;}
.dropdown.active .dropdown_btn{background-color:#E0E0E0;}
.dropdown.active .dropdown_list{display:block;}

#dealfeedback table th{width: 6em;}
.simple_form input.bigButton{
	-webkit-box-shadow: none;
	border-color: #8BB5F8 #295192 #295192 #8BB5F8;
	height: 25px;
}
.simple_tab{position: relative;}
.btn_consign_newpost{
	position: absolute;
	right: 0px;
	top: -2px;
}
.btn_consign_newpost img{height:auto;}


/*îA¼s¼ÄÊÛ¹ÜÀíÁбí*/
.item_list{
	margin-top: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #999 #999 #CCC;
}
.item_list_header, .item_list_item{
	padding: 10px 30px 20px;
	border-bottom: 1px solid #EEE;
}
.item_list_header{	
	border-bottom: 2px solid #FF6600;
	line-height: 30px;
	padding: 0 30px;
	font-size: 11pt;
	margin: 0px 2px;
}
.item_list_header .item_list_infos{
	text-align: left;
	padding-left: 30px;
	width: 260px;
}
.item_list_infos, .item_list_list, .item_list_year, .item_list_price,
.item_list_status, .item_list_operation{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	vertical-align: middle;
}
.item_list_item{margin-left:2px;}
.item_list_mname{font-size: 11pt;}
.item_list_infos{
	width: 290px;
	text-align: left;
	line-height: 1.8;
}
.item_list_infos dt{
	font-size: 12pt;
}
.item_list_infos dt b, .item_list_infos dd i{
	margin-right: 10px;
	font-style: normal;
}
.item_list_infos dt a{
	color: #04d;
}
.item_list_mobile {
	color:#009900;
	font-size:12pt;
	font-weight:bold;
	font-family: arial;
	font-style: normal;
}
.item_list_infos dd a{
	color: #444;
}
.item_list_infos dd{
	color: #666;
	font-size: 10pt;
}
.item_list_year, .item_list_price,
.item_list_status{
	width: 80px;
	font-size: 11pt;
}
.item_list_operation{width:130px;}

.consign_frm_post_title,.consign_frm_list_title,.consign_frm_deal_title,.consign_appointment_list_title{
	background: url(//img.8891.com.tw/consign/consign_title.png) no-repeat 0 0;
	text-indent: -999em;
	height: 35px;
}
.consign_frm_list_title{background-position: 0 -100px;}
.consign_frm_deal_title{background-position: 0 -200px;}
.consign_appointment_list_title{background-position: 0 -300px;}


.item_list li:nth-child(2n){background-color:#F0F0F0;}

/*改版*/
#container{
	width: 952px;
	margin: 0 auto;
	overflow: hidden;
}

#body{
	margin: 10px auto;
	text-align: left;
}

#search_area{
	border: 1px solid #CC9;
	background:url(//img.8891.com.tw/consign/consign_public.png) repeat-x 0 0;
	height: 110px;
	margin-top: 10px;
	overflow: hidden;
	width: 950px;
}

.appointment_times{
	width: 150px;	
	text-align: center;
	margin-top: 25px;
	margin-right: 45px;
	_margin-right: 15px;
	float: right;
}

.appointment_times dt{
	color: #F60;
	font-size: 10pt;
	margin-bottom: 5px;
}

.appointment_times dd{
	background: url(//img.8891.com.tw/consign/consign_public.png) no-repeat 0 -170px;
	width: 165px;
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	font-family: arial, sans-serif;
}

.appointment_times dd i{
	font-size: 10pt;
	font-style: normal;
	color: #666;
}



#search_area form, #searchbar{
	float: left;
	max-width: 720px\9;
	display: inline;
}

#searchbar{
	margin: 10px 18px;
}

#searchbar ul{
	max-width: 720px;
	_width: 700px;
	display: block;
}

#searchbar li{
	margin-bottom: 10px;
}

#searchbar .head{
	color: #E30;
	font-size: 11pt;
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
	text-indent: 5px;
	line-height: 1.8;
}

#searchbar .searchbtn{
	background: url(//img.8891.com.tw/consign/consign_public.png) no-repeat 0 -120px;
	width: 124px;
	height: 35px;
	float: right;	
	margin-bottom: -30px;
	margin-left: 10px;
	overflow:hidden;
}
#searchbar .searchbtn input{
	text-indent: -999em;
	background: transparent none;
	border: 0 none #FFF;
	display: block;
	height: 35px;
	margin: 0;
	padding: 0;
	width: 100%;
	cursor: pointer;
	_margin-left:-10px;
}

#searchbar .selection{
	min-width: 450px;
	float: left;
}

#searchbar .selection input{
	margin-right: 5px;
	color: #666;
	background:url(//img.8891.com.tw/search/bg_select_xpstyle_127x21.gif) no-repeat left top;
	border: 0 none #FFF;
	height: 19px;
	cursor: pointer;
	line-height: 19px;
	padding-left: 2px;
	padding-right: 20px;
	width: 105px;
}
#searchbar .selection input:hover{
	background-position:left bottom;
}

#searchbar .tips{
	font-size: 9pt;
	color: #333;
	width: 450px;
	clear: both;
}

#searchbar .tips i{
	background: url(//img.8891.com.tw/consign/consign_public.png) no-repeat -170px -170px;
	line-height: 15px;
	padding-left: 15px;
	margin-right: 5px;
	padding-top: 2px;
}

#main, #sidebar{
	float:right;
	margin-top: 10px;
	overflow: hidden;
}

/*  sidebar  */
#sidebar{
	width: 230px;
}
#sidebar div{
	margin-bottom: 10px;
}
#sidebar div div{
	margin-bottom: auto;
}

#quick_sale{
	border: 1px solid #FFC875;
	overflow: hidden;
	width: 228px;
}

#quick_sale h3{
	background: url(//img.8891.com.tw/consign/consign_public.png) repeat-x 0 -30px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-indent: 1em;
	font-size: 10pt;
}

#quick_sale table{
	margin: 10px;
}

#appointment_list{border: 1px solid #CCC;overflow: hidden;_zoom: 1;}

#appointment_list h3{
	background: url(//img.8891.com.tw/consign/consign_public.png) repeat-x 0 -280px;
	height: 30px;
	line-height: 30px;
	color: #666;
	padding-left: 10px;
	border-bottom: 1px solid #CCC;
	font-size: 10pt;
}
#appointment_list h3 i{
	background: url(//img.8891.com.tw/consign/consign_public.png) no-repeat -170px -188px;
	line-height: 30px;
	color: #444;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	_zoom:1;
}
#appointment_list .list{
	margin: 5px;
	height: 300px;
	overflow: hidden;
}
#appointment_list .list li{
	border-bottom: 1px dashed #CCC;
	line-height: 1.8;
	padding: 5px 8px;
}
#appointment_list li a{color: #333;}
#appointment_list p{
	margin: 0;
	line-height: 1.5;
	color: #666;
	position: relative;
}
#appointment_list p.msg{font-size: 10pt;}
#appointment_list p.msg a{margin-right: 5px;}
#appointment_list p.msg i{
	color: #999;
	font-style: normal;
	margin-left: .5em;
	position: absolute;
	right: 0;
	top: 3px;
}
#appointment_list p.info{
	color: #0066CC;	
	font-size: 9pt;
}
#appointment_list p.info a:link{
	color: #0066CC;
	text-decoration: none;
}
#appointment_list p.info a:hover, #appointment_list p.info a:active{
	color:#FF3300;
}
#appointment_list p.info a:visited{
	color:#551A8B;
}
#appointment_list li:hover{
	background-color: #FFFCCC;
	border-bottom: 1px solid #999;
}

/*  main  */
#main{
	width: 712px;
	margin-left: 10px;
	color: #444;
}
#search_info{
	border: 1px solid #CCC;
	background-color: #FFFFD6;
	padding: 4px 20px;
}
#flow{
	margin-top: 10px;
	border: 1px solid #FFCC66;
}

/*  List View  */
#list_container{
	margin-top: 10px;
}
.switchTab{
	border-bottom: 2px solid #FF9F10;
}
.switchTab a, .switchTab a span {
	background-image:url("/img/search/curent_bg_v3.gif");
	background-repeat:no-repeat;
	display:block;
	height:27px !important;
	line-height:27px !important;
	margin-bottom: -2px;
}
.switchTab a {
	background-position:left bottom;
	padding-left:20px;
	text-decoration:none;
	font-size:9pt;
	height:25px;
	margin-right:1px;
	float: left;
	color: #666;
}
.switchTab a span {
	background-position:right bottom;
	padding-right:10px;
}
.switchTab a.curentBox span {
	background-position:right top;
}
.switchTab a.curentBox {
	background-position:left top;
	color:#FFFFFF;
}
.switchTab a.normalBox {
	color:#666;
	font-weight:normal;
}
.switchTab a.normalBox span {
	background-position:right bottom;
}

.switchTab dd{
	float: right;
	margin-top: 7px;
}

.switchTab .total b{
	color: #C33;
}

#list_container .sort_box{
	border-bottom: 1px solid #CCC;
	padding: 4px 5px;
	text-align: right;
}

.sort_box a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	padding: 0 18px 0 5px;
	border: 1px solid #CCC;
	height: 18px;
	line-height: 16px;
	*line-height: 18px;
	background: url(//img.8891.com.tw/consign/consign_public.png) no-repeat right -211px;
	color: #666;
	text-decoration: none;
}
/* sort desc */
a.renew-desc, a.year-desc, a.appoint-desc, a.click-desc, .sort_box a.sort-normal:hover,a.renew-asc:hover,a.year-asc:hover, a.appoint-asc:hover, a.click-asc:hover{
	background-position: right -251px;
	border-color: #e0c981;
}
/* sort asc */
a.renew-asc, a.year-asc, a.appoint-asc, a.click-asc, a.renew-desc:hover, a.year-desc:hover, a.appoint-desc:hover, a.click-desc:hover{
	background-position: right -231px;
	border-color: #e0c981;
}

.list-view{
	padding: 2px;
}
.list-item{
	padding: 10px;
	border-bottom: 1px dashed #CCC;
}
.list-item:hover, .list-item.hover{
	border-bottom: 2px solid #FFBA00;
	margin-bottom: -1px;
	background-color: #FFF6DF;
}
.list-item a, .list-item a:link{
	color:#0044DD;
}
.list-item a:visited{
	color:#551A8B;
}
.list-item a:hover, .list-item a:active{
	color:#FF3300;
	text-decoration: none;
}
.list-item p{margin:0;color:#444;}
.list-item .pic, .list-item .deal-time, .list-item .detail, .list-item .deal-detail, .list-item .year, .list-item .appoint, .list-item .click{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 4px;	
	text-align: center;
	font-size: 10pt;
}
.list-item .pic *, .list-item .deal-time *, .list-item .detail *, .list-item .deal-detail *, .list-item .year *, .list-item .appoint *, .list-item .click *{
	vertical-align: baseline;
}
.list-item .pic, .list-item .deal-time{
	width: 130px;
}
.list-item .pic img{
	padding: 2px;
	border: 1px solid #CCC;
	width: 115px;
}
.list-item .pic a:hover img, .list-item:hover .pic img, .list-item.hover .pic img{
	border-color: #F60;
	border-width: 2px;
	margin: -1px;
}
.list-item .detail {
	margin-top: -10px;
	text-align: left;
	width: 310px;
}
.list-item .detail p{
	color: #444;
	margin: 3px 0;
}
.list-item .detail .title{
	font-size: 11pt;
	margin-bottom: 10px;
}
.list-item .detail .title a{
	vertical-align: baseline;
}
.list-item .detail .region em, .list-item .detail .region em *{ 
	color: #999;
	font-size: 9pt;
	font-style: normal;
}
.list-item .deal-detail{
	width: 310px;
	text-align: left;
}
.list-item .deal-detail .title{
	font-size: 10pt;
	color: #000;
}
.list-item .deal-detail p{
	color:#8A6800;
	margin: 5px 0;
}
.list-item .year{
	width: 70px;
}
.list-item .appoint{
	width: 90px;
}
.list-item .appoint b{
	color: #F60;
}
.list-item .click{
	width: 50px;
}
.empty-view{
	text-align: center;
	margin-top: 20px;
}
.empty-view h3{
	font-size: 11pt;
	color:#C00;
}
.empty-view p{
	color: #666;
	font-size: 10pt;
}

#footer{
	clear: both;
}