﻿* {font-size:100%; margin:0; padding:0; }
/*body加上-webkit-text-size-adjust: none;是因為在apple手機上選單會跑掉  而且特色描述內的文字可以變正常*/
body { font-size: 78%; background: #fff; font-family: "新細明體",Arial; margin:0 auto; letter-spacing:0.1em;-webkit-text-size-adjust: none;}
img { border:none; vertical-align:top;}
a:link,a:visited,a:hover,a:active {color:blue;}
a{text-decoration: underline;color:blue;}
.cssWrapper { width:99%; margin:0 auto; padding:0 5px; background:#FFFFFF;}
.cssHeader { height:130px;}
.cssHeaderLeft { float:left; margin: 15px 0 0 0;}
.cssHeaderRight { float:right; margin: 15px 0 0 0; text-align:right;}
.cssNav { font-size:150%; border-bottom: 3px solid #da0505;  text-align :center ; margin-bottom :10px;}
.cssNav ul { width: 100%; list-style-type: none;}
.cssNav li {border-radius: 8px 8px 0px 0px;padding: 5px 0px;background:#F6DDDD; border-top:1px solid #da0505; border-right:1px solid #da0505; border-left:1px solid #da0505; list-style-type: none;display:inline-block ;text-align: center;width: 3.8%;}
.cssNav a { color:blue;  text-decoration: underline;}
.cssNav a:hover { background: #da0505; color: #ffffff;}
.cssSearchTab {font-size :130%;padding-top :15px;}
.cssSearchTab ul { list-style-type: none;}
.cssSearchTab li { list-style-type: none; display:inline-block;}
.cssSearchTab a{background: #fff;padding: 7px 10px 7px 10px;  text-decoration: none;border-radius: 8px 8px 0px 0px;border-top: 1px solid #990000;border-right: 1px solid #990000;border-left: 1px solid #990000; }
.cssSearchTab a:hover{background: #990000;color: #FFFFFF;}
.cssSearchTab span{font-size :125%;background: #F5E3DF;color: #000;padding: 7px 10px 7px 10px;text-decoration: none;border-radius: 8px 8px 0px 0px;border-top: 1px solid #990000;border-right: 1px solid #990000;border-left: 1px solid #990000;}
.AdvertisementRight {float:right; margin-top :7px;margin-bottom  :15px;width :49%;text-align :left ;}
.AdvertisementLeft {float:left; margin-top :7px;margin-bottom  :15px;width :49%;text-align :right ;}
.cssContentLeft { float:left; width:28%; margin: 0 0px 10px 0; padding:2px; line-height: 1.5em;border:1px solid #666666; }
.cssContentRight { width:70%; float:right;}
.casePhotoTitle {font-size: 120%; background:#da0505; border-left: 5px solid #f6dddd; border-right: 5px solid #f6dddd;  color: #fff; padding: 5px 0 3px 7px; font-weight: bold;}
.cssAgent21870 { text-align:center; margin:5px 0;}
.cssAgent21870 img { border:1px solid #999999; margin-top:10px; margin-right:2px;}
.cssSearchListCol { font-size :140%;padding:8px 0 0 5px; width:99%; vertical-align: bottom; display: block; margin-top: 6px; list-style-type: none;background: #F5E3DF;  border: 1px solid #990000;}
.cssSearchListCol ul { list-style: none; text-align: left;}
.cssSearchListCol li { padding:36px 0;}
.cssSearchListCol dt { float:left; margin-left:5px; text-align: left; padding:4px 0 0 15px;}
.cssSearchListCol dd { float:left; padding: 2px 0; margin-right:38px; text-align: left;}
.cssSortType {font-size: 146%;border: 1px solid #cccccc;padding:0px 7px; margin:7px 0;width: 98%;}
.cssSortType div {display: inline-block;padding: 8px 0px 8px 0px;}
.cssProductlist { font-size: 150%; margin-left:0px;text-align :center ;}
.cssProductlist ul { list-style:none; margin-top:6px;   }
.cssProductlist li {border:1px solid #CCCCCC; margin: 8px 2px;  background:#FAFAF3; text-align :center ; display:inline-block;vertical-align:top ;}
.cssProductlist dt { padding: 10px 0; text-align: center; background: #E4E4CB; border-top: 1px solid #FFFFFF;}
.cssProductlist dd { padding: 5px 0; background: #E4E4CB; border-top: 1px solid #FFFFFF; }
.cssProductlist img {display:block;margin:auto; height :280px;}
.cssProductlist .cssListImg {padding-top:0px;background: #fff;}
.cssProductlist .cssGoldHot_90_40 {position: absolute;z-index: 1;margin-left: 0px;margin-top: 0px;text-align: left;float: left; width :90px; height :40px;}
/*首頁產品寬*/
.cssProductlist .cssList48 {width:48%;}
/*非首頁產品寬*/
.cssProductlist .cssList32 {width:32%;}
.cssClear {clear:both;}
.cssPage {  font-size: 140%;text-align:center; margin:5px 0; padding:7px; clear :both ;}
.cssPage  a {  font-weight: bold; color:#000; padding:3px 6px 3px 6px; margin:0 8px 0 8px; text-decoration: none; border:1px solid #cccccc;}
.cssPage  label {  font-size: 150%; font-weight: bold; color:#fff; background: #da0505; padding:3px 6px 3px 6px; margin:0 8px 0 8px;  border:1px solid #cccccc;}
.cssPage a:hover { background: #da0505;  color:#fff; }
.cssDeclare { border:2px solid #DDDDDD; padding:10px;color: #666666;}
.service_border { padding:10px 0 5px 0; border-bottom:3px solid #da0505;}
.SaleRentFocus { background: #da0505; color: #FFFFFF; padding:6px 7px 5px 7px; font-size :58%;}
.cssNoneData{font-size :135%;text-align:center; margin-top:50px;color :blue;}
.cssH2Middle {font-size:58%;display: inline; color :#cccccc;width: 100%; margin-top: 15px; margin-bottom: 25px; vertical-align: middle;}
.cssTableList {width :100%;}
.cssTableList tr{height :50px;}
.cssTableList td{border-bottom: 1px dotted #CCCCCC;}
.trTitle{ margin-top:0px; text-align: center; background:#da0505;}
.trTitle td{border-top:3px solid #da0505; border-bottom:0px solid #C9E287; color :#ffffff;}
.tdCenter{text-align: center;}
.tdLeft{text-align: left; padding-left :5px;}
tr.cssAgencySpaceUnder > td {padding: 1em 0em;}
input[type="text"]:focus, input[type="password"]:focus {background-color: yellow;border: 2px solid #555;}
textarea:focus {background-color: yellow;border: 2px solid #555;}
select:focus {background-color: yellow;}
.cssNowMoney {font-family:Arial,Helvetica,sans-serif;font-size:130%;color:#da0505;font-weight:bold;} 
.cssReductionMoney {font-family:Arial,Helvetica,sans-serif;font-size:130%;color:#da0505;font-weight:bold;} 
.cssOriginalPrice {color: #000;background: url(../images/reduction.gif) right center no-repeat;font-size:90%;} 
.cccToTop {border-radius:50%;position: fixed;bottom: 10%;right: 1%;cursor: pointer;width: 100px;height: 100px;background: url(../images/gototop.png) no-repeat;background-size: 100px 100px;opacity: 0.8;position: fixed;z-index: 900;display: none;}
.cssFastRegionSelect{width:100%;text-align:left;display:inline-block;margin:0 auto;padding:10px;}
.cssFastRegionSelect div{font-size :150%; width:14.3%;margin:20px 8px;display:inline-block; }
.video-container {position: relative;padding-bottom:37.25%;height: 0;overflow: hidden;border:1px solid #cccccc;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.iframe-google {position: relative;padding-bottom:37.25%;height: 0;overflow: hidden;border:1px solid #cccccc;}
.iframe-google iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*資料處理中, 請稍後*/
.cssWaittingMsg {font-size: 190%;position: fixed;top: 50%;left: 50%;
    _position: absolute; /* position fixed for IE6 */
    _top: expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2); /* position fixed for IE6 */
    _margin-top: 0; /* position fixed for IE6 */
    background-color: #F1F4FA;border: solid 1px #00008B;text-align: left;vertical-align: middle;padding: 10px;font-weight: bold;z-index: 500;
}
/*現在位置連結*/
.cssBreadcrumb_LEFT {
    font-size: 140%;
    width: 68%;
    display: inline-block;
    margin-top: 15px;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cssShare_RIGHT {margin-top: 15px;display: inline-block;width: 30%;text-align: right;}
.cssBreadcrumb_LEFT ol {margin: 0;padding: 0;display: inline-block;}
.cssBreadcrumb_LEFT ol li u, .cssBreadcrumb_LEFT ol li {display: inline-block;margin: 0 5px 0 0;}
/*background block div*/
.cssBlockBackgroundDiv {position: absolute;left: 0px;top: 0px;filter: Alpha(Opacity=10);opacity: 0.1;background-color: #000000;z-index: 498;}
.cssListSearch{font-size:150%;padding:10px;cursor :pointer ;}
.searchP{text-align: right; margin :0px 25px 25px 0px;}
/*地圖導覽*/
.cssMapTitle { padding : 10px 0px 10px 0px; margin-bottom :15px;} 
.cssMapTitle h3{ padding-left: 12px; padding-right: 12px;} 
.cssMapTitle div{ float: left; width :14.5%; margin:20px 8px;text-align :center ; } 
.cssMapTitle div a{font-size :150%;} 
.cssMapCity a{font-size :150%; text-decoration: underline; font-weight :bold ; color :#000;}
.cssUpRight{margin:0px 15px 8px 0px; text-align :right;font-size :130%;}
.cssUpRight a {margin: 5px;}
.cssHSLA div{ float: left; width :15%; margin:25px 20px;border: 2px solid gray; text-align :center ; padding :25px 20px;} 
.cssHSLA div a{font-size :150%;} 
.divToppagetitle {display:inline-block;text-align:left;vertical-align :top ;  }
.H1Top {font-size:100%;display: inline; color :#cccccc;}