@charset "utf-8";
/*左欄頁簽*/
.detailContent{margin-bottom:30px;}
.communityDetailTab{background:url(../images/titleTab.jpg) no-repeat left 3px; position:relative; height:33px; width:702px;
padding-left:11px;}
.communityDetailTab ul li{width:100px; height:32px; float:left; text-align:center; font-size:16px;}
.communityDetailTab ul li.end{width:5px; background:url(../images/hotTitleTab.jpg) no-repeat left 4px; }
.communityDetailTab ul li a{ width:100px; height:26px; padding-top:6px; text-align:center; display:block; font-size:16px; background:url(../images/hotTitleTab.jpg) no-repeat left 4px; color:#837c51;}
.communityDetailTab ul li.onClick{height:27px; padding-top:5px; background:#FFF; border:1px solid #648342; border-bottom:none; font-weight:bold; }
.communityDetailTab .socialNetwork{width:215px; height:32px; position:absolute; top:0px; right:10px;}
.communityDetailTab .socialNetwork ul li{width:62px; font-size:13px;}
.communityDetailTab .socialNetwork ul li.print{height:25px; padding-top:7px;}
.communityDetailTab .socialNetwork ul li.print a{width:62px; height:24px; margin:0; padding:0; background:url(../images/sx.png) no-repeat -7px -726px; text-indent:-99999px; overflow:hidden}
.communityDetailTab .socialNetwork ul li.share{width:57px; height:27px; padding-top:5px;}
.communityDetailTab .socialNetwork ul li.print a:hover{ background:url(../images/sx.png) no-repeat -7px -755px;}
.communityDetailTab .socialNetwork ul li a{ background:none;}
.communityDetailTab .socialNetwork ul li.shareF{ width:21px; height:24px;  padding-top:8px;margin-right:8px; text-indent:-99999px;}
.communityDetailTab .socialNetwork ul li.shareF a{width:21px; height:20px; background:url(../images/sx.png) no-repeat 	scroll -6px -207px; overflow:hidden}
.communityDetailTab .socialNetwork ul li.shareT{width:21px; height:24px; padding-top:8px; margin-right:8px;}
.communityDetailTab .socialNetwork ul li.shareT a{ width:21px; height:20px; background:url(../images/sx.png) no-repeat 	scroll -6px -259px; text-indent:-99999px;}
.communityDetailTab .socialNetwork ul li.shareP{width:21px; height:24px; padding-top:8px; }
.communityDetailTab .socialNetwork ul li.shareP a{width:21px; height:20px; background:url(../images/sx.png) no-repeat 	scroll -6px -233px; text-indent:-99999px;}
.leftColumnContent{ border-left:1px solid #668344;border-right:1px solid #668344;border-bottom:1px solid #668344; padding-left:10px; padding-top:10px;}


/*start leftColumn*/
.leftColumn{ width:702px;float:left; margin-right:10px;}
.leftColumntab{width:702px; float:left; margin-right:10px}
.leftColumntab ul{padding:0 0 0 18px; height:33px; background:url(../images/tabbg.png) left bottom repeat-x; clear:both ; border:#648342 1px solid;}
.leftColumntab li{float:left;}
.leftColumntab li .active{border:#648342 1px solid; border-bottom:none; background-color:#FFFFFF; line-height:200%;}
.leftColumntab li a{width:110px; height:38px; display:block; font-size:16px; line-height:180%; text-align:center}
.box702 h2{ height:30px; background:url(images/sx.png) no-repeat scroll 0 -631px  transparen; display: block; font-size: 15px; font-weight: bold;margin: 0 0 10px 0;padding: 0 0 10px 15px;}
.box702{width:700px;border:#648342 1px solid; border-top:none;}
.font_red{ color:#FF0000; font-size:15px}



/*start 社區特色*/
.leftColumn .feature{width:680px; margin:0 0 30px 0;}
.leftColumn .feature table{border:1px solid #cbcbcb;}
.leftColumn .feature tr th{width:76px; background-color:#f0eaea; color:#626262;	border-bottom:1px solid #cbcbcb; text-align:center; vertical-align:top; line-height:28px;}
.leftColumn .feature tr td{ padding-left:13px; border-bottom:1px solid #cbcbcb; background:#FFF; }
.leftColumn .feature tr td p{line-height:28px;}
.leftColumn .feature tr td ul li{width:110px; height:28px; margin-right:5px; color:#626262;	float:left;	overflow: hidden; list-style:none; line-height:28px;}
.leftColumn .feature tr td ul li.none{color:#bdbcbc;}
.leftColumn .feature tr td ul li img{margin-right:5px; vertical-align:middle;}


/*start 社區介紹*/
.switch_center {
    float: left;
    height: 79px;
    overflow: hidden;
    width: 350px;
}
.detail_image {
    float: left;
    height: 370px;
    margin-right: 14px;
    width: 352px;
}
.communityInfo{width: 323px;float:left;}
.communityInfo ul li{margin-bottom:5px; font-size:15px;}
.communityInfo ul li span{color:#837c51;}
#lblBlockName,#lblAddr,#lblBuiComDate,#lblTotDoors,#lblUpFloorSt,#lblUpFloorEn,#lblDownFloorSt,#lblDownFloorEn,#lblMainpinSt,#lblMainpinEn,#lblRmSt,#lblRmEn,#lblConstructer,#lblBuiStruCode,#lblWallMaterCode{color:#626262;}
#lblWaitSale,#lblWaitRent{ color:#3C6B09}
.communityInfo ul li a{font-size:15px; font-weight:bold;}
.spacing2{ letter-spacing:30px; margin-right:-30px; *margin-right:0; }
.spacing3{ letter-spacing:6px; margin-right:-4px; *margin-right:0; }

.switch_center ul li{ float:left; margin-right:10px;}
.switch_center { overflow:hidden; height:59px;}

/*start 舊社區介紹*/
/*.communityInfo{width: 323px;float:left;}
.communityInfo ul li{margin-bottom:5px; font-size:15px;}
.communityInfo ul li span{color:#837c51;}
.communityInfo ul li a{font-size:15px; font-weight:bold;}
.spacing2{ letter-spacing:30px; margin-right:-30px; *margin-right:0; }
.spacing3{ letter-spacing:6px; margin-right:-4px; *margin-right:0; }*/

#P1{width:240px;height:75px; padding-left:71px; padding-top:7px; border:1px solid #c8e6f2; display:block; background:url(../images/sx.png) no-repeat -650px -745px; background-color:#f9feff; overflow:hidden;}
.phoneArea #P1{height:85px; border:none; background-color:transparent; float:left;}
.phoneArea .storeName{ width:340px; float:left; padding-top:8px;}
.phoneArea .storeName a{font-size:15px; font-weight:bold;}
.phoneArea .storeAd{ width:340px; float:left;}
.phoneArea{margin-bottom:20px; border-bottom:1px dashed #dfdfdf;}
#lblStoreTel_u{ font-size:28px; font-weight:bold; color:#089bea; line-height:34px;}
#P1 span.phoneExplain{ font-size:12px; color:#979595; line-height:17px;}

#servicePhone{width:240px;height:75px; padding-left:71px; padding-top:7px; border:1px solid #c8e6f2; display:block; background:url(../images/sx.png) no-repeat -650px -745px; background-color:#f9feff; overflow:hidden;}
.phoneArea #servicePhone{height:85px; border:none; background-color:transparent; float:left;}
.phoneArea .storeName{ width:340px; float:left; padding-top:8px;}
.phoneArea .storeName a{font-size:15px; font-weight:bold;}
.phoneArea .storeAd{ width:340px; float:left;}
.phoneArea{margin-bottom:20px; border-bottom:1px dashed #dfdfdf;}
#servicePhone span.phoneNum{ font-size:28px; font-weight:bold; color:#089bea; line-height:34px;}
#lblStoreTel_d{ font-size:28px; font-weight:bold; color:#089bea; line-height:34px;}
#servicePhone span.phoneExplain{ font-size:12px; color:#979595; line-height:17px;}

/*標題列*/	
.description_line{height:30px;background: url(../images/sx.png) no-repeat scroll -6px -820px  transparent; clear:both; width:680px; margin-bottom:10px; line-height:30px;}
.description_line h2{ font-size:16px; color:#626262; float:left}
.top{ margin:10px 8px 0 0;width:48px; height:13px; background: url(../images/sx.png) no-repeat scroll -6px -284px  transparent;float:right}
.top a{width:48px; height:13px; text-indent:-5000px; display:block; overflow:hidden;}


/*待售物件*/
/*.saleObject{height:180px;margin-bottom:10px;}
.saleObject div{ width:142px; margin-right:37px; float:left;}
.saleObject div img{margin-bottom:5px;}
.saleObject div.last{margin-right:0;}
.saleObject div h4{font-weight:bold; font-size:13px; color:#4e8940; line-height:20px; }
.saleObject div p{color:#626262; line-height:20px; vertical-align:baseline; }
.saleObject div p span{	margin-right:5px; color:#ff0000; line-height:20px; font-size:16px; font-weight:bold;}*/

/*待售物件for新架構0221*/
.saleObject{height:180px;margin-bottom:10px;}
.saleObject ul{ float:left;}
.saleObject ul li{float:left; width:142px;margin:0 13px 0 14px; display:block}
.saleObject div img{margin-bottom:5px;}
.saleObject div.last{margin-right:0;}
.saleObject div h4{font-weight:bold; font-size:13px; color:#4e8940; line-height:20px;}
.saleObject div p{color:#626262; line-height:20px; vertical-align:baseline; }
.saleObject div p span{	margin-right:5px; color:#ff0000; line-height:20px; font-size:16px; font-weight:bold;}
p.rentMore {padding-top:4px;}
p.rentMore a{margin:0px;}

/*待租物件*/
/*.rentObject div{width:142px; margin-right:37px; margin-bottom:10px; float:left; }
.rentObject div img{margin-bottom:5px;}
.rentObject div.last{margin-right:0;}
.rentObject div h4{line-height:20px; color:#4e8940;	font-size:13px; font-weight:bold;}
.rentObject div p{color:#626262; line-height:20px; vertical-align:baseline;}
.rentObject div p span{	margin-right:5px; color:#ff0000; font-size:16px; font-weight:bold; line-height:20px;}*/

/*待租物件for新架構0221*/
.rentObject{height:180px;margin-bottom:10px;}
.rentObject ul{ float:left;}
.rentObject ul li{float:left; width:142px;margin:0 13px 0 14px; display:block}
.rentObject div img{margin-bottom:5px;}
.rentObject div.last{margin-right:0;}
.rentObject div h4{font-weight:bold; font-size:13px; color:#4e8940; line-height:20px;}
.rentObject div p{color:#626262; line-height:20px; vertical-align:baseline; }
.rentObject div p span{	margin-right:5px; color:#ff0000; line-height:20px; font-size:16px; font-weight:bold;}
p.rentMore {padding-top:4px;}
p.rentMore a{margin:0px;}

	

/*右欄外框*/
.rightColumn{width:218px; float:left; padding-top:3px;}
.box218{width:216px; border:#95a97d 1px solid; background-color:#f6f8f6; margin-bottom:10px; overflow:hidden}
.box218_h{ padding-left:12px; height:32px; border-bottom:#95a97d 1px solid; background-color:#f1f2e8}
.box218_h h3{ font-size:13px; color:#837c51; font-weight:bold; line-height:32px}
.box218 h4 a{ font-size:16px; font-weight:bold;}
.tel{font-size:18px; font-weight:bold; color:#666; line-height:200%}
.text_style1{margin:10px 10px 6px 10px; /*padding-bottom:6px;*/}
.text_style2{margin:10px; padding-bottom:6px; border-bottom:#dcdcdc 1px dashed}
.text_style1 img, .text_style2 img{ padding:4px; border:#999999 1px solid; background-color:#FFF; margin-bottom:10px}
.more{background: url(../images/more_arrow.gif) no-repeat scroll left center transparent; float:right; margin: 0 10px 4px 0; padding: 0 0 0 12px; overflow:hidden; _margin-bottom:0}/*詳情-更多*/

/*右欄留言區塊*/
#msg_box_info_s{margin-bottom:5px;}
#msg_box_info_s dl{margin-left:0\0/; *margin-left:-6px;}
#msg_box_info_s dd{float:left; margin-bottom:11px;}
#msg_box_info_s dd.iritem{margin-right:1px; padding-top:5px; *padding-top:2px;}
#msg_box_info_s dd input{float:left; margin:2px 2px 0; margin:-2px 2px 0\0/; *margin:-2px 2px 0; *vertical-align:bottom; display:inline-block;}
#msg_box_info_s .fullname, #msg_box_info_s .telphone, #msg_box_info_s .email{padding:3px; border:1px solid #C2C290;}
#msg_box_info_s .chkitem{padding:4px 0; margin-right:12px}/*時間*/
#msg_box_info_s dt{padding:4px 0 4px 4px; color:#817D4E; *margin-top:8px; *padding-left:6px;}/*時間*/
#msg_box_info_s dd.chkitem input{float:left; margin-top:-1px\0/;}/*時間*/
#msg_box_info_s .fullname{width:86px;}/*姓名*/
#msg_box_info_s .telphone{width:187px; width:184px\0/;}/*電話*/
#msg_box_info_s .email{width:187px; width:184px\0/}/*Email*/
#msg_box_info_s textarea{overflow-y: auto; padding:4px; width:184px; border:1px solid #c2c18f;}
.verification-area{*margin-top:-1px; padding:8px; width:176px; border:1px solid #C4C393; border-top:none;}
#msg_box_info_s .verification-code{float:left;}/*驗證碼*/
#msg_box_info_s img{ border:0; padding:0px}
#msg_box_info_s .input-code{*margin-left:-8px; padding:3px 2px; width:166px; border:1px solid #C2C290;; clear:both;}/*輸入驗證碼*/
.msg_btn1{ width:158px; height:42px; background: url(../images/sx.png) no-repeat scroll 0px -484px  transparent; margin: 0 16px; text-indent:-5000px; display:block; position:relative}
.msg_btn1 a{ width:158px; height:42px; text-indent:-5000px; display:block; overflow:hidden}
.msg_btn1 i{ width:22px; height:14px; background: url(../images/sx.png) no-repeat scroll -6px -697px  transparent; position:absolute; top:-6px; left:68px}
.msg_btn1 input{cursor:pointer;}

/*左欄下方留言區塊*/
.msg_box{width:658px; height:250px; background-color:#f6f8f6; margin:0 0 10px 0; padding:10px;}
.msg_box_info dd{float:left;}
.msg_box_info dd.iritem{margin-right:3px; padding-top:5px; *padding-top:2px;}
.msg_box_info dd.ddtel{margin:0 8px; *margin:0 4px;}
.msg_box_info dd input{float:left; margin:2px 2px 0; margin:-2px 2px 0\0/; *margin:-2px 2px 0; *vertical-align:bottom; display:inline-block;}
.msg_box_left{ width:574px; float:left; height:100px; margin-top:8px;background-color:#f6f8f6; border:1px #c8c79b solid; }
.msg_box_left div.item{font-size:12px; padding:8px 0 0 8px; width:250px;}
.msg_box_left div.item input{ margin-right:5px;}
.msg_box_left dl{padding:5px 0 0 5px;}
.msg_box_left dt{padding:4px 0; color:#817D4E; float:left;}
.msg_box_left dd{margin-right:8px; *margin-right:6px; float:left; color:#767674;}
.msg_box_left dd.chkitem{padding:4px 0;}
.msg_box_left dd.chkitem input{float:left; margin-top:-1px\0/; *margin-top:-5px;}
.msg_box_left dd.last{margin-right:12px; padding-right:12px; *margin-right:8px; *padding-right:8px; border-right:1px dotted #C2C08D;}
.msg_box_left dd input{float:left; margin:2px 2px 0; display:inline-block;}
.msg_box_left textarea{overflow-y:auto; border:0; padding:4px; width:565px; height:57px;}
.fullname, .telphone, .email{padding:3px; border:1px solid #C2C290;}
.fullname{width:86px;}/*姓名*/
.telphone{width:174px; *width:169px;}/*電話*/
.email{width:174px; *width:169px;}/*Email*/
.input-code{width:110px; *width:110px; padding:2px 3px 3px; border:1px solid #C2C290;}/*輸入驗證碼*/
.msg_box_right{float:right; height:105px; margin-top:8px}
.msg_btn2{ width:78px; height:102px; background: url(../images/sx.png) no-repeat scroll -6px -529px  transparent;text-indent:-5000px; display:block; position:relative;}
.msg_btn2 a{ width:78px; height:102px; text-indent:-5000px; display:block; overflow:hidden}
.msg_btn2 i{ width:14px; height:23px; background: url(../images/sx.png) no-repeat scroll -5px -669px  transparent; position:absolute; top:26px; left:-7px;}

/*驗證碼*/
.captcha{ padding:8px 10px 2px 10px;border:1px solid #c2c18f; border-top:none; width:172px; height:66px; margin-bottom:5px;}
/*.captcha2{padding:0 0 0 20px; border-left:1px  dashed #c2c18f;}*/
.sefresh{margin:4px 8px 0 0; float:right; width:17px; height:17px; background: url(../images/sx.png) no-repeat scroll -6px -800px transparent; display:block; overflow:hidden; text-indent:-5000px;}
a.sefresh:hover {width:17px; height:17px; background: url(../images/sx.png) no-repeat scroll -6px -782px transparent; display:inline-block; text-indent:-5000px;}
.captchaWidth{width:130px}


/*照片瀏覽*/
.detail_image{margin-right:14px; width:352px; height:370px; float:left}
.photo350{width:350px; height:266px; border:#CCCCCC 1px solid; position:relative;}
.photo350-logo{height:65px; width:260px; position:absolute; top:107px;left:50px;background: url(images/ImgH.png) no-repeat;}
.detail_image div.btn{clear:both; width:350px; height:36px}
.detail_image div.pages{float:left}
.detail_image div.btn div.pages a.on {background: url(../images/sx.png) no-repeat scroll 0 -27px  transparent;}
.detail_image div.btn div.pages a {background:url(../images/sx.png) no-repeat scroll 0 -48px  transparent; display:block;float:left; height:11px; margin-top:13px; outline:medium none; width:16px; text-indent:-5000px;}
.detail_image div.btn a.prv {float:right;margin:6px 0; width:55px; height:24px; background: url(../images/sx.png) no-repeat scroll 0px -130px  transparent; display:block; text-indent:-5000px; overflow:hidden}
.detail_image div.btn a.prv:hover{ background: url(../images/sx.png) no-repeat scroll 0px -70px  transparent;}
.detail_image div.btn a.nxt {float: right; margin:6px 0; width:55px; height:24px; background: url(../images/sx.png) no-repeat scroll 0px -160px  transparent; display:block; text-indent:-5000px; overflow:hidden}
.detail_image div.btn a.nxt:hover{ background: url(../images/sx.png) no-repeat scroll 0px -100px  transparent;}
.detail_image div.btn div.zoom{margin:6px 0 0 10px; padding:0; height:17px; float:left;}
.zoom a, .zoom a:hover{padding:0 0 0 22px; background: url(../images/sx.png) no-repeat scroll -6px -4px transparent; line-height:22px;font-weight:normal; line-height:27px\0/; *padding-top:3px; *line-height:23px; background-position: -6px -5px\0/; *background-position: -6px -5px;}
.sliderkit ul{ width:350px; list-style:none; clear:both}
.sliderkit li{width:78px;height:59px; margin:0 4px; border: #CCC 1px solid;float:left}
.opacity a img{opacity: 0.4; /* FF: 透明度40 */ filter: Alpha(Opacity=40); /* IE6,7,8: 透明度40 */}
.selected a img, .selected a:hover img, .opacity a:hover img{opacity: 1; /* FF: 透明度40 */ filter: Alpha(Opacity=100); /* IE6,7,8: 透明度40 */}

/*地圖*/
.mapRound{ margin:10px; height:460px; clear:both}

/*照片*/
.maxphoto{text-align: center; vertical-align: baseline; margin-bottom:20px}
.maxphoto img{ border:#CCCCCC 1px solid; padding:4px; margin:0 auto}