/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} mark, rp, rt, ruby, summary, time {display:inline } /* Left & Right alignment */ a {color:#303030;outline:none;text-decoration:none} a:hover{text-decoration:none; color:#A84D03;} .wz_title{color:#024DA0;} /* Global properties ======================================================== */ body {border:0;font-family: "微軟正黑","Microsoft JhengHei"; font-size:13px;line-height:22px; color:#303030;} .main {margin:0 auto;width:977px} .htmlarea{margin:0 auto;width:977px; margin-top:10px;} /*　頭部======================================================== */ header{height:140px;} #top_nav{ height:26px; background-color:#EA0001; line-height:26px;} /*公告*/ #top_nav .notice{width:370px; float:left; color:#fff; background-image:url(li01.png); background-repeat:no-repeat; padding-left:30px; cursor:pointer;} #top_nav .notice p{ display:block; width:370px; height:26px; line-height:26px;} /*頂部小導航*/ #top_nav nav{ float:right;width:577px;} #top_nav nav li{float:right;padding:0px 10px 0px 10px; background-image:url(li02.jpg); background-repeat:no-repeat; background-position:right;} #top_nav nav .end{padding-right:0;margin-right:0;background:none} #top_nav nav .end2{padding-right:0;margin-right:0;background:none; vertical-align:middle; padding-top:5px;} #top_nav nav li a{ color:#fff; } #top_nav nav li a:hover{ color:#fff;} .main_t{margin:0 auto;width:977px; margin-top:15px;} #logo{ float:left; width:282px; height:90px; } .top_right{ float:right;width:568px;} #sousuo {width:100%; height:35px;} .search { float:right;width:314px;} .search_txt{width:225px; height:20px; border:solid 4px #EA0001; color:#BABABA; padding:0px 5px 0px 5px; line-height:20px;} .ssmit05{ vertical-align:middle;*vertical-align:text-bottom; width:66px; height:28px; background-image:url(../images/search.jpg); cursor:pointer; border:0px;} #sousuo nav{ float:right; height:28px; } #sousuo nav ul li{float:left;padding:0px 5px 0px 5px;} #fenxiang{text-align:right; width:198px; float:right;height:25px; margin-top:5px;} #fenxiang li{ background-image:url(li03.jpg); background-repeat:no-repeat; background-position:right;display:block; float:left; height:17px; padding:0 8px 0 8px; } /* 主導航*/ #menu ul{width:568px;} #menu li {float:right;padding-left:1px;padding:0px 15px 0px 0px;} #menu li a {display:block;color:#343434;text-transform:uppercase;text-decoration:none; font-size:16px; font-weight:bold} #menu li a:hover, #menu #menu_active a {color:#DA1316} #end01{font-size:12px; font-weight:normal;padding:0px; color:#000;width:auto; padding-right:0px;} #end01 b{color:#FF7200;} /************* 廣告區 ***************/ .house1{ float:left;width:677px; height:215px; background-image:url(i1.jpg); margin-top:10px;} .house1 h2{ float:left;width:120px; height:30px; line-height:30px;color:#fff; font-size:15px; padding-left:15px; margin-top:3px; font-weight:bold; } .house1 h2 a{ color:#fff;} .mdtop_yq {float:right; height:26px;margin-top:10px; margin-right:10px; font-weight:bold;} .mdtop_yq ul{float:left;height:26px;} .mdtop_yq ul li{float:left;width:67px;height:26px;line-height:35px;background:url(h2.jpg) no-repeat;text-align:center;color:#676767; cursor:pointer; margin-left:3px; line-height:26px;} .mdtop_yq ul li a{font-size:15px;font-weight:bold;text-decoration: none;} .mdtop_yq .mdtselect{background:url(h1.jpg) no-repeat; color:#EB0000; cursor:pointer;} .mdtop_yq .mdtselect a{color:#EB0000;text-decoration: none;} .i_h{ margin:0px 10px 0px 10px ; background-color:#fff; height:169px;} .i_h ul{ margin-left:7px;} .i_h ul li{ float:left; margin-left:10px; margin-right:7px;margin-top:10px;} .i_h ul li span { display:block; text-align:center; margin-top:3px; } .i_h ul li span a{ color:#EB0000;} .i_h ul li img{width:110px; height:130px;} /*** 查詢區***/ .find{ float:right;width:289px; height:215px; background-image:url(i2.jpg); margin-top:10px;} .find_z{ float:left;width:140px; margin-left:18px; margin-top:70px;} .find_z dd{ margin-top:2px;} .find_z dt{ margin-top:5px;} .find_y{ float:right; margin-right:18px; margin-top:75px;width:104px; overflow:hidden;} .find_y img{ margin-top:8px;} .ssmit{ vertical-align:middle;*vertical-align:text-bottom; width:104px; height:54px; background-image:url(s4.jpg); cursor:pointer; border:0px; margin-top:5px; display:block;} /*** 好來屋搶鮮報 ***/ .news{ float:left; width:483px; height:215px; background-image:url(news.jpg); margin-top:10px;} .news h2{ float:left;width:120px; height:30px; line-height:30px;color:#fff; font-size:15px; padding-left:15px; margin-top:3px; font-weight:bold; } .news h2 a{ color:#fff;} .newsdetail{ margin:0px 10px 0px 10px ; background-color:#fff; height:149px; padding:10px;} .news_z{ float:left;width:165px; height:148px; border:solid 1px #ccc; } .list1 { float:left; margin-left:16px;} .list1 li {line-height:29px; border-bottom:dotted 1px #978B73;width:260px; } .list1 li a { float:left; color:#6F6147;padding-left:10px;background:url(marker_1.png); background-repeat:no-repeat; } .list1 li a:hover{text-decoration:none; color:#EB0000;} .list1 li span{ float:right;width:100px; color:#EB0000; text-align:right;} /*** 好來屋電視台 ***/ .tv{ float:right; width:483px; height:215px; background-image:url(news.jpg); margin-top:10px;} .tv h2{ float:left;width:120px; height:30px; line-height:30px;color:#fff; font-size:15px; padding-left:15px; margin-top:3px; font-weight:bold; } .tv h2 a{ color:#fff;} .tv span{ float:right;} .tv span img { margin-top:10px; margin-right:10px;} .tv_detail{ margin:0px 10px 0px 10px ; background-color:#fff; height:169px; } .tv_detail ul{ float:left; margin-left:10px; } .tv_detail ul li{ background-image:url(tv1.jpg); width:161px; height:29px; line-height:29px; text-align:center; margin-top:4px;} .tv_detail ul li:hover{ background-image:url(tv2.jpg);} .tv_detail ul li a{ color:#fff;} .tv_detail .mdtselect2{ background-image:url(tv2.jpg);width:161px; height:29px; line-height:29px; text-align:center; margin-top:4px;} .tv_r{ float:right;width:270px ; height:160px; margin-top:4px; margin-right:10px; background-color:#ccc;} /** 國際地產指南 **/ .newsgj{ margin-top:10px; display:block;} .newsgi_c{width:977px; height:258px; background-image:url(news4.jpg);} .newsgi_c ul{ padding-top:15px; padding-left:15px; } .newsgi_c ul li{ float:left; width:211px;text-align:center; margin-left:13px;margin-right:13px;} .img05 { width:211px; height:143px; border:solid 1px #EA0000;display:block;} .newsgi_c ul li h3{ display:inline;width:211px; text-align:left; margin-right:12px; margin-top:6px;} .newsgi_c ul li h3 a{ color:#EA0000} .newsgi_c ul li p{ color:#a5a5a5; text-align:left; line-height:16px;} /** 編輯區 **/ .area{ border:solid 1px #ccc; margin-top:10px; margin-left:auto; margin-right:auto;width:977px; padding-bottom:10px;} .area ul{height:27px; line-height:27px; background-color:#F0F0F0; background-image:url(a2.jpg);} .area ul li{height:27px; line-height:27px; text-align:center; width:122px; margin-left:10px; float:left;} .area ul li a{ color:#585858} .area ul li:hover{ background-image:url(a1.jpg); } .area ul li:hover a{ color:#EA0000; font-weight:bold;} .area .mdtselect3{ background-image:url(a1.jpg);width:122px; height:27px; line-height:27px; text-align:center;} .area .mdtselect3 a{color:#EA0000; font-weight:bold;} .area_c{ line-height:26px; padding:15px; height:33px;} .area_c span{ margin-left:10px; margin-right:10px;} /*** 底部開始 **/ nav#footer{margin:auto;width:300px;height:auto;text-align:left;text-align:center; float:left; margin-left:66px;margin-top:30px;} nav#footer ul{float:left;margin-top:6px;margin-bottom:6px;} nav#footer ul li{float:left;width:148px;height:auto;padding:0 0 0 0px;font-size:13px;color:black;text-align:center;border:0px blue solid;text-align:left;color:#ED3130;font-size:15px; font-weight:bolder;} nav#footer ul li a{color:#ED3130;font-size:15px; font-weight:bolder;} nav#footer ul li a:hover{color:#C1C1C1;text-decoration: none;} nav#footer ul li ul{margin-top:3px;margin-left:0px;width:133px;padding:0;} nav#footer ul li ul li{float:left;width:100%;height:23px;line-height:23px;color:black;border:0px blue solid;text-align:left;} nav#footer ul li ul li:first-child{margin-top:3px} nav#footer ul li ul li a{color:#585858;font-size:13px;font-weight:normal;} .end_logo{ margin-top:30px; width:277px; float:left;} nav#footer2{margin:auto;width:250px;height:auto;text-align:left;text-align:center; float:left; margin-left:66px;margin-top:30px;} nav#footer2 ul{float:left;margin-top:6px;margin-bottom:6px;} nav#footer2 ul li{float:left;width:148px;height:auto;padding:0 0 0 0px;font-size:13px;color:black;text-align:center;border:0px blue solid;text-align:left;color:#ED3130;font-size:15px; font-weight:bolder;} nav#footer2 ul li a{color:#ED3130;font-size:15px; font-weight:bolder;} nav#footer2 ul li a:hover{color:#C1C1C1;text-decoration: none;} nav#footer2 ul li ul{margin-top:3px;margin-left:0px;width:133px;padding:0;} nav#footer2 ul li ul li{float:left;width:100%;height:23px;line-height:23px;color:black;border:0px blue solid;text-align:left;} nav#footer2 ul li ul li:first-child{margin-top:3px} nav#footer2 ul li ul li a{color:#585858;font-size:13px;font-weight:normal;} /*　底部 ======================================================== */ footer{ margin-top:15px;} footer ul{border-top:solid 2px #E0E0E0; border-bottom:solid 1px #E0E0E0; line-height:36px; height:36px; text-align:center;width:420px; padding-left:278px; padding-right:278px;} footer ul li{ float:left; padding:0px 10px 0px 10px; background-image:url(li5.jpg); background-repeat:no-repeat; background-position:right;white-space:nowrap;} .end5{float:left; padding:0px 10px 0px 10px; background-image:none;} .copyright{ line-height:26px; text-align:center; padding:10px 0px 20px 0px;} .mains_a5{width:962px;height:16px;background:url(li04.jpg) no-repeat;line-height:16px;padding-left:15px;font-size:14px;color:#333333; text-align:left; margin-top:10px; padding-bottom:7px; border-bottom:solid 1px #ccc;} .mains_a5 h2{ float:left; font-size:14px;} .mains_c{width:977px; margin-top:10px;} /* 好來屋作品　*/ .worklist{ width:977px; padding-top:10px; overflow:auto; zoom:1; clear:both; line-height:14px; } .worklist li { width:150px; height:30px; float:left; display:inline; text-align:center; list-style:none; margin-right:12px; border:solid 1px #ccc; line-height:30px; margin-top:10px;} .worklist li a { display:block; color:black;} .worklist li a:hover{ display:block; background-color:#666; color:#fff;} .newsxx{ margin-top:20px; width:977px;} /*** 會員中心 **/ .mains_a1{width:957px;height:16px;background:url(li04.jpg) no-repeat;line-height:16px;padding-left:15px;font-size:14px;color:#333333; text-align:left; margin-top:10px; margin-bottom:10px;} .mains_a1 h2{ float:left; font-size:14px;} .mains_a1 span{ float:right;} .mains_a1 span a{ color:#03F; font-size:13px;} .mains_a2{width:955px;border:1px #E0E9ED solid;margin:0 auto; padding:10px; line-height:26px;} .mains_a2 strong{ font-size:16px;padding:30px;color:red;line-height:26px; text-align:center; display:block; font-weight:normal;} .login_arres{width:80%;margin:0 auto;margin-bottom:10px; padding-bottom:30px;} .login_deng{margin:80px 0px;overflow:hidden;overflow:hidden;height:300px;margin:0 auto;} .login_zuobian{float:left;width:46%;border-right:1px #6A96DA dotted;} .login_youbian{float:left;width:44%;text-align:left;margin-left:58px;} .login_youbian h2{font-size:15px; display:block; margin-bottom:10px; display:block} .login_youbian p{ margin-bottom:10px;} .txt{border:solid 1px #ccc;width:200px;} .input{ border:solid 1px #ccc; width:200px; height:23px; line-height:23px;} .table_reg{margin-top:20px; line-height:40px; margin-bottom:20px; width:90%} .mains_a4{width:960px;height:16px;background:url(li04.jpg) no-repeat;line-height:16px;padding-left:15px;font-size:14px;color:#333333; text-align:left; margin-top:10px; margin-bottom:10px; border-bottom:solid 1px #ccc; padding-bottom:10px;} .mains_a4 h2{ float:left; font-size:14px;} .mains_a4 span{ float:right;} .mains_a4 span a{ color:#03F; font-size:13px;} .mains_a3{width:975px;margin:0 auto;background:url(left_bg.jpg) 0 0 repeat-y; overflow:auto;zoom:1;} .mains_a3 aside{float:left;width:251px;} .mains_a3 article{float:right;width:704px;} .categories {width:251px; margin-left:auto; margin-right:auto; border-top:solid 1px #fff; margin-top:1px;} .categories li{width:251px; height:45px; font-size:13px;border-bottom:solid 1px #fff; } .categories li a{ color:#2B1C03;width:211px; height:45px; display:block; padding-left:41px;background-repeat:no-repeat;line-height:45px;letter-spacing:2px; background-image:url(li6.png); background-repeat:no-repeat;} .categories li a:hover {color:#fff;background-color:#CCC} #cate_active{ color:#fff;width:211px; height:45px; display:block; padding-left:41px;background-repeat:no-repeat;line-height:45px;letter-spacing:2px; background-image:url(li6.png); background-repeat:no-repeat;background-color:#999999;} .mains_a3 article h3{ color:red; font-weight:normal;} .table-c table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:10px;width:100%;} .table-c table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;} .table-c table td input{ border:solid 1px #ccc; width:200px; padding:3px;} .inpsub{ border:solid 1px #ccc; padding:3px;} .inpsubmit{ border:solid 1px #ccc ;width:200px; padding:3px;} .table-d table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:10px;width:100%;} .table-d table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;} .pager{ font-size: 13px; text-decoration:none; margin-top:25px; text-align:center; margin-bottom:15px;width:100%; margin-left:auto; margin-right:auto;} .pager a{ font-size: 13px; text-decoration:none; margin-left:5px; margin-right:5px;} .pager span{ margin-left:5px; margin-right:5px;} /**留言列表**/ .table_bbs{border:solid 1px #ccc; margin-top:10px; line-height:26px;width:100%;} .td001{border:solid 1px #ccc;} .table_bbs01{line-height:26px;width:100%;} .td002{background-color:#e8e9e9; padding-left:10px;} .td003{background-color:#e8e9e9; padding-right:10px; text-align:right;} .p10{padding:10px; border-top:dotted 1px #ccc;} .table-demand table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:10px;width:100%;} .table-demand table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;} /*** 新聞列表 ***/ .newstitle{ width:957px; margin-left:25px; padding-top:10px; overflow:auto; zoom:1; clear:both; line-height:14px; margin-bottom:30px; } .newstitle li { border:solid 1px #ccc; width:210px; height:30px; float:left; display:inline; text-align:center; list-style:none; margin-right:25px; line-height:30px; background-image:url(news01.png);} .newstitle li a { display:block; color:black; letter-spacing:2px; font-size:14px; } .newslist{margin-top:15px; text-align:left; height:100px; padding-bottom:10px;width:927px; border:0px; font-size:13px; border-bottom:dashed 1px #ccc;margin-left:25px;} .newsc{font-size:13px; color:#666; padding-top:10px; line-height:26px;} .img001{width:89px; height:80px; padding:1px; border:solid 1px #ccc; display:inline;} .img001:hover{width:89px; height:80px; padding:1px; border:solid 1px #F90;} .newsxx{ margin-top:20px; width:927px;margin-left:25px;} .img003{ max-width:300px; border:solid 1px #ccc; padding:1px; margin-right:20px; margin-bottom:10px; float:left;} .newstit{color:#00509F; font-weight:bold; line-height:40px; text-align:center; border-bottom:dashed 1px #ccc; margin-bottom:20px;} /** 好來屋電視台 **/ .tv_l{ margin-top:10px; display:block;} .tv_l{width:962px; margin-left:15px;} .tv_l ul{ padding-top:15px; padding-left:15px; } .tv_l ul li{ float:left; width:270px;text-align:center; margin-left:15px;margin-right:25px;} .img_tv { width:270px; height:160px; border:solid 1px #EA0000;display:block;} .tv_l ul li h3{ display:inline;width:211px; text-align:left; margin-right:12px; margin-top:6px;} .tv_l ul li h3 a{ color:#EA0000} /** 搜寻房屋列表**/ .houselists{ margin-left:10px;} .shouse_z{width:305px; height:192px;margin-top:20px; float:left; margin-right:15px;} .sh{width:305px; height:30px; background-image:url(h.jpg); background-repeat:no-repeat; clear:both;} .sh01{ background-image:url(h1a.jpg); width:8px; height:30px; float:left;} .sh02{float:left; border-top:solid 2px #CCCCCC; width:auto;height:28px; background-color:#fff; } .sh02 h3 a{ line-height:28px; color:#024DA0} .sh03{ background-image:url(h2a.jpg); width:8px; height:30px; float:left;} .sh04{ float:right; line-height:28px;} .sc{width:285px; height:122px; background-image:url(house_bg_s.png); padding:10px;} .sc_z{ float:left;width:110px; height:162px; line-height:24px;} .sc_z strong{ color:#DA8700;} .sc_z span{ color:#024DA0} .sc_y {width:153px; height:96px; border:4px solid #ccc;float:right; margin-top:10px;} .shouse_y{width:333px; height:192px;margin-top:20px; float:right;} /******* 房子內頁　************/ .caselist{ float:right;width:auto; overflow:auto; zoom:1; clear:both; line-height:14px; margin-top:10px; } .caselist li { width:102px; height:66px; float:left; display:inline; text-align:center; list-style:none; margin-left:10px;} .caselist li a { display:block; color:black;} .caselist li span { display:block; text-align:center; margin-top:5px;width:85px;} .caselist li a img { width:96px; height:60px;padding:2px; border:1px solid #ccc; display:block; background-color:#FCFCFC} .caselist li a:hover img { padding:2px; border:1px solid #f98510;} .casepic {width:100%;} .casepic li { width:124px; height:96px; float:left; display:inline; text-align:center; list-style:none; margin-right:18px; margin-top:20px;} .casepic li a { display:block; color:black;} .casepic li span { display:block; text-align:center; margin-top:5px;width:85px;} .casepic li a img { width:120px; height:92px;padding:1px; border:1px solid #ccc; display:block; background-color:#FCFCFC} .casepic li a:hover img { padding:1px; border:1px solid #f98510;} .bigpic{width:899px; margin-top:20px; margin-left:auto; margin-right:auto; text-align:center; position:relative; border:solid 1px #ccc; text-align:center} .bigpic img{ max-width:897px; margin-top:20px; margin-bottom:20px;} .biaoyu{ position:absolute;top:20px;left:-9px;width:311px; height:69px; line-height:69px; background-image:url(../images/casetitle.png); font-size:24px; color:#fff; background-repeat:no-repeat;} .casexx{margin-left:auto; margin-right:auto; margin-top:20px; line-height:38px; color:#363636; border:0px;width:903px;} .td_t{background-image:url(t01.png);background-color:#EEF7FF;} .td_l{border-top:solid 1px #DADADA;} .td_o{border-top:solid 1px #DADADA; background-color:#EEF7FF;} .td_e{background-image:url(t02.png); background-color:#EEF7FF;} .maphtml{width:903px; margin-top:20px; margin-left:auto; margin-right:auto;} .map{width:440px; float:left; height:300px;} .lxfs{width:440px; float:right; height:300px;} .lxfs_img{width:260px; height:155px; border:solid 1px #ccc;} .lxfs_code{width:135px; height:135px; padding:10px; border:solid 1px #ccc; margin-left:17px;} .lxfs_c{width:437px; height:98px; border:solid 1px #ccc; display:block; margin-top:10px;} .lxfs p{ color:#A8A6A7; margin-top:10px; font-size:12px;} .ssmit02{vertical-align:middle;*vertical-align:text-bottom; width:81px; height:26px; background-image:url(../images/liuyan.jpg); cursor:pointer; border:0px; float:right;} /**　類似建案一覽 **/ .jalist{width:100%; height:153px;background-image:url(leisi.jpg); background-repeat:no-repeat; overflow:hidden; margin-top:20px;} .jalist h2{ float:left;width:770px; margin-left:10px; margin-top:2px; height:34px; line-height:34px;color:#1D62AB; font-size:15px; padding-left:20px; background-image:url(li07.jpg); background-repeat:no-repeat; border-bottom:solid 1px #ccc;} .jalist span{ float:right;width:167px; margin-top:2px; border-bottom:solid 1px #ccc; height:34px; margin-right:10px; text-align:right;} .jalist ul{width:100%;margin-top:10px;} .jalist ul li { width:112px; height:96px; float:left; display:inline; text-align:center; list-style:none; margin-left:9px; } .jalist ul li a { display:block; color:black;} .jalist ul li span { display:block; text-align:center; margin-top:5px;width:112px; border-bottom:none; text-indent:20px;} .jalist ul li a img { width:108px; height:66px;padding:1px; border:1px solid #ccc; display:block; } .jalist ul li a:hover img { padding:1px; border:1px solid #f98510;}