@charset "utf-8";


/*定底層設定 */
.claer {
	clear:both;
	}	

body{
	margin:0;
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	overflow-x:hidden;
	color:#333;
	margin:0 0 0 10px;
	-webkit-user-select:none; /*查*/
	-webkit-text-size-adjust:none; /*查*/
	background:url(images/bg.png) repeat #EDEDED;
	}
	
a,u{
	cursor:pointer;
	display:inline;/*查*/
	text-decoration:inherit;/*查*/
	color:#666;
	font-weight:bold;
	}

input, select, textarea{
	border:1px solid #9C9;
	color:#000000;	
	font:1em 'Lucida Grande',sans-serif;
	margin:0.4em 0;
	padding:0.4em;
	}	
	
a img{
	border:0;
}	

a:active {
 color: #FFF;
 background-color: #006600;
}

p{
	color:#999999;
	display:block;/*查*/
	line-height:2;
	font-size:12px;
	margin:0 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}	

table{
	width:100%;
	border:0;
	border-collapse:collapse; 
	border-spacing:0;
}

/*Header*/
#top_bar {
	text-align:center;
	-moz-box-sizing:border-box; /*查*/
	background-color:#000;
	height:32px;
	padding-top:7px;
	position:relative; /*查*/
	margin:0 0 0 -10px;
	
	}

/*左邊的按鈕＠Header*/
#top_bar .top_bar_icon_1{
	left:8px;
	padding-right:40px;
	position:absolute;
	top:5px;
	color:#FFFFFF;
	}
	
/*右邊的按鈕＠Header*/	
#top_bar .top_bar_icon_2 {
	padding-left:40px;
	position:absolute;
	right:8px;
	top:6px;
	}

#top_icons{
	float:right;
	text-align:center;
	margin-right:10px;
	}
.top_icon{
	float:right;
	width:40px;
	}

#loading_content{
	background:url(images/ajax-loader.gif) center no-repeat  #FFFFFF;
	height:50px;

border:1px solid #B4B4B4;
color:black;
font:bold 17px Helvetica;
margin:15px 10px 17px 0;
padding:0;
-webkit-border-radius: 8px;
}

/*選單*/		
#menubar {
	-moz-box-sizing:border-box; /*查*/
	background-color:#000;
	height:32px;
	position:relative; /*查*/
	margin:0 0 0 -10px;
	padding-top:5px;
	}	

#menubar u {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:20px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	margin-left:2%; /*查*/
	margin-top:3px; /*查*/
	text-align:center;
	text-decoration:none;
	width:31%;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	}

#menubar.tab1 u{
	width:48%;

	}
/*目前的選單項目*/	
#menubar a.selected, #menubar u.selected {
	background:url(images/bg.png) repeat #666;
	}	

/*未讀數量＠選單*/	
#menubar span#unread_msg{
	color:#CCC;
	font-size:0.9em;
	
	}

/*內容頁籤*/		
#tabbar {
	-moz-box-sizing:border-box;
	background-color:#EDEFF4;
	border-bottom:1px solid #D8DFEA;
	height:34px;
	margin-bottom:5px;
	position:relative;
	}	
	
/*頁籤項目＠內容頁籤 （最多三個）*/		
#tabbar u {
	-moz-box-sizing:border-box; /*查*/
	background-color:#C8FFC8;
	border:1px solid #D8DFEA;
	color:#333;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:28px;
	line-height:28px;
	margin-left:2%;
	margin-top:6px;
	text-align:center;
	text-decoration:none;
	width:31%;
	}

/*目前的內容頁籤項目*/	
#tabbar u.selected {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}


/*新選單樣式*/	
div#top_nav{
	background:#006600 url(../images/header_bg_2.gif) repeat;
	color:#FFFFFF;
	margin-left:-10px;
	padding:5px 0 0 10px;
}

div#top_nav div.nav_box{
	padding:10px 30px 10px 10px;
	background:#FFF;
	color:#006600;
	margin: -1px -10px 0 -10px;
	
}

li .form_box{
	padding: 0 15px 0 5px;
	font-size:12px;
}
table#shortcuts{
	width:auto;
	margin-right:10px;
}
table#shortcuts td.one{
	width:38px;
	height:34px;
	padding:2px 4px;
	text-align:center;
	
}

table#shortcuts td.selected{
	background:#FFF;
	color:#006600;
}

table#shortcuts td.one img{
	width:30px;
	height:30px;
	
}




/* 首頁用樣式 */

body#home{
	margin:0;
	font-family:Helvetica;
	overflow-x:hidden;
	color:#333;
	-webkit-user-select:none; /*查*/
	-webkit-text-size-adjust:none; /*查*/
	background:#ccc;
}

div.home{
	background:#EDEDED;
	padding:0px;
	padding-top:20px;
	margin-left:-10px;
}

div.home h1{
	text-align:center;
	font-size:24px;
	margin-top: 10px;
}

div.home div.grid_icons{
	color:#ccc;
	border:0 none;
	float:left;
	font-size:13px;
	height:90px;
	line-height:14px;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:105px;
}

div.home div img{
	width:50px;
	height:50px;
}
	
div.home div p{
	color:#333;
	font-size:14px;
}	
	
/*.item .item_intentional, .item .item_comment {
padding-left:45px;
word-wrap:break-word;
}	*/


table.menu_col2 td, table.menu_col2 td a{
	width:50%;
	text-align:center;
	color:#006633;
	font-size:16px;
	padding:10px;


}

/*列表樣式*/	
ul {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #B4B4B4;
color:black;
font:bold 17px Helvetica;
margin:15px 10px 17px 0;
padding:0;
-webkit-border-radius: 8px;
}
li:first-child {	
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
height:25px;

   


}

li.single, li.single{
 height:auto;
} 

li.title {
background:url(images/li_title_bg.jpg) repeat-x bottom #FFF;

}	

li:first-child div.left a, li:first-child div.right a {	
	font-size:12px;
	color:#006600;

}

li div.left {
	float:left;
	width:20px;

}

li div.center {	
	float:left;
	text-align:center;
	width:70px;
	border:#000000 1px solid;

}

li div.right {	
	float:right;
	text-align:right;
	width:70px;

}
li div.right a, li div.left a {	
	color:#006600;
	font-size:12px;
}

li div.l1{
	width:180px;
}

li div.big a{
	font-size:16px;
}

li div.l2{
	width:100px;
}
li div.center_full{
	text-align:center;
}
					

li:last-child {	
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	/*height:25px;*/
}


ul li.arrow {
background-image:url("../images/chevron.png");
background-position:right center;
background-repeat:no-repeat;
padding-right:20px;
}

ul li {
border-top:1px solid #B4B4B4;
color:#666666;
list-style-type:none;
padding:10px;
}

ul li p.shout, ul li p.venue{
	white-space:normal;
	color:#006600;
	font-size:14px;
	
}
ul li p.addr{
	white-space:normal;
}

ul li p.gender{
	white-space:normal;
	color:#333333;
	font-size:12px;

}

ul li p b{
	color:#333333;
}

ul li a img.thumbnail_m{
	width:40px;
	height:40px;
}
 
table td.thumbnail img{
	width:50px;
	height:50px;
}

table td.thumbnail{
	vertical-align:top;
	width:60px;
}

table td.thumbnail_l img{
	width:60px;
	height:60px;
}

table td.thumbnail_l{
	vertical-align:top;
	width:70px;
}

table td.thumbnail_m{
	vertical-align:top;
	width:44px;
}
table td.thumbnail_m img{
	width:40px;
	height:40px;
}


ul li a, li.img a + a,ul div.center_full a, {
	color:#000000;
	display:block;
	margin:-10px;
	overflow:hidden;
	padding:12px 10px;
	text-decoration:none;
	white-space:nowrap;
}

ul div.center_full a {
	color:#006600;
}

ul li.icon{
	background:url(images/list-icon-2.png) center left no-repeat ;
	padding-left:50px;
}

#main_search {
	margin-right:10px;
	margin-top:10px;
	margin-bottom:-1px;
	text-align:center;
}

input.search{
	margin:0;
	width:90%;
 	border: 1px solid #999999; 
	font-size:16px;

}

select.distance{
	margin:0;
	width:100%;
	font-size:16px;

}

/*搜尋推薦*/	
ul#search_results li{
	-webkit-border-radius: 0;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right:25px;
	height:35px;
	
}
ul#search_results{
	-webkit-border-radius: 0;
	margin-top:-2px; 
}

ul#search_results li:first-child{
	border-top:0;

}

/* 編輯表單*/
.edit_form{
	margin-left:20px;
	line-height:2;
}
/* 按鈕樣式*/
form input.form_submit{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#006600;
	font-weight:bold;
	background:url(../images/formbg.gif) repeat-x left top;
}

.shout_submit, .search_submit{
	float:right;
	margin-right:-10px;
	}
	
.form_functions{
	font-size:0.8em;
	}
	
li div.right a.main_button{
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
	border:#060 1px solid;
	background:#090;
	color:#FFF;
	font-size:14px;
	padding:5px;
	clear:right;
		
}

.edit_form textarea{
	width:90%;
	}
/* 匹配結果，ICON樣式*/
table.match_result{
	width:95%;
	border:0;
}
table.match_result th{
	text-align:left;
}
table.match_result td{
	text-align:right;
}
table.match_result td img{
	width:15px;
	height:15px;
}



/* Footer區塊 */
#footer {
	-moz-box-sizing:border-box;
	background:url(../images/header_bg_2.gif) repeat scroll 0 0 #006600;	color:#FFF;
	font-size:14px;
	line-height:16px;
	position:relative;
	margin:20px 0 0 -10px;
	padding:5px;
	}
	
	
#footer u {
	overflow:hidden;
	color:#FFFFFF;
	}	
#footer h6 {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	}	
#footer u.logout {
	position:absolute;
	right:10px;
	top:10px;
	}	
	
a.chin{
	color:#FFF;
	padding:4px;
	background:#006600;
}	

td.tips_and_todos_action a{
	border-left:#666666 1px solid;
	margin-left:5px;
	padding-left:5px;
}
td.tips_and_todos_action {
	font-size:12px;
	text-align:right;
}

div.tips_and_todos_action{
	font-size:12px;
	text-align:right;
}

li.listDivider{
	background:#CCC;
	color:#FFF;
	font-size:12px;
	padding:3px 10px;
	}
li p.meta{
	text-align:right;
	}	
li p.metaL{
	text-align:left;
	}
.error_msg{
	font-size: 12px;
	color:#603;	
}

#notification{
	padding-top:8px;
	padding-left:30px;
}

#notification ul li {
    color: black;
    font-size: 0.8em;
}

#notification ul li#dismiss {
    text-align: center;
}

#content div#notification ul li#dismiss a {
    color: green;
    font-size: 1.2em;
    text-align: center;
}
	
/* for nokia n900*/