/*designer by Goodweber*/
/*好站網控電子商務有限公司版權所有 ©*/

div, ul, form{ margin:0; padding:0; overflow:hidden;}
ul, ol, li{ margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, p{ margin:0; padding:0; font-weight:lighter;}
a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */img(border:0);color:#6d6d6d; text-decoration:none;cursor:pointer;}
a:hover{ color:#006cb7;}
a:focus { -moz-outline-style: none; }
img{ border:0;}


/*頁面背景*/
body{margin:0; padding:0; font-size:13px; font-family:arial,helvetica,clean,sans-serif; color:#6d6d6d;letter-spacing:1px;}
	.page_left{ width:990px; margin:0 auto;}
	.page_right{ width:100%;}
	.page{ width:951px; margin:0 auto; padding:0 7px; background:#FFF;}
	
/*top (headLink | Logo | menu)*/
.top{ padding-top:5px;}
	/*themes*/
	.colorBox{ float:left; width:40%; line-height:15px;}
		.colorBox h2{ float:left; width:65px; font-size:11px;}
		.colorBox p{ float:left;}
	
	/*headLink*/
	.head_link{ width:24%; float:right;font-size:10px; color:#7bb2cd;}
		.head_link_r{ height:17px; line-height:17px; padding-top:2px; text-align:center; letter-spacing:0;}
			.head_link a{ font-size:12px;}
			
	/*top_content (Logo | menu)*/
	.top_content{ clear:both;}
		.logo{ /*width:35%;*/ width:25%; float:left;}
		.menu{ /*width:61.5%;*/ width:74%; float:right;}
			.menu ul li{ float:left; width:79px; height:79px; text-align:center; margin-top:13px; /*margin-left:18px;*/ margin-left:33px;}
				.menu ul li img{ margin:5px auto;}
		/*小管家*/
		#floor_msg{ position:absolute; z-index:10; left:50%; top:110px; margin-left:133px; *margin-left:134px; width:340px; height:136px; display:none;}
		#etta{}
			#etta .title{ height:11px;}
			#etta_msg{ border:1px solid #a8e1ff;}
				#etta_msg2{ border:1px solid #FFF;  height:120px;}
					#etta_msg2 h2{ font-size:13px; border-bottom:1px solid #b0d8ed; padding-left:5px;color:#006cb7; font-weight:bold;}
						#etta_msg2 h2 span{ padding-left:255px; font-weight:lighter;}
							#etta_msg2 h2 span a{color:#e60021;}
					#etta_msg2 p{ border-top:1px solid #FFF; padding-top:40px; padding-left:10px; height:65px;}
					#etta_msg2 h3{ border-top:1px solid #FFF; background:#c9e8f3; height:18px; font-size:11px;}
						#etta_msg2 h3 span{ display:block; height:15px; padding-top:3px;}
						#etta_msg2 h3 .e-title{width:230px; float:left; padding-left:5px;}
						#etta_msg2 h3 .e-date{ width:80px; float:right;}
					#etta_msg2 ol{ padding:3px 5px;}
						#etta_msg2 ol li{line-height:20px; font-size:13px; height:20px; margin-bottom:4px;}
							#etta_msg2 ol li .list-title{ width:225px; float:left; padding-left:10px;}
								#etta_msg2 ol li .list-title a{ color:#343434;}
									#etta_msg2 ol li .list-title a:hover{color:#e60021;}
							#etta_msg2 ol li .list-date{ width:75px; float:right; font-size:11px;}
							
	/*IE6 TIP*/
	.tip_ie6{ clear:both; background:#ecfcff; text-align:center; padding:3px; margin-bottom:10px;}
		.tip_ie6 h1{ font-size:16px; color:#e60021; font-weight:bold; margin-bottom:5px;}
		.tip_ie6 a img{ border:1px solid #d7f0f7;}
		.tip_ie6 a:hover img{ border:1px solid #88d6ec;}
				
	/*top_bottom (search | login)*/
	.top_bottom{ clear:both;}
		/*search*/
		.search{ height:84px; width:600px; float:left;}
			.searchTab{ height:35px; padding-left:8px; width:29%; float:left;}
				.searchTab li{ margin-right:6px; float:left; width:80px; text-align:center;}
					.searchTab li a{ display:block; cursor:pointer;}
						.searchTab li a span{ display:block; height:35px; padding:0 10px; padding-top:14px;}
					.searchTab li a:hover, .searchTab li .curtab{ color:#006cb7; cursor:pointer;}
						.searchTab li a:hover span, .searchTab li .curtab span{}
			.search h1{ width:65%; float:left; font-size:12px; padding-top:15px; color:#e60021;}
				.search h1 a{font-weight:lighter; color:#f76400;}
			.search p{ height:32px; padding-left:12px; clear:both;}
				.searchKey{ border:0; background:none; height:24px; width:490px; padding:0 5px; font-size:16px;}
				.searchButton{ width:81px; height:34px; border:0; cursor:pointer;}
		#comc3{ clear:both;}
			
		/*between Line*/
		.between_line{ float:left; width:10px; height:84px;}
			
		/*login 登入前*/
		.login{ width:340px; float:right; padding-top:10px;}
			.login h2, .login h3{font-size:12px;}
				.login p{ line-height:18px;}
			.login h2{ width:100%; height:20px; line-height:20px; border-bottom:1px dotted #e6e6e6; padding:3px 0; }
				.welcome{ /*width:53%;*/ float:left; padding-left:25px;}
				.date{ width:38%; float:right; letter-spacing:0;}
			.login h3{ background:#f8f8f8; margin:5px 0; padding-top:8px; height:22px;}
				.login_In{ width:48%; float:right;}
				.profile{ width:89%; padding-left:6px; float:left;}
					.profile span{color:#f76400; font-size:12px;}
				.login_Out{ width:9%; float:right;}
					.register{ color:#f76400;}
					.loginLink{ color:#006cb7;}
					.reg_tip{ width:49%; float:left; padding-left:6px;}
					
/*content*/
.content{ padding-top:5px;}
	/*三欄*/
	.main{ width:595px; float:left;}
		.bigAD{ width:595px; height:270px;}/*跨欄廣告*/
			/*跨欄廣告預載*/
				/*2009/11/21*/
				#big_ad01{ background:url(../images/ad/ezcam01.jpg) no-repeat;}
				#big_ad02{ background:url(../images/ad/ezcam02.jpg) no-repeat;}
		.c_left{ width:170px; float:left;}
		.c_middle{ width:410px; float:right;}		
	.c_right{ width:340px; float:right;}
	
	/*Left*/
	/*服務列表*/
	.serviceList{ margin-top:10px;}
		.serviceList h1{ font-size:13px; color:#034d80; font-weight:bold; padding-left:10px; margin-top:5px; margin-bottom:5px; letter-spacing:2px;}
		.sList_main{}
			/*內容框*/
			.attach, .life, .company{ width:159px; margin:7px auto;}
				/*間距微調*/
				.attach{ margin-top:0;}
			.sList_main .bottom{}
			.sList_main .meat{ margin:2px;}
			.sList_main h2{ float:left; width:48px; font-size:13px; text-align:center; line-height:20px; padding-top:4px; *padding-top:6px;}
			.sList_main ul{ float:right; width:101px; border-left:1px solid #b2deee; padding:3px 2px;}
			.sList_main ul li{ line-height:20px; padding-bottom:3px; padding-top:1px; padding-left:18px;}
				.sList_main ul li:hover{}
				.sList_main ul li .focus{ color:#e60021;}
			/*左邊圖示*/
			.attach .meat{ background:url(../images/icon/attach.jpg) no-repeat 0 100%;}
				.attach .meat:hover{ background:url(../images/icon/attach_h.jpg) no-repeat 0 100%;}
			.life .meat{ background:url(../images/icon/life.jpg) no-repeat 0 100%;}
				.life .meat:hover{ background:url(../images/icon/life_h.jpg) no-repeat 0 100%;}
			.company .meat{ background:url(../images/icon/company.jpg) no-repeat 0 100%;}
				.company .meat:hover{ background:url(../images/icon/company_h.jpg) no-repeat 0 100%;}
				
	/*leftAD*/
	.leftAD{ margin-top:10px;}
				
	/*會員等級*/
	.level{ padding-top:34px; margin-top:5px; *margin-top:0;}
		.level p{ padding:0 11px; margin-bottom:5px; font-size:12px; line-height:16px;}
		.level h1{ text-align:center; padding-top:5px; padding-bottom:10px}
			.level h1 a{ display:block; width:150px; height:33px; margin:0 auto;}
				
	/*Middle*/
	/*最新電影*/
	.Movie{ margin-bottom:10px;}
		.Movie_main{}
		.Movie_main .title{}
			.Movie_main .title h2{ font-size:13px; color:#034d80; letter-spacing:2px; line-height:25px; padding-top:2px; padding-left:10px;}
		.Movie_main .bottom{ height:5px;}
			.Movie_main .bottom_r{ height:5px;}
		.Movie_main .meat{ margin:0 1px;}
			
	/*熱門討論*/
	.Form{ margin-bottom:10px; margin-top:7px;}
		.Form_main{ }
		.Form_main .title{ height:30px;}
			.Form_main .title h2{font-size:13px; color:#034d80; letter-spacing:2px; line-height:25px; padding-top:6px; padding-left:10px; width:20%; float:left;}
			.Form_main .title ul{ width:60; float:right; padding-right:6px;}
			.Form_main .bottom{ height:5px;}
				.Form_main .bottom_r{ height:5px;}
				/*TAB*/
				.Form_main .title ul li{ float:right; margin-left:6px;}
					.Form_main .title ul li a{ display:block;}
						.Form_main .title ul li a span{ display:block; height:30px; line-height:30px; padding:0 10px; cursor:pointer; letter-spacing:2px;}
					.Form_main .title ul li a:hover, .Form_main .title ul li .curtab{}
						.Form_main .title ul li a:hover span, .Form_main .title ul li .curtab span{}
				/*討論列表*/
				.Form_main .meat{ padding:3px 5px;}
					.Form_main .meat li{ height:21px; padding-top:6px; /*line-height:25px;*/ border-bottom:1px solid #eee; margin-top:2px; margin-bottom:2px; padding-left:12px; letter-spacing:2px;}
						.Form_main .meat li a{line-height:1.231;}
					.Form_main .meat li:hover{ }
						.Form_main .meat li:hover a{ color:#006cb7;line-height:1.231;}
					.Form_main .meat p{ font-size:11px; text-align:right; margin-top:5px;}
						.Form_main .meat p a{ padding-right:10px;}
							.Form_main .meat p a:hover{}
							
	/*Right*/
	/*系統公告*/
	.announce{ margin-bottom:10px; width:340px;}

	.acontent{ background:url(../images/acontent/acontent_top.jpg) #f0fbfe no-repeat;}
		.acontent h1{ font-size:13px; color:#C00; font-weight:bold; padding-left:10px; margin-top:5px; margin-bottom:5px; letter-spacing:2px;}
		.acontent_main{ background:url(../images/acontent/acontent_bottom.jpg) no-repeat 0 100%;}
			/*內容框*/
			.acontent_attach { width:329px; margin:7px auto; background:url(../images/acontent/aMain_bottom.gif) no-repeat 0 100%;}
				/*間距微調*/
				.acontent_attach{ margin-top:0;}
			.acontent_main .acontent_bottom{background:url(../images/acontent/aMain_top.gif) no-repeat;}
			.acontent_main .acontent_meat{ margin:2px; padding:5px; line-height:22px;}
			.important { color:#C00;}

	
	/*社區列表*/
	.cityList{ margin-bottom:10px;}
		.cityList_main{ }
			.cityList_main .bottom{ height:5px;}
				.cityList_main .bottom_r{height:5px;}
			.cityList_main .title{ height:67px;}
				/*示範社區 & 社區註冊*/
				.cityList_main .title p{ float:right; width:95px; height:32px; margin-left:8px;}
					.cityList_main .title p a{ display:block; width:95px; height:32px;}
					.cityList_main .cityReg{ background:url(../images/button/city_reg.gif) no-repeat;}
					.cityList_main .cityExample{ background:url(../images/button/city_ex.gif) no-repeat;}
				/*地區TAB*/
				.cityList_main .title ul{ clear:both; padding-top:6px;}
					.cityList_main .title ul li{ float:left; margin-left:7px; *margin-left:8px; display:block; line-height:25px;}
						.cityList_main .title ul li a{ display:block;}
							.cityList_main .title ul li a span{ display:block; height:23px; padding-top:2px; padding-left:10px; padding-right:10px; cursor:pointer;}
						.cityList_main .title ul li a:hover, .cityList_main .title ul li .curtab{ }
							.cityList_main .title ul li a:hover span, .cityList_main .title ul li .curtab span{}
							
				/*社區棟數*/
				.cityList_main .title ul .cityNumber{ width:130px; margin-left:3px; color:#4b4b4b;}
					.cityList_main .cityNumber font{ color:#e60021; font-size:15px; padding:0 3px; font-weight:bold;}
				/*縣市*/
				.cityList_main .meat{ background:url(../images/icon/city_build.jpg) no-repeat 1px 0; padding-left:107px; height:78px;}
					.cityList_main .meat ul{padding-top:13px;}
					.cityList_main .meat ul li{ float:left; margin:8px 2px; width:46px; background:url(../images/icon/square_gray.gif) no-repeat 1px 40%; padding-left:8px;}
						.cityList_main .meat ul li:hover{ background-image:url(../images/icon/square_blue.gif);}
						
	/*社區廣告*/
	.cityAD{ margin-bottom:10px; width:340px; height:200px;}
		#rightAD_01{ background:url(../images/ad/ad_for_4cf01.jpg) no-repeat;}
		#rightAD_02{ background:url(../images/ad/ad_for_4cf02.jpg) no-repeat;}
		#rightAD_03{ background:url(../images/ad/ad_for_4cf03.jpg) no-repeat;}
		#rightAD_04{ background:url(../images/ad/ad_for_4cf04.jpg) no-repeat;}
	
	/*聯合新聞*/
	.newshookup{ margin-bottom:10px;}
		.newshookup_main{}
			.newshookup_main .bottom{ height:24px;}
				.newshookup_main .bottom_r{ height:24px;}
					.newshookup_main .bottom p{ padding-top:5px; text-align:right; padding-right:10px; font-size:12px; }
						.newshookup_main .bottom p a{color:#e60021;}
				
			.newshookup_main .title{}
				.newshookup_main .title h2{  height:25px; padding-top:5px;}
					.newshookup_main .title h2 span{ float:right; text-align:center; font-size:11px; width:65px; height:18px; line-height:18px;margin-top:1px; padding-top:1px;}
						.newshookup_main .title h2 span a{ color:#FFF;}
				.newshookup_main .title ul{ padding-bottom:0; padding-left:3px; padding-top:2px;}
					.newshookup_main .title ul li{ width:112px; height:30px; float:left; margin-bottom:2px;}
						.newshookup_main .title ul li a{ display:block; width:110px; height:22px; text-align:center; padding-top:8px; color:#535353;}
							.newshookup_main .title ul li a:hover, .newshookup_main .title ul #current a{ padding-top:10px; height:20px; color:#006cb7;}
					/*微調*/
					.newshookup_main .title ul .three, .newshookup_main .title ul .six{ width:110px;}
			/*新聞列表*/
			.newshookup_main .meat ul{ padding:2px 4px;}
				.newshookup_main .meat li{ background:url(../images/icon/arror_gray.gif) no-repeat 5px 6px; line-height:22px; padding-left:15px; margin:4px 0; height:23px; overflow:hidden;}
					.newshookup_main .meat li a{ color:#006cb7;}
				.newshookup_main .meat li:hover{ background-image:url(../images/icon/arror_orange.gif);}
				
/*footer*/
.footer{}
	.footer h1{ font-size:12px; width:35%; float:left; padding:15px 0;}
	.footer p{ font-size:12px; width:64%; float:right; padding:15px 0; text-align:right;}