@charset "utf-8";

/* 01_首頁基本元素定義 */
body,td,th,h1,h2,h3,h4,h5,h6,form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
body,input,select {
	font-family: Verdana, Arial, Helvetica;
}
body {
	font-size: 10pt;
	line-height: 140%;
	color: #444; /* 預設文字顏色 */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,select {
	position: relative;
	vertical-align: bottom;
	*vertical-align: baseline;
	top: 2px;
	font-size: 9pt;
}
input.button {
	*height: 16pt;
	cursor: pointer;
}
input.radio {
	top: -3px;
	*top: 2px;
}
input.checkbox {
	top: 1px;
	*top: 2px;
}
a:link {
	color: #775022; /* 預設連結顏色:一般 */
	text-decoration: none;
}
a:visited {
	color: #775022; /* 預設連結顏色:查閱過 */
}
a:hover {
	color: #CC003E; /* 預設連結顏色:變換 */
	text-decoration:underline
}
a:active {
	color: #CC003E; /* 預設連結顏色:作用中 */
}
img {
	border-width: 0px;
}
form label {
	cursor: pointer;
}

.clear{clear: both;}



/*****************clear float****************/
.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */ 
.clearfix{ *zoom:1}


/* ipart Button setting*/
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9;}

.btn:active,
.btn.active { background-color: #cccccc \9;}

.btn:first-child { *margin-left: 0;}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

a.btn { color: #333333; text-decoration: none;}
a.btn:link { color: #333333;}
input.btn { position:inherit; top:0px;}


.btn-ipart {
  background-color: #e73573;
  *background-color: #d21e50;
  background-image: -ms-linear-gradient(top, #e73573, #d21e50);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e73573), to(#d21e50));
  background-image: -webkit-linear-gradient(top, #e73573, #d21e50);
  background-image: -o-linear-gradient(top, #e73573, #d21e50);
  background-image: -moz-linear-gradient(top, #e73573, #d21e50);
  background-image: linear-gradient(top, #e73573, #d21e50);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e73573', endColorstr='#d21e50', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color:#ffffff
}

.btn-ipart:hover,
.btn-ipart:active,
.btn-ipart.active,
.btn-ipart.disabled,
.btn-ipart[disabled] {
  background-color: #d21e50;
  *background-color: #e73573;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-ipart:active,
.btn-ipart.active {
  background-color: #942a25 \9; color: rgba(255, 255, 255, 0.75);
}

a.btn-ipart { color: #ffffff; text-decoration: none;}
a.btn-ipart:link { color: #ffffff;}


.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}

input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}

input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}


/* 首頁內容區四大版塊 */
#ContentFrame { /* 內容母欄 */
	position: relative;
	margin: auto;
	width: 960px;
	clear: both;
	z-index:0;
}
#ContentFrame_Left { /* 左邊母欄 */
	float: left;
	width: 160px;
}
#ContentFrame_Center { /* 中間母欄 */
	float: left;
	width: 420px;
	margin-left: 15px;
	margin-top: 5px;
}
#ContentFrame_Right { /* 右邊母欄 */
	float: right;
	width: 350px;
	margin-left: 15px;
}

/* 首頁左欄 */
#ContentFrame_Left .SubFrameTitle1 {
	position: relative;
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/SubFrameTitleBg1.png) repeat-x;  /*標題列背景_共用 */
	width: 148px;
	height: 28px; /* 標題列高度_共用 */
	border-radius: 5px 5px 0 0; 
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
	z-index:0;
}
#ContentFrame_Left .SubFrameTitle2 {
	position: relative;
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/SubFrameTitleBg2.png) repeat-x;  /*標題列背景_共用 */
	width: 148px;
	height: 29px; /* 標題列高度_共用 */
	margin-bottom:5px;
	z-index:0;
}
#ContentFrame_Left .SubFrameTitle1 h2,#ContentFrame_Left .SubFrameTitle2 h2 {
	position: absolute;
	width: 100%;
	bottom: 7px; *bottom: 4px;
	text-align: center;font-family:"Microsoft JhengHei","STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun";
	color: #e85f8c; /* 標題文字顏色_共用 */
}
#ContentFrame_Left .SubFrameBody {
	position: relative;
	/*background: #FFF url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub160_body02.gif) repeat-y;  資訊欄背景_共用 */
	margin: auto;
	width: 150px;
	padding-bottom: 10px;
	z-index:0;
}


/* 首頁左欄 #進階 */
#SubFrame_IDSearchAll{background-color:#ffeff3;border:1px solid #f8dde3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:148px;margin:0 5px}
.SubFrame_other{border:1px solid #d1d1d1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:148px;margin:8px 5px 0;}


#SubFrame_IDSearch .SubFrameTitle {
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub160_title01.gif) no-repeat; /* 標題列背景_公寓住戶搜尋 */}

#SubFrame_Brand .SubFrameTitle {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:3px;padding:5px; /* 標題列背景_公寓品牌名店 */
	background-color: #d21e50;color:#ffffff;font-family:"Microsoft JhengHei","STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun";text-align:center;font-size:14px;font-weight:bold;
}
#SubFrame_Starvideo .SubFrameTitle {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:3px;padding:5px; /* 標題列背景_公寓明星住戶影音 */
background-color:#d21e50;color:#ffffff;font-family:"Microsoft JhengHei","STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun";text-align:center;font-size:14px;font-weight:bold;
}
#SubFrame_IDSearch .SubFrameBody,
#SubFrame_FriendSearch .SubFrameBody {
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub160_body01.gif) repeat-y; /* 資訊欄背景_公寓住戶搜尋,公寓交友搜尋 */
}
#SubFrame_Brand .SubFrameBody {
	 /* 資訊欄背景_公寓品牌名店 */
}
#SubFrame_IDSearch .SubFrameTail,
#SubFrame_FriendSearch .SubFrameTail {
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub160_tail01.gif) no-repeat; /* 資訊欄尾背景_公寓住戶搜尋,公寓交友搜尋 */
}
#SubFrame_Brand .SubFrameTail {
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub160_tail02.gif) no-repeat; /* 資訊欄尾背景_公寓品牌名店 */
}
/*滿天星*/
#AdBanner785{float:left;width:785px;height:30px;background-color:#ccc;margin:0 0 10px 15px}

/* 雙星廣告 */
#AdBanner420more {
	position: relative;
	height: 10pt;
	z-index:10;
}
#AdBanner420more span {
	position: absolute;
	display: block;
	width: 100%;
	height: 10pt;
	background-color: #444;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	font-size: 0px;
}
#AdBanner420more a {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	*font-size: 7pt;
	color: #444;
	line-height: 10pt;
}

/* 首頁中間、右欄 */
#ContentFrame_House { /* 小房子展開廣告 */
	width: 420px;
	height: 300px;
	margin-bottom: 10px;
	position:relative;
	z-index:100;
}
#ContentFrame_Center .SubFrameTitle {
	position: relative;
	border-top:1px solid #d21e50;
	/*background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub420_title_red.gif) no-repeat;  中間標題列背景_共用 */
	height: 28px; /* 中間標題列高度_共用 */
	z-index:0
}
#ContentFrame_Right .SubFrameTitle {
	position: relative;
	border:1px solid #e0e0e0;border-bottom:0;
	background-image: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/SubFrameBg.jpg);/* 右欄標題列背景_共用 */
	background-repeat: repeat-x;
	height: 28px; /* 右欄標題列高度_共用 */
	z-index:0
}
#ContentFrame_Center .SubFrameTitle h2 ,
#ContentFrame_Right .SubFrameTitle h2{
	position: absolute;
	left: 12px; bottom: 3px; *bottom: 2px; /* 標題文字座標_共用 */
	color: #000; /* 標題文字顏色_共用 */
	font-size:15px;
	font-weight:bold;
	font-family:"Microsoft JhengHei","STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun";
}
#ContentFrame_Center .SubFrameTitle h2 a,
#ContentFrame_Right .SubFrameTitle h2 a{
	color: #000; /* 標題連結顏色_共用 */
	text-decoration: none;
}
#ContentFrame_Center .SubFrameTitle ul,
#ContentFrame_Right .SubFrameTitle ul {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	left: 12px;
}
#ContentFrame_Center .SubFrameTitle ul li,
#ContentFrame_Right .SubFrameTitle ul li {
	margin: 0px 1px;
	float: left;
}
#ContentFrame_Center .SubFrameTitle ul li a,
#ContentFrame_Right .SubFrameTitle ul li a {
	position: relative;
	display: block;
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub_page110.gif) center top no-repeat; /* 標題列頁籤背景:一般 */
	padding: 1px 0px 2px 0px; *padding: 1px 0px 1px 0px;
	width: 110px;
	filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
	text-align: center;
	text-decoration: none;
	color: #444; /* 標題列頁籤文字顏色:一般 */
	z-index:0;
}
#ContentFrame_Center .SubFrameTitle ul li a:hover,
#ContentFrame_Right .SubFrameTitle ul li a:hover,
#ContentFrame_Center .SubFrameTitle ul li a.on,
#ContentFrame_Right .SubFrameTitle ul li a.on {
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub_page90.gif) center top no-repeat; /* 標題列頁籤背景:變換 */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #000; /* 標題列頁籤文字顏色:變換 */
}
#ContentFrame_Center .SubFrameTitle .more,
#ContentFrame_Right .SubFrameTitle .more{
	position: absolute;
	right: 10px; bottom: 2px!important; *bottom: 3px; /* 標題列more座標_共用 */
	font-size: 9pt;
}
#ContentFrame_Center .SubFrameTitle .more a,
#ContentFrame_Right .SubFrameTitle .more a{
	position: relative;
	color: #444;
	text-decoration: none;
	*bottom: 1px;
	z-index:0;
}
#ContentFrame_Center .SubFrameBody,
#ContentFrame_Right .SubFrameBody { border: #e0e0e0 solid 1px; /* 資訊欄邊框顏色_共用 */ border-top-width: 0px; margin-bottom: 10px; zoom: 1; overflow: hidden; }

/* 首頁中間、右欄 #進階 */
#SubFrame_Interest .SubFrameTitle {
	 /* 標題列背景_感興趣 */
}
#SubFrame_Saylove .SubFrameTitle {
	 /* 標題列背景_幸福宣言 */
}
#SubFrame_Onlinehouseholds { position:relative; z-index:0 /9;*z-index:-1; }

#SubFrame_Onlinehouseholds .SubFrameTitle {
	 /* 標題列背景_剛上線住戶 */
}

#SubFrame_Newneighbors .SubFrameTitle {
	 /* 標題列背景_今日新鄰居 */
}

/*中間*/
#SubFrame_trump_host .SubFrameBody {
    border: none; /* 資訊欄邊框顏色_感興趣 */
    background: #FFF; /* 資訊欄背景 */
}
#SubFrame_Interest .SubFrameBody {
	border: none; /* 資訊欄邊框顏色_感興趣 */
	background: #FFF; /* 資訊欄背景 */	
}
#SubFrame_wantToDate .SubFrameBody { 
	border: none; /* 資訊欄邊框顏色_幸福宣言 */ 
	background: #FFF; /* 資訊欄背景 */  
}
#SubFrame_Saylove .SubFrameBody { 
	border: none; /* 資訊欄邊框顏色_幸福宣言 */ 
	background: #FFF; /* 資訊欄背景 */  
}
/*右欄*/
#SubFrame_Onlinehouseholds .SubFrameBody {
	border-color: #e0e0e0; /* 資訊欄邊框顏色_剛上線住戶 */
	background: #FFF; /* 資訊欄背景 */
}
#SubFrame_boyandgirl .SubFrameBody {
	border-color: #e0e0e0; /* 資訊欄邊框顏色_主題男女 */
	background: #FFF; /* 資訊欄背景 */
}
#SubFrame_Newneighbors .SubFrameBody {
	border-color: #e0e0e0; /* 資訊欄邊框顏色_今日新鄰居 */
	background: #FFF; /* 資訊欄背景 */
}

/* 首頁中間、右欄 #細項 */
#SubFrame_Friend .SubFrameBody td td {
	height: 70px;
	width: 70px;
}

#SubFrame_boyandgirl .SubFrameBody td td {
	height: 70px;width: 70px;
}
#SubFrame_boyandgirl .SubFrameBodyTop { padding:10px 10px 3px;}
#SubFrame_boyandgirl .SubFrameBodyTop .maintag{background-color:#878787;padding:3px 5px;margin:0 5px 0 5px;font-size:12px;color:#fff}
#SubFrame_boyandgirl .SubFrameBodyTop a { color:#c8003c;font-weight:bold;font-size:16px}
#SubFrame_boyandgirl .SubFrameBodyTopSub { padding:0px 0px 0px 73px;font-size:9px}

#Logout {}
#Logout .mark  { }
#Logout .mark label { text-decoration:underline;}
#Logout .count { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#Logout .count span { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #F03D25; border:#DD3822 1px solid;border-top:none;border-left:none;padding: 0px 2px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}

#Logout .countzero {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#Logout .countzero span {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #f8d0db;border:#f1b5c6 1px solid;border-top:none;border-left:none;padding: 0px 2px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#Logout a.mark { text-decoration:none;}

/* 公告*/
.SubFrameBody h3 { text-align:center; font-size:11.5px; font-weight:normal; padding-top:5px;}
.SubFrameBody h3 span {
	color: #cc0033;
	font-weight:bold;
}
/* 公寓交友搜尋*/
#Broadcast_0 { height:28px; background:url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/broadcast_bg.gif) 0 0 no-repeat; margin-bottom:5px; padding: 7px 10px 0px}

/*0102 add*/
#AdBanner_Gold_New { width:728px; margin:10px auto 0px; clear:both; padding-top:20px;}
#bottomAd { position:relative;width: 960px; margin:0px auto; clear:both; height:100px; display:block; padding-top:20px;}
.bottomAd_AdBannerGold { float:left;}
.bottomAd_AdBannerBoard { padding-left:745px;}
.bottomAd_AdBannerBoard div { margin-bottom:4px;}
.bottomAd_AdBannerBoard label { width:40px; display:inline-block;}

/*0113 add*/
#Broadcast { height:28px; background:url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/broadcast_785_bg.gif) 0 0 no-repeat; margin:0px 0px 5px 15px; padding: 7px 10px 0px; float:left; width:765px;}

/*0810 add*/
#ContentFrame_Center .SubFrameTitle ul li.w125 a { width:125px; background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub_page125.gif) center top no-repeat;}
#ContentFrame_Center .SubFrameTitle ul li.w125 a:hover, 
#ContentFrame_Center .SubFrameTitle ul li.w125 a.on {	
	background: url(https://d1q8f6an2n5po9.cloudfront.net/images2/index/sub_page125.gif) center top no-repeat; /* 標題列頁籤背景:變換 */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #000; /* 標題列頁籤文字顏色:變換 */
}


/* 我也想上首頁 100802_add by jonson  */
#SubFrame_Onlinehouseholds .SubFrameWindow {
    position:absolute;
    bottom:0px;
    *bottom:10px;
    left:0px;
    width:346px;
    height:150px;
    border:#FBC791 2px solid;
    background:#FFFFFF;
}
#SubFrame_Onlinehouseholds .SubFrameWindowAll {position:relative; padding:15px 0px 0px 10px;}
#SubFrame_Onlinehouseholds .SubFrameWindowClose {position:absolute; top:5px; right:5px; width:14px; height:14px;}
#SubFrame_Onlinehouseholds .SubFrameWindowAll h2 {font-size:16px; font-weight:bold; margin-bottom:10px;}
#SubFrame_Onlinehouseholds span.red { color:#FF0000;}
#SubFrame_Onlinehouseholds a.green { color:#999900;}