/*-[ Framework ]--------------------*/
body{font-size: 15px;font-family:"微軟正黑體";color: #4d4d4d; line-height:28px;}

::-moz-selection{background:#333;color:white;text-shadow:none;}

::selection{background:#333;color:white;text-shadow:none;}

#page,.container {margin-right: auto;margin-left: auto;overflow: hidden;}

h1,h2,h3,h4,h5,h6{font-weight:normal;color: #777;}

.imgall{width:100%;}

.fl{ float:left}
.fr{ float:right;}

a{text-decoration:none;color: #505050;}
a:hover{color:#c30d23;}
a:link, a:visited, a:active{text-decoration:none;}

.blank10{ height:20px;}

/*-[ Main container ]---------------*/
.container{width:90%;min-width:320px;overflow:visible;margin-left:auto; margin-right:auto; max-width:1280px;}
.wrap{width:100%;}

header{ border-bottom:solid 1px #44B1AE;line-height:28px;} 

/** 頂部小導航**/
#top_nav{ background-color:#44B1AE; height:20px; line-height:20px; color:#fff;}
#top_nav ul{ float:right;}
#top_nav ul li{ float:left; padding-left:10px; background-image:url(../images/li.jpg); background-repeat:no-repeat; background-position:right center; padding-right:10px; font-size:12px;}
#top_nav ul li a{ color:#fff;}

#logo{ float:left;width:20%;}
#logo img{ max-width:134px; margin-top:15px;position:relative; z-index:1;}


nav#global{ float:right; width:70%;}
nav#global ul {display: table;text-align: center;margin: 0 auto; float:right; margin-top:50px;}
nav#global ul li {float:left;position: relative; display: inline;text-align:center;border:0px red solid; text-align:center; padding:0px 20px 0px 20px;}
nav#global ul li a{ color:#3f3f3f; font-size:16px; display:block; padding-left:5px; padding-right:5px;}
nav#global ul li:hover{ }
nav#global ul li a:hover{ background-image:url(../images/li2.jpg); height:30px;} 

#header_web{ display:block;} 
#header_wap{ display:none;} 

#header_web2{ display:inline;} 
#header_wap2{ display:none;} 

/***手機版菜單***/
.iphone__screen {width: 100%; height: 250px;position: absolute; top:20px;right:0px; overflow: hidden; }
/* Navigation Defaults*/
.nav { position: absolute;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all; -webkit-transition-duration: 300ms;transition-duration: 300ms;width:100%; height:200px;}
.nav--active .nav {opacity: 1; background-color: #E9EBE6;}
.nav__list {margin: 0;padding: 10px;}
.nav__item {list-style-type: none; text-align: left; text-indent:20px;}
.nav__link {font-size: 16px;text-transform: uppercase;text-decoration: none;color: #3f3f3f;opacity: 1; -webkit-transition: opacity 300ms ease-in-out;transition: opacity 300ms ease-in-out; line-height:37px; padding-left:5px; padding-right:5px;}
.nav__link:hover{ border-bottom:solid 2px #DA0001; color:#3f3f3f}
/* Default navigation icon */
.nav__trigger {display: block;position: absolute;width: 30px;height: 25px;right: 10px;top: 10px;z-index: 200;}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {display: inline-block;position: relative;margin-top:30px;width: 30px;height: 5px;background-color: #44B1AE;
-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after { content: '';display: block;width: 30px; height: 5px; position: absolute;background: #44B1AE; -webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {  margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}
.style-1 .nav {-webkit-transform: translateX(-100%);transform: translateX(-100%);width: 100%;height: 100%;}
.style-1 .nav__link { opacity: 0;-webkit-transition-delay: 500ms;transition-delay: 500ms;}
.style-1 .nav--active .nav__link {opacity: 1;}
.style-1 .nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(0); transform: translateX(0);}
.style-1 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.style-1 .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.style-1 .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


/*** 搜索開始 **/
.idxSection1{ padding-top:20px; padding-bottom:20px;border-bottom:solid 1px #44B1AE;}



/*** 賣屋租屋推薦開始 ***/

.recommend{ background-color:#226383; padding-top:15px; padding-bottom:15px;}

.re_title{ float:left;width:120px;}
.re_title span{width:120px; color:#fff; cursor:pointer; display:block; font-size:18px; height:36px; line-height:36px; letter-spacing:5px; text-align:center;}
.re_title span:hover{ background-color:#4E819C; border-radius:5px 0px 0px 5px;}
.re_ts{background-color:#4E819C; border-radius:5px 0px 0px 5px;}
.re_title span a{ color:#fff;}
.re_subtitle{float:left; width:150px; background-color:#4E819C; color:#fff; cursor:pointer;border-radius:0px 5px 5px 5px; border:solid 1px #4E819C; }
.re_subtitle span{width:150px;color:#fff; cursor:pointer; display:block; font-size:18px; height:36px; line-height:36px; letter-spacing:5px; text-align:center;}
.re_subtitle span:hover{ background-image:url(../images/li3.png); background-repeat:no-repeat; background-position:right;}
.re_s{ background-image:url(../images/li3.png); background-repeat:no-repeat; background-position:right;}
.re_subtitle span a{ color:#fff;}
/***图片滚动**/


.tjhouselist{ float:right;width:74%;}
.tjhouselist li{ float:left;width:45%; margin-right:10%;}
.tj_house {width:100%;}
.td1{width:40%; float:left; text-align:left; background-color:#e8e9e9; min-width:200px;border:solid 1px #ccc; min-height:180px;}
.td2{ float:left;width:50%;text-align:left; padding-left:10px;}

.tj_img{width:100%;  vertical-align:top;	cursor: pointer;
positon: relative; margin-left:auto; margin-right:auto; display:block;}
.tj_house h4 a{ font-size:18px; line-height:30px; color:#fff; display:block;}
.tj_house p{ font-size:15px; line-height:25px; color:#fff;}
.tj_house p strong{  font-size:30px;}
.kf{ margin-top:8px; display:block;}




/** 最新物件 **/
.newswj{ background-color:#F8F8F8; padding-top:30px;}
.house{ padding-bottom:30px;}
.house h3{ height:30px; line-height:30px;}
.house h3 strong{ float:left; font-size:30px;color:#16a2a3; font-weight:lighter; }
.house h3 strong a{ color:#16a2a3;}
.house h3 span{ float:right; }
.house h3 span a{ color:#16a2a3;}
.houselist{}
.houselist li{width:19%; float:left; margin-right:8%; margin-top:30px;}
.houselist li h4 a{ font-size:20px; color:#16a2a3;}
.houselist li p{ line-height:20px; font-size:15px; color:#717171;}
.houselist li big{ float:left;color:#da0000; margin-top:10px;}
.houselist li big b{ color:#da0000; font-size:30px;}
.houselist li strong{ float:right; margin-top:10px;}
#li4{ margin-right:0px;}


/***最新消息**/

.news{ margin-top:35px;}
.news img{ float:left;width:40%;  max-width:597px;} 
.news dl{ float:right;width:58%;}
.news dl dt{ border-bottom:solid 1px #2c2c2c; padding-bottom:10px;}
.news dl dt strong{ float:left; font-size:30px;color:#16a2a3; font-weight:lighter; }
.news dl dt span{ float:right; }
.news dl dt span a{ color:#16a2a3;}
.news dl dd{}
.news dl dd ul{ margin-top:10px;}
.news dl dd ul li{ line-height:30px;}
.news dl dd ul li span{ float:left; width:30%; color:#16a2a3; display:inline-block; max-width:100px;}
.news dl dd ul li a{ float:left;color:#2c2c2c;width:70%;}
.news dl dd ul li a:hover{ color:#c30d23;}

/*** 底部開始***/

.footer{ margin-top:35px;}

.end1{ border-top:solid 1px #C6C6C6; background-color:#F8F8F8; padding-bottom:30px;}

.end1_left{ float:left;width:65%;}
.end1_mid{ float:left;width:15%; padding-top:30px;}
.end1_mid img{ padding:10px; background-color:#fff; border:solid 1px #ccc;width:100%; max-width:125px;}
.end1_right{ float:right;width:20%; text-align:right; padding-top:30px;}

.zjl{}
.zjl dt{ color:#16a2a3; font-size:20px; padding-top:26px; padding-bottom:5px;}
.zjl dd{ float:left; background-image:url(../images/li5.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px;  padding-right:10px; font-size:16px;}

.dz{ margin-top:5px;}
.dz li{ float:left;width:22%; margin-right:3%;margin-top:10px;}
.dz li strong{ color:#16a2a3;}
.dz li strong a{ color:#16a2a3}
.dz li strong a:hover{ color:red;}
.dz li p{ color:#2b2b2b; line-height:18px; font-size:12px;}

.copyright{ padding-top:15px; padding-bottom:15px; color:#fff; background-color:#16a2a3; text-align:center}


/*** 內頁開始 **/
.box{ padding-top:30px;}
.title{ border-bottom:solid 1px #44B1AE; padding-bottom:30px;}
.title h3{ height:30px; line-height:30px;float:left; font-size:30px;color:#16a2a3; font-weight:lighter; }
.title span{ float:right; }
.title span a{ color:#16a2a3;position:relative; z-index:1;}

.content{ margin-top:30px;}

.leftbar{ float:right; width:23%;}

.leftbar{ background-color:#16a2a3; border-radius:5px; padding:15px ;}
.leftbar h5{ font-size:20px;  border-bottom:dotted 1px #fff; line-height:40px; color:#fff;}
.leftbar  ul{ margin-top:10px; margin-left:15px;}
.leftbar ul li{ background-image:url(../images/li7.jpg); background-repeat:no-repeat;color:#fff; line-height:40px; text-indent:25px; font-size:18px;}
.leftbar ul li a{ color:#fff;}

.rightcontent{ float:left;width:71%;}
.rightcontent h5{  line-height:60px; font-size:30px;color:#16a2a3; font-weight:lighter; display:block; width:100%;}

.rightcontent img{ width:100%; max-width:600px;}


.news2 ul{ margin-top:10px;}
.news2 ul li{ line-height:30px;}
.news2 ul li span{ float:left; width:30%; color:#16a2a3; display:inline-block; max-width:100px;}
.news2 ul li a{ float:left;color:#2c2c2c;width:70%;}
.news2 ul li a:hover{ color:#c30d23;}

.pager{ padding-top:10px; padding-bottom:10px; 
	font-size: 12px; text-decoration:none; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px;}

.pager a{
	font-size: 12px; text-decoration:none; margin-left:5px; margin-right:5px;}
	
	
	
.pager span{ margin-left:5px; margin-right:5px;}

/*** 業務員列表***/

.manlist{}
.manlist li{ float:left;width:21%; margin-right:4%; margin-top:30px;}
.manlist li img{width:100%; max-width:100px; border:solid 1px #ccc; max-height:130px;}
.manlist li span{ display:block; margin-top:0px;}
.manlist li span a{ color:#16A2A3}
.manlist li span a:hover{ color:red;}

.maninfo{ margin-top:30px;}
.maninfo dt{ float:left;width:20%;}
.maninfo dt img{ width:100%; max-width:130px; border:solid 1px #ccc;}
.maninfo dd{ float:left;width:80%; }
.maninfo dd ul{width:100%;}
.maninfo dd ul li { border-bottom:dashed 1px #eee; line-height:35px; float:left;width:50%;}
.maninfo dd ul li span{ color:#000; font-weight:bold;}


/************ 業務員房屋信息開始 *******/
.ywhouse{ margin-top:30px;border-bottom:solid 1px #44B1AE;}
.ywhouse li{ float:left; border-radius:5px 5px 0px 0px; border:solid 1px #ccc; cursor:pointer;border-bottom:none; font-size:15px;}
.ywhouse li a{ display:block;padding:3px 35px 3px 35px; }
.yw_s{ background-color:#44B1AE; color:#fff;}
.yw_s a{ color:#fff;}

.ywh_list{}
.ywh_list li{width:28%; float:left; margin-right:8%; margin-top:30px;}
.ywh_list li h4 a{ font-size:20px; color:#16a2a3;}
.ywh_list li p{ line-height:20px; font-size:15px; color:#717171;}
.ywh_list li big{ float:left;color:#da0000; margin-top:10px;}
.ywh_list li big b{ color:#da0000; font-size:30px;}
.ywh_list li strong{ float:right; margin-top:10px;}

.txt2{box-sizing: border-box;-moz-box-sizing: border-box;width: 90%;height: 40px; padding-left:5px; padding-right:5px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; font-size:15px;}

.txt2_sub{box-sizing: border-box;-moz-box-sizing: border-box;width: 90%;height: 90px; padding-left:5px; padding-right:5px;
line-height: 25px;border: 1px solid #ccc;border-radius: 3px; font-size:15px;}

.kftitle{ background-color:#ccc; text-align:center;width:90%; margin-left:auto; margin-right:auto;  line-height:30px;font-size:15px; padding:5px;}
.userkf{width:90%; margin-top:20px; margin-left:auto; margin-right:auto;}
.userkf td{ padding-top:5px; text-align:center}


.btn{ background-color:#333; color:#fff; padding:4px 20px 4px 20px; text-align:center; letter-spacing:3px; cursor:pointer; background-image:url(../images/c002.jpg); font-size:15px;border:0px;  border-radius:0px}
.btn:hover{ background-color:#000; color:#fff;}

.btn2{ background-color:#D35326; color:#fff; padding:4px 20px 4px 20px;  text-align:center; letter-spacing:3px; cursor:pointer; background-image:url(../images/a001.png); font-size:15px;border:0px;  border-radius:0px}
.btn2:hover{ background-color:#CD5025; color:#fff;}

/*******************房屋詳細結束 *************************/
.housedetail{ border-bottom:solid 1px #BCBCBC; padding-bottom:20px; padding-top:30px;}
.piclist{ float:left;width:50%;background-color:#e8e8e9; padding-top:12px; padding-bottom:12px;}

.houseinfo{ float:right;width:48%;}
.houseinfo h4{ height:48px; line-height:48px; font-size:20px; background-image:url(../images/bg_housetitle.jpg); text-indent:10px; color:#fff; font-weight:bold;}
.houseinfo strong{ display:block; font-size:30px; margin-top:20px;}
.jiaje{ margin-top:10px; font-size:15px; border-bottom:solid 1px #BCBCBC; line-height:43px;}
.jiaje b{ float:left; font-weight:lighter}


.remark{ border-top:solid 1px #fff; border-bottom:solid 1px #BCBCBC; margin-top:15px; padding-top:0px; padding-bottom:15px;}

.btnhouse{border-top:solid 1px #fff; text-align:center;}
.btnhouse img{ margin-top:20px;}
.houseinfodi{border-top:solid 1px #fff;}

.housel{ float:left; width:62.5%;}
.housel h5{ background-image:url(../images/bg_title.jpg); height:14px; line-height:14px;}
.housel h5 strong{ font-size:15px;color:#44B1AE; font-weight:bold;background-color:#fff; text-align:center; padding-left:5px; padding-right:5px; margin-left:15px; }


.housel ul{ margin-top:10px;}
.housel ul li{ float:left;width:50%;line-height:30px;  color:#6e6e6e; background-image:url(../images/li06.jpg); background-repeat:no-repeat; background-position:left top; text-indent:25px;}
.housel p{ color:#6e6e6e;}

.housel .info{width:94%; margin-left:auto; margin-right:auto;}


.map{ height:400px; width:100%;}

.houser{ float:right;width:36%; text-align:center}
.houser h5{ background-image:url(../images/bg_title.jpg); height:14px; line-height:14px;}
.houser h5 strong{ font-size:15px;color:#44B1AE; font-weight:bold;background-color:#fff; text-align:center; padding-left:5px; padding-right:5px; margin-left:15px; }

.houser1_h5{ background-image:url(../images/bg_title.jpg); height:14px; line-height:14px;}
.houser1_h5 strong{ font-size:15px;color:#44B1AE; font-weight:bold;background-color:#fff; text-align:center; padding-left:5px; padding-right:5px; margin-left:15px; }


.houser label{ display:block; font-size:15px; color:#575757 ; text-align:left;}
.houser label strong{ color:#be9a2b;}

.txt3{ border:solid 1px #CBCBCB; background-color:#F8F8F8;height:32px;font-size:15px; color:#8B8B8B; border-radius:5px; margin-right:5px;width:100%; margin-left:10px; margin-left:auto; margin-right:auto;}

.txt4{ border:solid 1px #CBCBCB; background-color:#F8F8F8;font-size:15px; color:#8B8B8B; border-radius:5px; margin-right:5px;width:100%; margin-left:10px; margin-left:auto; margin-right:auto; height:100px;}

.sc2{width:75px; height:35px; background-image:url(../images/sc2.jpg); border:0px; background-color:transparent;}
.ct{width:75px; height:35px; background-image:url(../images/ct.jpg); border:0px; background-color:transparent;}


.map_left{width:65%; border:solid 1px #ccc; float:left;  height:610px; }

.map_right{width:30%; border:solid 5px #ccc; float:right;  height:610px; overflow:scroll; }

.maplist{ text-align:left; margin-top:20px; line-height:20px; margin-left:auto; margin-right:auto; vertical-align:top;width:90%; }

.maplist img{ float:left;width:50%;}
.maplist p{ float:right;width:48%;}

/*******************房屋詳細結束 *************************/

/**** 圖片滾動***/ 
@media screen and (max-width:1397px){

.tjhouselist{width:75%;}
.tjhouselist li{ float:left;width:48%; margin-right:4%;}


}

@media screen and (max-width:1309px){

.tjhouselist{width:73%;}
.td1{min-width:170px;}
}

@media screen and (max-width:1170px){

.tjhouselist{width:70%}
.td1{min-width:150px;}
}



@media screen and (max-width:1091px){
nav#global ul li {padding:0px 10px 0px 10px;}
.end1_left{ float:none;width:100%;}
.end1_mid{ float:none;width:100%; padding-top:30px; text-align:center}
.end1_right{ float:none;width:100%; text-align:center;}

.re_title{ float:none; display:block; width:100%;}
.re_title span{ float:left; width:120px; color:#fff; cursor:pointer; display:inline; font-size:18px; height:36px; border-radius:5px 5px 0px 0px; }
.re_title span:hover{  border-radius:5px 5px 0px 0px; }
.re_subtitle{float:none; width:100%; }
.re_subtitle span{ float:left;width:auto; padding-right:20px; padding-left:20px;}

.tjhouselist{ float:none;width:100%; margin-top:30px;}


.maplist img{ float:none;width:100%; max-width:130px; display:block; margin-left:auto; margin-right:auto;}
.maplist p{ float:none;width:100%; margin-top:8px;}
}

@media screen and (max-width:891px){
	nav#global ul li {padding:0px 5px 0px 5px;}
	nav#global ul li a{ font-size:15px;}
	

}


.map_left01{float:left; width:58%; background:#f8fafc; padding:1rem; border-radius:1.8rem 0 0 1.8rem; transition:all 0.2s; box-sizing:border-box;}
.map_right01{float:right; width:38%; background:linear-gradient(135deg, #ffffff 0%, #fef9f0 100%); padding:1.8rem 1.8rem; border-radius:0 1.8rem 1.8rem 0; box-shadow:-5px 0 20px rgba(0,0,0,0.03); box-sizing:border-box; min-height:450px; display:flex; flex-direction:column; justify-content:center;}

/*** 圖片滾動結束 ***/

/*** 手機版 **/
@media screen and (max-width:768px){
    
.map_left01{width:100%;float:none;}
.map_right01{width:100%;float:none;}

#header_web{ display:none;} 
#header_wap{ display:block;} 

#header_web2{ display:none;} 
#header_wap2{ display:inline;} 

.select dt{width:90%;}
/* .select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}*/
.select dd{width:90%;}
#li3{width:16px; height:13px;position:absolute; top:-13px; left:20px; }


.house ul li{width:100%; float:none; margin-right:5%; margin-top:10px; max-width:300px; margin-left:auto; margin-right:auto; }
#li4{ margin-left:auto; margin-right:auto;}


.news img{ float:none;width:100%;  max-width:597px; margin-left:auto; margin-right:auto;} 
.news dl{ float:none;width:100%; margin-left:auto; margin-right:auto;}


.dz li{ float:left;width:45%; margin-right:5%;margin-top:10px;}

.leftbar{ float:none; width:90%; margin-left:auto; margin-right:auto;}
.rightcontent{ float:none;width:90%;margin-left:auto; margin-right:auto;}
.rightcontent h5{ margin-top:30px;}

.manlist li{ float:left;width:45%; margin-right:4%; margin-top:30px;}

.maninfo{ margin-top:30px;}
.maninfo dt{ float:none;width:100%; text-align:center}
.maninfo dt img{ width:100%; max-width:130px; border:solid 1px #ccc;}
.maninfo dd{ float:none;width:100%; }

.maninfo dd ul li {  float:none;width:100%;}

.ywh_list  li{width:100%; float:none; margin-right:5%;  max-width:300px; margin-left:auto; margin-right:auto; }

.userkf{width:100%;}


.tjhouselist{ float:none;width:100%;}
.tjhouselist li{ float:none;width:100%; margin-right:auto; margin-left:auto; margin-top:30px;}
.td1{width:229px; float:none; text-align:center; margin-right:auto; margin-left:auto; }
.td2{ float:none; padding-left:0px; text-align:left; width:229px; margin-right:auto; margin-left:auto;}

.tj_img{  max-width:227px}


.piclist{ float:none;width:100%; padding-top:0px;}
.houseinfo{ float:none;width:100%; margin-top:15px;}
.houseinfo strong{ font-size:24px; margin-top:15px;}

.housel{ float:none;width:100%;}
.housel ul li{ float:left;width:100%; line-height:30px;margin:0px; padding:0px}
.houser{ float:none; width:100%;}

}

@media screen and (max-width:603px){
.re_subtitle span{ float:left;width:auto; padding-right:10px; padding-left:10px; font-size:13px; letter-spacing:0px;}
.re_subtitle span:hover{ background-image:url(../images/li4.png);}
.re_s{ background-image:url(../images/li4.png);}
}

@media screen and (max-width:480px){
.dz li{ float:none;width:100%; margin-right:0%;}


}