.conBox { width:100%; margin:0 auto; overflow:hidden; }
.pageContent { width:100%; background-color:#FFFFFF; padding:30px 30px 60px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.rcTitle { width:100%; background-color:#006b7a; height:40px; line-height:40px; padding:0 15px; color:#ffffff; font-size:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.pageContent ul { padding-left:20px !important;}
.pageContent ul li { margin:6px 0;}

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^最新消息^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.newsBox { margin-top:20px; padding:0 30px; }

.contentBox { width:100%; overflow:hidden;}
.contentBox ul { padding-left:19px !important;}
.contentBox ul li { margin:6px 0 !important;}
.contentBox a:hover { text-decoration:underline !important;}
.contentBox img{ max-width: 100%; }

/*主標題*/.newsMainTitle { font-size:13px; color:#af000a; margin-bottom:10px; }

/*----==============list==============----*/
/*----主消息----*/
.mainNewsBox { display:block; width:250px; font-size:13px; color:#006b7a; margin-right:20px; }
a.mainNewsBox:hover { text-decoration:none !important;}
.mnbPic { width:250px; height:185px; position:relative; background-color:#F2F2F2; background-position: center; background-repeat: no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; }
.mnbText { background-color:#006B7A; padding:15px; height:113px; line-height:1.6; background-image:url(../images/page/new_bg.jpg); background-position:top left;}
.mnbTime { font-size:15px;}
.mnbTitle { height:85px; overflow:hidden;}

.newBlocks{ display:flex; }

/*----消息列表----*/
.newsListBox { overflow:hidden; flex:1; font-size:13px;}
.oneNewsList { width:100%; margin-bottom:10px; padding:14px 10px 10px 14px; background-color:#ffffff; border:#cbc8c8 1px solid; color:#787878; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; }
a.oneNewsList:hover { background-color:#DDD9D6; border:#cbc8c8 1px solid; color:#006b7a; text-decoration:none !important; }

/*置頂消息*/
.topOne { border:#0D8FA2 1px solid !important; }
a.topOne:hover { border:#0D8FA2 1px solid !important; }

.oneNewsList p { margin-bottom:3px;}
.onlTime { width:75px; margin-right:5px; float:left;}
.onlTitle { width:100%; height:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}



/*----頁碼----*/
.pageNumber { display:table; margin:0 auto; clear:both; padding:20px 0; overflow:hidden;}
.pageNumber p { float:left;}
.pageNumber a { float:left; margin:0 5px; font-size:15px; color:#ffffff; background-color:#C2C2C2; display:block; width:22px; height:22px; text-align:center; line-height:22px;}
.pageNumber a:hover { background-color:#006B7A; color:#ffffff;}
.pageNumber_cur { float:left; margin:0 5px; font-size:15px; color:#ffffff; background-color:#006B7A; display:block; width:22px; height:22px; text-align:center; line-height:22px;}

/*----==============detail==============----*/
/*消息標題*/.oneNewsTitle { background-color:#cdcdcd; padding:10px 15px; color:#6a6a6a; font-size:15px; margin-bottom:20px;}

/*----相片集----*/
.NDpicBox { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; margin:10px 0; }
/*一筆*/
.NDpic { width:100%; position:relative; background-color:#ffffff; padding-bottom: 74%; overflow: hidden; }
.NDpic img { display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; }
.NDtext { font-size:13px; color:#7A7A7A; padding-top:5px; }

/*----回上一頁----*/
.back { border-top:#D9D9D9 1px dashed; font-size:13px; padding-top:15px; text-align:right;}
.back a { color:#878787; } 
.back a:hover { color:#006B7A; } 


/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^留言^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
/*標題*/
.messBlock{ position:relative; min-height:62px; padding-bottom:20px; margin-bottom:-20px; }
.messTitle { font-size:30px; font-weight:bold; color:#006b7a; position:relative; z-index:1; }
.messTitle .inlineblock{ display: inline-block; font-size: inherit; color: inherit; font-weight: inherit; }
.messTitle span { font-size:18px;}
.messTitle span.star { margin-left:5px; padding:1px; font-size:12px; background-color:#006b7a; color:#FFF;}
.messText { font-size:13px; color:#006b7a; font-weight:normal;}
.housePic{ max-width:437px; width:44%; position:absolute; bottom:0; right:0; font-size:0; }
.housePic img{ width:100%; }

/*內容*/
.messBox { border:#cccccc 1px solid; font-size:13px; color:#8D8D8D; margin-top:20px; display:flex; flex-wrap:wrap; width:100%; }
.messBox02 td { padding:10px 5px; border-bottom:#DFDFDF 1px dotted;}
.leftTable { border-right:#dddddd 1px dotted; padding:20px; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.leftTable .leftListFlex{ display:flex; align-items: center; width:100%; border-bottom: #DFDFDF 1px dotted; }
.leftTable .leftListFlex .titleTd{ width:80px; padding:10px 5px; }
.leftTable .leftListFlex .contTd{ flex:1; padding:10px 5px; }
.leftTable .leftListFlex .contTd .mFlex{ display:flex; margin-left:-5px; align-items: baseline; }
.leftTable .leftListFlex .contTd .mFlex .mTd{ min-height:30px; line-height:30px; padding-left:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.leftTable .leftListFlex .contTd .mFlex .mTd.size00{ flex:1; }
.leftTable .leftListFlex .contTd .mFlex .mTd.size01{ width:100%; }
.leftTable .leftListFlex .contTd .mFlex .mTd.size02{ width:50%; }
.leftTable .leftListFlex .contTd .mFlex .mTd.size75{ width:75px; }
.leftTable .leftListFlex .contTd .mFlex .mTd.nowrap{ white-space:nowrap; }
.leftTable .leftListFlex .contTd .mFlex .mTd .input{ width:100%; height: 30px; border: #cccccc 1px solid; padding-left: 10px; line-height: 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.leftTable .leftListFlex .contTd .mFlex .mTd .select{ width:100%; height: 30px; border: #cccccc 1px solid; padding-left: 10px; line-height: 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color: #898989; }
.leftTable .leftListFlex .contTd .mFlex .mTd .textarea{ width:100%; height:70px; resize:none; border: #cccccc 1px solid; padding-left: 10px; line-height: 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*input*/
.input01 { width:250px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.input02 { width:112px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.input03 { width:96px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.input04 { width:64px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.inputNumber { width:100px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}

/*price*/
.input05 { width:212px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.input06 { width:274px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}

.textarea01 { width:250px; height:68px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.textarea02 { width:296px; height:60px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
/*price*/.textarea03 { width:296px; height:163px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}

.select01 { width:100px; height:30px; border:#cccccc 1px solid; padding-left:5px; color:#898989; padding:5px\9;}
.select02 { width:307px; height:30px; border:#cccccc 1px solid; padding-left:5px; color:#898989; padding:5px\9;}
.select03 { width:156px; height:30px; border:#cccccc 1px solid; padding-left:5px; color:#898989; padding:5px\9;}

/*送出鈕*/
.messBtnBox{ margin:auto; max-width:325px; width:100%; }
.messSubBox { display:table; margin:0 auto; width:100%; }
.messSubmit { width:100%; height:40px; background-color:#118694; border:0; border-bottom:#136b76 2px solid; border-radius:4px; color:#ffffff; 
margin:0 auto; margin-top:10px; cursor:pointer; display:block; }
.messSubmit:hover { background-color:#1C93A2;}

/*驗證碼*/
.numberBox { margin:0 auto; margin-top:20px;}
.reGet { color:#16A4AC; font-size:13px;}
.reGet:hover { text-decoration:underline;}
.numPic { padding-top:3px;}

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^物件查詢^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
/*----==============list==============----*/
.searchTableBlock{ width: 100%; overflow: auto; }
.searchTable { font-size:13px; color:#787878; border:#cccccc 1px solid;}
.searchTable td { padding:10px 10px; border-bottom:#e5e5e5 1px solid; background-color:#F7F7F7; }
tr.searTh td { background-color:#E9E9E9; color:#646464; padding:15px 10px;}

.aLink { color:#0A90A3;}
.aLink:hover { color:#00ADC6;}

/*----==============detail==============----*/
.searchPhoto { overflow:hidden; position:relative;}
.print { display:block; background-image:url(../images/page/print.png); width:32px; height:32px; margin-left:15px; }
.print:hover { background-image:url(../images/page/print_a.png);}

/*-----頁籤-----*/
.sTabBlock{ max-width: 722px; width: 100%; margin: auto; display:flex; justify-content: center; padding-right: calc(18.7% - 15px); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.pageContent ul.sTabs { list-style:none; border-radius:6px; padding:0 !important; overflow:hidden; display:flex; margin:0; }
.pageContent ul.sTabs li { font-size:13px; margin:0; list-style:none;}
.oneStab { background-color:#007C8D; text-align:center; padding:8px 25px; color:#fff; border-right:#F0F0F0 1px solid; display:block;}
.oneStab:hover { background-color:#00AFC7; color:#ffffff; transition: .5s all;}
.oneStabNow { background-color:#006b7a; color:#ffffff; }

/*建築名稱*/
.builName { width:100%; text-align:center; padding:10px 30px; color:#222; font-weight:bold; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
border-top:#BCD3D7 1px solid; border-bottom:#BCD3D7 1px solid; font-family:"微軟正黑體"; font-size:18px;}

.builLeft{ margin-left: auto; text-align: right; }

.builPhone{ display:flex; z-index:1; position: relative; margin:0 0 40px 0;  padding:15px 0 0 0; justify-content: space-between; }
.builPhone .telText{ color:#C00; font-weight:bold; font-size:15px; margin-bottom:10px; }

.buil_box{ display:flex; align-items: center; padding: 0 0 0 /*40px*/30px; }
.buil_info{}
.buil_info .buil_broker{ font-size: 15px; display: inline-block; margin-right: 10px; color: #333333; }
.buil_info .buil_cellphone{ position: relative; display: inline-block; padding-left: 27px; color: #333333; }
.buil_info .buil_cellphone::before{ position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 22px; height: 22px; background-image: url(../images/page/smartphoneicon.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.buil_box .buil_qrcode{ width: 65px; margin-left:10px; font-size:0; }
.buil_box .buil_qrcode img{ width: 100%; }

.video_link{ color: #787878; }
.video_link:focus,
.video_link:hover{ text-decoration: underline; }

.buil_box .line_link{ display:flex; align-items: center; }
.buil_box .line_link img{ height:32px; width:32px; margin-right:10px; }
.buil_box .line_link span{ font-size:12px; color:#333333; white-space:nowrap; display:block; }

.yt_iframe{ position: relative; width: 100%; margin-top: 10px; padding-top: 56.25%; }
.yt_iframe iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*-----外觀照片-----*/
.sTabContent { margin-top:20px;}
.oneStContent { position:relative; max-width:722px; width:100%; margin:auto; display:flex; }

/*大圖*/
.bigPic { flex:1; position:relative; background-color:#F2F2F2; margin-right:15px; }
.bigPic:after{ content:""; display:block; width:100%; padding-bottom:100%; }
.bigPic img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

/*小圖*/
.smallPics { width:19.5%; }
.smallPics a { display:block; width:100%; position:relative; border:#cccccc 1px solid; margin-bottom:5px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.smallPics a:before{ content:""; width:100%; padding-bottom:100%; display:block; }
.smallPics a img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; }

.smallPics a.pic_video{ position:relative; }
.smallPics a.pic_video:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:url('../images/page/video_play.svg'); background-size: 35%; background-repeat:no-repeat; background-position:center; }

/*------------------------------------------------------------------*/
/*大圖*/
.mainPicBox {}
.mainPic { width:500px; height:500px; position:relative; margin:0 auto; background-color:#F2F2F2;}
.mainPic img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:500px; max-height:500px;}

/*小圖*/
.smallPic { overflow:hidden; width:732px; margin:0 auto; margin-top:20px;}
.smallPic a { display:block; width:110px; height:110px; position:relative; border:#cccccc 1px solid; margin:0 5px; float:left;}
.smallPic a:hover { border:#70BECB 1px solid; }
.smallPic a img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:110px; max-height:110px;}

/*輪撥鈕*/
.picBtn { position:absolute; top:220px; left:98px; width:730px; overflow:hidden;}
.picBtn a { display:block; width:50px; height:50px;}
.mpPre { background-image:url(../images/page/search_pre.png); float:left;}
.mpNext { background-image:url(../images/page/search_next.png); float:right;}
.mpPre:hover { background-image:url(../images/page/search_pre_a.png);}
.mpNext:hover { background-image:url(../images/page/search_next_a.png);}
/*------------------------------------------------------------------*/


/* 縮圖至下 */
/* .oneStContent.SmallPicHorizontal{flex-direction:column;}
.oneStContent.SmallPicHorizontal .bigPic{margin:0;}
.oneStContent.SmallPicHorizontal .smallPics{margin-top:10px; width:100%; gap:5px; display:inline-flex; flex-direction:row; flex-wrap:nowrap; }
.oneStContent.SmallPicHorizontal .smallPics .Item{ width:100%; display:inline-block; }
.oneStContent.SmallPicHorizontal .smallPics>.Item{ width:calc(25% - 3.75px); } */
.smallPics .swiper-wrapper{max-height:580px;}



/*------------------------------------------------------------------*/



/*-----平面圖/位置地圖-----*/
.pic02Box { width:700px; margin:0 auto;}

/*-----基本資料-----*/
.mapblocks{ max-width:722px; width:100%; margin:auto; }
.mapblocks .range{ width:100%; padding-bottom:56%; position:relative; }
.builInfoTable { margin:0 auto; border:#cccccc 1px solid; margin-top:20px; color:#787878; font-size:13px;}
.builInfoTable td { padding:10px 10px; border:#cccccc 1px dashed; }
.builInfoTable td.ShowMap > div{ top:0px; left:0px; }
tr.builTh td { background-color:#cccccc; font-size:15px; text-align:center;}
.builItem { background-color:#F8F8F8;}

.biTablePrint { border:#cccccc 1px solid; margin-top:20px; color:#787878; font-size:13px;}
.biTablePrint td { padding:10px 10px; border:#cccccc 1px dashed; }
tr.builTh td { background-color:#cccccc; font-size:15px; text-align:center;}
.builItem { background-color:#F8F8F8;}

/*--基本資料/修改--*/
.bu_box{ max-width:722px; width:100%; padding:20px 0 0 0; margin:0 auto;}
.bu_box .titles{ border-bottom:2px solid #006b7a; padding:0 0 5px 0; color:#333; font-size:15px; font-weight:bold; }
.bu_box .titles span{ color:#aaa; font-size:12px; font-weight:normal; }
table.stys{ width:100%; }
table.stys th{ background-color:#d9d9d9; font-weight:normal; font-size:15px; width:160px; padding:10px; text-align:center; color: #333; }
table.stys td{ background-color:#f2f2f2; font-weight:normal; font-size:15px; width:151px; padding:10px; color: #787878; }
table.stys th p{ color:#888; font-weight:normal; font-size:12px; }

/*--按鈕--*/
.linkbox{ max-width: 722px; width: 100%; margin:20px auto 0 auto; overflow:hidden;}
.linkbox .grids{ border:#0A90A3 solid 1px; float:left; width:50%; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; }
.linkbox .grids:first-child{ border-right:none; }
.linkbox .grids a.btn01{ display:inline-block; background-image:url(../images/page/icon_s.png); background-repeat:no-repeat; background-position:right center; padding:2px 25px 2px 0; color: #0A90A3; font-size:13px; cursor: pointer; }
.linkbox .grids a.btn01:hover{ color:#00ADC6; background-image:url(../images/page/icon_s_s.png);}

.linkbox .grids a.btn02{ display:inline-block; background-image:url(../images/page/icon_p.png); background-repeat:no-repeat; background-position:right center; padding:2px 25px 2px 0; color: #0A90A3; font-size:13px; cursor: pointer; }
.linkbox .grids a.btn02:hover{ color:#00ADC6; background-image:url(../images/page/icon_p_s.png);}

/*英文字/紅字*/
.enWord { font-size:12px; color:#9F9F9F;}
.import { color:#C03;}

/*-----租售條件-----*/
td.saleTable { padding:0;}

/*-----感興趣-----*/
.oneInterest { display:block; float:left; border:#cccccc 1px solid; background-color:#f4f4f4; padding:10px; margin:0 6px;}
.intPic { width:140px; height:140px; position:relative; margin-bottom:5px; background-color:#FCFCFC;}
.intPic img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:140px; max-height:140px; }
.info01 { color:#787878; padding:1px 5px; height:19px; overflow:hidden; border-bottom:#D3D3D3 1px dotted;}
.info02 { color:#2E9AAA; padding:1px 5px; height:19px; overflow:hidden; border-bottom:#D3D3D3 1px dotted;}

/*查看*/
.seeBtn { display:block; width:138px; height:30px; background-color:#31838F; border-bottom:#006B7A 2px solid; border-radius:4px; line-height:30px; 
text-align:center; margin:8px auto 0 auto; color:#ffffff; }
.seeBtn:hover { background-color:#3E98A6;}


/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^光箱^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.lightBoxTable { width:calc( 100% - 14px ); margin:7px; border:#cccccc 1px solid; font-size:13px; color:#8D8D8D; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.lightBoxTable td { padding:10px; }
.bdBottom { border-bottom:#cccccc 1px dotted;}
.edmTitle { background-color:#006b7a; color:#ffffff; position:relative;}

.inputLightBox { width:100%; height:28px; border:#cccccc 1px solid; padding-left:10px; line-height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.inputLightBox_wh01 { width:100%;}

.inputLightBox_wh02{ height:60px; max-height:60px; resize:none; }

.light_textbox{
	width:100%;
	color: #006b7a;
	position:relative;
	padding: 7px 7px 0 7px;
    box-sizing: border-box;
	}
	
.light_textbox h1{ 
	font-size:24px;
	padding:0 40px 0 0;
	}
	
.light_textbox p{
	font-size:13px;
	margin:15px 0;
	}

/*關閉鈕*/
.edmCancel { display:block; width:37px; height:37px; position:absolute; top:0; right:0;}

/*----驗證碼----*/
td.edmNum { padding:0; padding-top:20px;}
.edmNumTable  td { padding:0;}

.inputEdm { width:100px; height:30px; border:#cccccc 1px solid; padding-left:10px; line-height:30px;}
.edmReGet { color:#16A4AC; font-size:13px;}
.edmReGet:hover { text-decoration:underline;}

.edmCodeFlex{ display:grid; grid-gap:5px; grid-template-columns:1fr 1fr 1fr; align-items: center; max-width:322px; width:90%; margin:auto; }

/*送出鈕*/
.edmSubmit { max-width:322px; width:90%; margin:auto; height:40px; background-color:#118694; border:0; border-bottom:#136b76 2px solid; border-radius:4px; color:#ffffff; 
margin-top:10px; cursor:pointer;}
.edmSubmit:hover { background-color:#1C93A2;}

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^待看單^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.paperBox { overflow:hidden; width:680px;}
.paperLogo { margin-bottom:10px; margin-right:20px;}

/*-----照片-----*/
.paperPicTable { font-size:13px; color:#787878;}
.paperInfo { padding-bottom:10px;}

/*-----基本資料-----*/
.paper { border:#cccccc 1px solid; margin-bottom:10px; color:#787878; font-size:13px;}
.paper td { padding:2px 10px; border:#cccccc 1px dotted; }
tr.paperTh td { background-color:#cccccc; font-size:15px; text-align:center;}
.paperItem { background-color:#F8F8F8;}

/*-----租售條件-----*/
td.paperTable { padding:0;}

/*-----簽名處-----*/
.paperNote { font-size:13px; padding:10px 0;}

.signBox { border:#cccccc 1px solid; margin-bottom:10px; color:#787878; font-size:13px;}
.paperYes { color:#ffffff;}
.signHere { border-bottom:#999 1px solid;}

.paperFooter { /*background-color:#f2f2f2;*/ color:#318197; font-size:15px; padding:0 8px; text-align:left; font-weight:bold;}


/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^重點大樓^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.category{ font-size:0px; margin:0 0 20px 0; display:flex; width:100%; }
.category .grids{ display:inline-flex; vertical-align:middle; text-decoration:none; width:20%; padding: 5px 0 5px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.category .grids .bgs{ display:block; background:#00827f; color:#fff; font-size:14px; padding:5px 10px; text-align:center; width:100%; } 
.category .cTitle{ display:block; color:#333; font-size:16px; width:120px; border-right: 1px solid #dadada; padding: 5px 0 0 0; }
.category .cTd{ display:table-cell; vertical-align:top; padding: 0 0 0 20px; }
.category .flexBox{ display:flex; flex-wrap:wrap; flex:1; padding:0 0 0 10px; margin-left:-10px; }
.category.nosort .cTitle{ display:none; }
.category.nosort .cTd{ padding:0; }
.category.nosort .flexBox{ padding:0; }


.focalBox{ padding:20px 0 0 0; }
.focalTitle{ font-size:30px; color: #006b7a; }
.focalTxt{ font-size:13px; color:#666; padding:10px 0 0 0; line-height:1.6; }
.focalList{ margin-left:-16px; font-size:0px; display:flex; margin-top:20px; flex-wrap:wrap; }
.focalList .grids{ width:50%; display:inline-flex; align-items: stretch; vertical-align:top; padding-left:16px; margin:0 0 30px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.focalList .grids .gbgs{ background:#f2f2f2; border-left:4px solid #006b7a; width:100%; }
.focalList .grids .gbgs .imgs{ width:58%; display:inline-block; vertical-align:top; }
.focalList .grids .gbgs .imgs img{ width:100%; box-shadow: -5px 0px 5px rgba(0,0,0,0.3); }
.focalList .grids .gbgs .text{ width:42%; display:inline-block; vertical-align:top; }
.focalList .grids .gbgs .text .title{ padding:20px 15px; font-size:20px; color:#006b7a; font-weight:bold; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.focalList .grids .gbgs .text .txts{ padding:8px 15px; font-size:14px; color:#333; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.focalList .grids .gbgs .text .txts:nth-child(even){ background:#d6d6d6; }

.style_two .category .grids .bgs{ background: #14579e; }
.style_two .focalList .grids .gbgs{ border-left: 4px solid #14579e; }
.style_two .focalList .grids .gbgs .text .title{ color:#14579e; }
.style_two .focalTitle{ color:#14579e; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^頁面管理模板^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.pageContent img{ max-width: 100%; max-height:100%; width:auto !important; height:auto !important; }
.pageContent .h1{ font-size: 20px; color: #006b7a; font-weight: bold; margin-bottom: 20px; }
.pageContent .h3{ font-size: 15px; color: #006b7a; font-weight: bold; }
.pageContent .h4{ font-size: 14px; color: #006b7a; font-weight: bold; }
.pageContent p{ color: #666; font-size: 14px; line-height: 1.6; margin:10px 0; }
.pageContent p .bold{ font-size: inherit; font-weight: bold; }
.pageContent p .green{ font-size: inherit; color: #008080; font-weight: bold; }
.pageContent .lineGary{ height: 1px; width: 100%; background-color: #aaa; margin: 2px 0 0 0; }
.pageContent .pd-20{ padding: 0 20px; }

.pageContent .tableNoStyle{ display: table; width: 100%; border-collapse: collapse; }
.pageContent .tableNoStyle .tr{ display: table-row; }
.pageContent .tableNoStyle .th{ display: table-cell; }
.pageContent .tableNoStyle .td{ display: table-cell; }
.pageContent .tableNoStyle .wt-50{ width: 50%; }

.pageContent .tableStyle01{ display: table; width: 100%; border-collapse: collapse; border: #CCC 1px solid; }
.pageContent .tableStyle01 .tr{ display: table-row; }
.pageContent .tableStyle01 .th{ display: table-cell; padding: 15px; border: 1px dashed #ccc; background-color: #F8F8F8; font-size: 13px; line-height: 1.5; }
.pageContent .tableStyle01 .td{ display: table-cell; padding: 15px; border: 1px dashed #ccc; color: #666; font-size: 13px; line-height: 1.5; }
.pageContent .tableStyle01 .wt-50{ width: 50%; }
.pageContent .tableStyle01 .red{ color: #D52833; font-size: inherit; }

.pageContent ul{ margin-left: 25px; }
.pageContent ul,.pageContent li{ list-style: disc; color: #666; font-size: 13px; line-height: 1.6; }

.pageContent .flexContentBox{ display: flex; flex-wrap: wrap; margin-left: -40px; }
.pageContent .flexContentBox .grids{ padding: 0 0 20px 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pageContent .flexContentBox .grids.wt-100{ width: 100%; }
.pageContent .flexContentBox .grids.wt-50{ width: 50%; }
.pageContent .flexContentBox .grids.wt-140px{ width: 140px; }
.pageContent .flexContentBox .grids.wt-200px{ width: 200px; }
.pageContent .flexContentBox .grids.wt-300px{ width: 300px; }
.pageContent .flexContentBox .grids.wt-flex{ flex:1; }
.pageContent .flexContentBox .lines{ width: 1px; height: 100%; background-color: #ededed; }

.pageContent .flexContentBox.spacing-20{ margin-left: -20px; }
.pageContent .flexContentBox.spacing-20 .grids{ padding: 0 0 20px 20px; }

.pageContent .flexContentBox .imgScale{ width: 100%; position: relative; overflow: hidden; }
.pageContent .flexContentBox .imgScale.sl-62{ padding-bottom: 62%;  }
.pageContent .flexContentBox .imgScale img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.pageContent .floatImgRight{ float: right; max-width: 100%; margin: 0 0 5px 5px; }

.pageContent .inImg{ max-width: 310px; margin: auto; }
.pageContent .inImg p{ color:#a9a9a9; font-size: 12px;}

.pageContent .listBox{ padding: 20px 0; }

.pageContent .gridContentBox{ display: grid; grid-gap:25px 30px; }
.pageContent .gridContentBox.columns-4-pc{  grid-template-columns:1fr 1fr 1fr 1fr; }
.pageContent .casebox .imgs{ margin: 0 0 5px 0; text-align: center; }
.pageContent .casebox .title{ font-size: 13px; color: #008080; text-align: center; }


.pageContent .mainTitleBox{ background-color: #006666; padding: 10px 15px; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
.pageContent .mainTitleBox-2{ background-color: #ccc; font-size: 14px; color: #f00; margin-bottom: 20px; padding:2px 5px; }

.pageContent .maxWt-600px{ max-width: 600px; margin: auto; }

.pageContent .anchorPointBox{ margin-bottom: 20px; display: flex; align-items: baseline; }
.pageContent .anchorPointBox .h1{ font-size: 20px; color: #006b7a; margin-right: 5px; font-weight: bold; }
.pageContent .anchorPointBox .ts{ display: block; text-decoration: none; font-size: 14px; color: #006b7a; margin-right: 5px; }

.pageContent .backTop{ text-align: right; }
.pageContent .backTop a{ font-size: 12px; color: #333; text-decoration: none; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width: 768px) and (max-width:990px) {
/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^重點大樓^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.category .grids{ width:33.3334%; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^留言^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.leftTable{ width:100%; }

}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width: 767px) {
.pageContent{ padding:20px 20px 25px 20px; }
.rcTitle { font-size: 18px; }	
	
/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^重點大樓^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.category{ flex-direction: column; }
.category .cTitle{ border-right:none; border-bottom:1px solid #dadada; padding:0 0 10px 0; width:100%; font-size: 20px; }
.category .grids{ width:50%; }
.category .grids .bgs{ font-size: 16px; }
.category .flexBox{ padding:10px 0 0 0; }
.category.nosort .flexBox{ padding:0; }

.focalList .grids{ width:100%; }
.focalList .grids .gbgs{ display:flex; flex-direction: column; }
.focalList .grids .gbgs .text{ width:100%; order:2; }
.focalList .grids .gbgs .imgs{ width:100%; order:1; }

.focalList .grids .gbgs .text .txts{ font-size: 16px; }

.focalTxt{ font-size: 16px; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^物件查詢^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
/*-----平面圖/位置地圖-----*/
table.stys{ display:block; }
table.stys tbody{ display:block; }
table.stys tr{ display:flex; flex-wrap:wrap; }
table.stys th{ display:block; width:100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
table.stys td{ display:block; width:calc( 100% - 100px ); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
table.stys td:first-child{ width:100%; }

/*-----外觀照片-----*/
.oneStContent{ display:block; }
.bigPic{ width:100%; }
.smallPics{ width:100%; max-width:none; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:10px; margin-top: 10px; }

/*-----頁籤-----*/
.sTabBlock{ padding-right:0; justify-content: space-between; }

.oneStab{ padding:0px 10px; line-height:32px; }

/*建築名稱*/
.builName{ font-size:20px; }
.builPhone{ display:block; padding:10px 0 20px 0; margin:0 0 25px 0; border-bottom:1px solid #ccc; }
.builLeft{ margin-bottom:10px; margin-left: unset; text-align: unset; }

.buil_box{ padding:0; }

/*list*/
.searchTable{ display: block; border: none; }
.searchTable .searTh{ display: none; }
.searchTable tbody{ display: block; }
.searchTable tr{ display: block; margin-bottom: 20px; border: 1px solid #ccc; }
.searchTable td{ display: flex; align-items: baseline; text-align: left; }
.searchTable td:last-child{ border-bottom: none; }
.searchTable td:before{ content: attr(date-title); width: 60px; margin-right: 10px; text-align: left; }
.searchTable .imgTd{ width:100%; box-sizing: border-box; justify-content: center; background-color: #fff; }
.searchTable .imgTd img{ max-width: 200px; width: 100%; display: inline-block; }
.searchTable .imgTd:before{ display: none; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^留言^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
/*內容*/
.messBox{ font-size: 16px; }

.messTitle .inlineblock{ display: block; }

.leftTable{ width:100%; }
.leftTable .leftListFlex{ display:block; margin-bottom:15px; padding-bottom:10px; }
.leftTable .leftListFlex .titleTd{ padding:0 0 10px 0; width:auto; font-size: 18px; }
.leftTable .leftListFlex .titleTd br{ display:none; }
.leftTable .leftListFlex .contTd{ padding:0; }
.leftTable .leftListFlex .contTd .mFlex .mTd .input{ font-size: 15px; }
.leftTable .leftListFlex .contTd .mFlex .mTd .select{ font-size: 15px; }
.leftTable .leftListFlex .contTd .mFlex .mTd .textarea{ font-size: 15px; }

/*送出鈕*/
.messSubmit{ font-size: 16px; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^最新消息^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
/*----==============list==============----*/
/*----主消息----*/
.mainNewsBox{ font-size: 16px; }
.mnbTime{ font-size: 14px; }

/*----消息列表----*/
.newsBox{ padding: 0 20px; }
.newBlocks{ display:block; }
.newsListBox{ padding:15px 0 0 0; font-size: 14px;  }
.onlTitle{ height: auto; font-size: 18px; }

.mainNewsBox{ display:flex; width:100%; }
.mnbPic{ width:50%; height:auto; }
.mnbPic:after{ content:""; width:100%; padding-bottom:74%; display:block; }
.mnbText{ flex:1; height:auto; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }




/*----==============detail==============----*/
.NDpicBox{ grid-template-columns: 1fr 1fr; }

/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^光箱^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.lightBoxTable{ font-size: 16px; }
.inputLightBox{ font-size: 16px; }
.edmSubmit{ font-size: 16px; }
.edmCancel{ width: 41px; height: 41px; }


/*----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^頁面管理模板^^^^^^^^^^^^^^^^^^^^^^^^^^^-----------------------*/
.pageContent .h1{ font-size: 22px; }
.pageContent .h3{ font-size: 17px; }
.pageContent .h4{ font-size: 16px; }
.pageContent p{ font-size: 16px; }

.pageContent .mainTitleBox{ font-size: 18px; }

.pageContent .flexContentBox{ margin-left: -20px; }
.pageContent .flexContentBox .grids{ padding: 0 0 20px 20px; }
.pageContent .flexContentBox .lines{ width: 100%; height: 1px; }
.pageContent .floatImgRight{ width: 100%; float: none; margin: 5px 0; }

.pageContent .flexContentBox .grids.margin-Auto-sp{ margin: auto; }
.pageContent .flexContentBox .grids.wt-100-sp{ width: 100%; }
.pageContent .flexContentBox .grids.wt-noflex-sp{ flex:none; }
.pageContent .flexContentBox .grids.order-1-sp{ order: 1; }
.pageContent .flexContentBox .grids.wt-140px{ width: 80px; }

.pageContent .gridContentBox.columns-4-pc{ grid-template-columns:1fr 1fr; }
.pageContent .gridContentBox{ grid-gap: 30px 20px; }

.pageContent .anchorPointBox{ flex-wrap:wrap; }
.pageContent .anchorPointBox .h1{ width: 100%;  margin: 0 0 10px 0;}
.pageContent .anchorPointBox .ts{ padding: 5px 2px; }

.pageContent .inImg p{ font-size: 14px; }

.pageContent .casebox .title{ font-size: 16px; }

.pageContent .mainTitleBox-2{ font-size: 18px; padding: 5px 8px; }


}