@charset "big5";

/*=== 排序樣式 ===*/
.screening{
	border-bottom:1px solid #acacac;
	border-top:1px solid #cacdce;
	height:35px;
	-webkit-box-shadow:0px 2px 0px 0px #e4e4e4;
	box-shadow:0px 2px 0px 0px #e4e4e4;
	background:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#f7f7f7));
	margin-bottom:5px;
	clear:both;
}
.screening li{
	float:left;
	width:50%;
	text-align:center;
	line-height:35px;
}
.screening li a{
	border-left:1px solid #aab0b3;
	display:block;
	color:#333;
}
.screening li:first-of-type a{
	border-left:0 none;
}
.screening li a.sort_by_up span,
.screening li a.sort_by_down span{
	color: #FF5500;
	padding-right:14px;
	line-height:35px;
	display:inline-block;
}
.screening li a.sort_by_up span{
	background: url(../../../../images/api/mobile/public/global/arrow-up.png) no-repeat right center;
}
.screening li a.sort_by_down span{
	background: url(../../../../images/api/mobile/public/global/arrow-down.png) no-repeat right center;
}
.screening li a.select {
    color: #FF5500;
}
/*=== 列表內容 ===*/
.list{
	
}

.list ul li.data{
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
    min-height: 90px;
    padding: 0 0 5px;
    position: relative;
    z-index: 1;
}
.list ul li .photo {
    float: left;
    margin: 8px 6px 0;
    width: 80px;
}
.list ul li .photo img {
    border: 2px solid #EEEEEE;
}
.list ul li .item {
    margin-left: 112px;
    padding: 5px 6px 5px 0;
    vertical-align: middle;
	font: normal 12px/18px arial;
}
.list ul li .item .n1 {
	color:#141414;
	font: bold 14px/20px arial;
	
}
.list ul li .item .n1 span:first-child{
    color: #FF5500;
	margin-right:5px;
    font-family: Arial,Helvetica,sans-serif;
}
.list ul li .item .n2 {
	color:#464646;
	margin:5px 0 3px 0;
}
.list ul li .item .n2 .arrow{
	float:right;
	width:15px;
	height:15px;
	display:block;
	background:transparent url(../../../../images/api/mobile/public/global/arrow_icon.png) no-repeat scroll right center;
}
.list ul li .item .n3 {
	color:#737373;
}
.list .no-data{
	text-align:center;
	padding:25px 0 0;	
}
.list ul li.li-hover{
	background-color:#f6f6f6;
}
.list .n1 .isTop{
	background:#EE6408;
	border:1px solid #FF0012;
	padding:0 2px;
	color:#FFFFFF;
	font-weight:400;
	float:right;
}

/*=== 列表翻頁 ===*/
.page-box{
	font-size:14px;
	font-family: arial;
	border:0px solid #C3C3C3;
	margin-top:20px;
}
.page-box-inner {
	padding:0 10px;
	text-align:center;
}
.page-box-inner li {
	display:inline-block;
	width:32%;
	border:1px solid #C3C3C3;
	-webkit-border-radius:0px;
	-webkit-box-shadow:0px 0px 0px 1px #FFFFFF inset;
	-webkit-box-sizing:border-box;
}
.page-box-inner li.page-number-sel{
	border:1px solid #C3C3C3;	
}
.page-box-inner li a {
	display:block;
	color:#ED6103;
	color:#333;
	font-family:HiraKakuProN-W6,Helvetica;
	font-weight:bold;
	text-shadow:0px 1px 0px #FFFFFF;
	padding:11px 0;
	margin:0;
	width:100%;
}
.page-box-inner li.prev a {
	background:url(../images/icon_prev.png) no-repeat 6% 50%;
}
.page-box-inner li.first a {
	background:url(../images/icon_first_prev.png) no-repeat 6% 50%;
}
.page-box-inner li.next a {
	background:url(../images/icon_next.png) no-repeat 94% 50%;
}
.page-box-inner li.last a {
	background:url(../images/icon_last_next.png) no-repeat 94% 50%;
}

.page-select-box {
	cursor: pointer;
	position: relative;
	_filter: alpha(opacity=0);
	background-color:##fafafa;
}
.page-select-box a {
	z-index: 2;
	padding-left: 10px;
}
.page-select-box a span{
	margin-right:3px;
}
.page-select-box a span b{
	color:#ED6103;	
}
.page-select-box .page-select {
	z-index: 4;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}
.page-select-box,.page-select-box .page-select{
	width:100%;	
}
.page-nav-up i {
	display: inline-block;
	font-size: 0;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	width: 6px;
	height: 6px;
	background-color: transparent;
	-webkit-transform: rotate(45deg);
}
.page-nav-down i {
	display: inline-block;
	font-size: 0;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	width: 6px;
	height: 6px;
	background-color: transparent;
	-webkit-transform: rotate(225deg);
	margin-bottom: 3px;
}

/*=== 收藏物件tab ===*/

.fav{
	padding:0 5px;
	margin:5px 0;	
}

.list ul li.fav-list-box{
	display:block;
	background-color:#ececec;
	border-top:1px #ddd solid;
	margin-top:-1px;
	padding-left:5px;
	font-size:14px;
	cursor:pointer;
	padding-top:8px;
	padding-bottom:8px;
}
.list ul li.fav-list-box:first-child{
	margin-top:5px;	
}
.list ul li.fav-list-box input{
	margin-right:2px;
}
