@charset "UTF-8";
 


BODY{ width:100%; height:100%; font-family:'\5FAE\8F6F\96C5\9ED1',Arial,微軟正黑體,sans-serif; 
background:#f8f8f8;
padding:0; margin:0 auto; box-sizing:border-box;}



/* -- 建案基本資料 -- */
.ttt img{ width:100%; height:auto;}
.ezwo_building_title_zone{ display:flex; justify-content:space-between; align-items:flex-start;
	padding:0; margin:10px 0; box-sizing:border-box;}

.ezwo_building_title{ display:flex; align-items:flex-end;}
.ezwo_building_title h1{ font-size:1.8em; font-weight:bold; 
	padding:0; margin:0 20px 0 0; box-sizing:border-box;}

.ezwo_building_list{ display:flex; list-style:none; padding:0; margin:0; box-sizing:border-box;}
.ezwo_building_list li{ font-size:.9em; color:#0078ff; margin:0 20px 0 0;}

.ezwo_building_share{ display:flex; justify-content:flex-end; align-items:flex-end;}
.ezwo_building_share a{ text-decoration:none; font-size:.9em; color:#888; 
	background:url(../images/icon/ezwo_share_g.svg) no-repeat 0px 4px; background-size:15px;
	padding:0 10px 0 20px; margin:14px 0 0 0; box-sizing:border-box; transition:0.4s;}
.ezwo_building_share a:hover,
.ezwo_building_share a:active{ color:#fdad00; background:url(../images/icon/ezwo_share_o.svg) no-repeat 3px 4px; background-size:15px;}



/* -- 左邊資訊 -- */
.ezwo_building_zone{ display:flex; justify-content:space-between; align-items:flex-start;
	background:#f8f8f8; padding:0; margin:10px 0 0 0; box-sizing:border-box;}

.ezwo_building_info{ width:48%; padding:0; margin:0 2% 0 0; box-sizing:border-box;}

.ezwo_building_titbar{ display:flex; justify-content:space-between; align-items:flex-end; margin:0 0 17px 0;}
.ezwo_building_titbar h3{ font-size:2.5em; font-weight:bold; color:#ff5400; padding:0; margin:0; box-sizing:border-box;}
.ezwo_building_titbar h3 span{ font-size:.4em !important; font-weight:normal; color:#ff1818; margin:0 0 0 3px;}
.ezwo_building_titbar a{ text-decoration:none; font-size:.9em; color:#ff1818; 
	padding:0 50% 3px 0; margin:0; box-sizing:border-box; transition:0.4s;}
.ezwo_building_titbar a:hover,
.ezwo_building_titbar a:active{ color:#fdad00;}

.ezwo_building_textbar{ display:flex; justify-content:flex-start; align-items:center; 
	padding:0 0 0 5px; margin:0 0 10px 0; box-sizing:border-box;}
.ezwo_building_textbar p{ font-size:.9em; color:#888; padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.ezwo_building_textbar span{ font-size:.9em; color:#010101; padding:0; margin:0; box-sizing:border-box;}
.ezwo_building_textbar a{ text-decoration:none; font-size:1em; border-radius:8px; color:#fff; 
	background:url(../images/icon/ezwo_location_w.svg) no-repeat 12px 10px #fdad00; background-size:20px;
	padding:7px 15px 7px 36px; margin:14px 0 8px 0; box-sizing:border-box; transition:0.4s;}
.ezwo_building_textbar a:hover,
.ezwo_building_textbar a:active{ color:#fff; background:url(../images/icon/ezwo_location_w.svg) no-repeat 8px 5px #ff1818; background-size:28px;}

.ezwo_building_line{ display:block; width:100%; height:10px; border-bottom:dashed 1px #d9d9d9;
	background:#fff; padding:0; margin:0 0 19px 0; box-sizing:border-box;}

.ezwo_building_connectbar{ display:flex; justify-content:space-between; align-items:flex-start;
	border-top:solid 1px #d9d9d9 ; padding:20px 0 0 12px; margin:0; box-sizing:border-box;}

.ezwo_building_connect_l{ width:50%; }
.ezwo_building_connect_l h4{ font-size:1.2em; font-weight:bold; 
	background:url(../images/icon/ezwo_phone_b.svg) no-repeat 0px 0px; background-size:21px; padding:0 0 0 25px; margin:0 0 5px 0; box-sizing:border-box;}
.ezwo_building_connect_l p{ font-size:.8em; color:#878787; padding:0 0 0 5px}
.ezwo_building_connect_l a{ display:block; text-decoration:none; width:100%; text-align:center; font-size:1em; border-radius:8px; color:#fff; 
	background:#1793d1;	padding:9px 0; margin:26px 0 0 0; box-sizing:border-box; transition:0.4s;}
.ezwo_building_connect_l a:hover,
.ezwo_building_connect_l a:active{ background:#fdad00;}

.ezwo_building_connect_r{ width:50%; text-align:center;}
.ezwo_building_connect_r p{ font-size:.8em; text-align:center; color:#878787;}
.ezwo_building_connect_r img{ text-align:center;}



/* -- 右邊圖片 -- */
.ezwo_building_pixs{ width:50%; padding:0; margin:25px 0 0 0; box-sizing:border-box;}

.ezwo_building_pix_top{ display:flex; justify-content:center; align-items:center;
	width:100%; height:495px; border-radius:10px; background:#000; padding:0; margin:0 0 10px 0; box-sizing:border-box; overflow:hidden;}
.ezwo_building_pix_top img{ width:100%; height:100%; object-fit:cover;}

.ezwo_building_pix_dowbar{ display:flex; justify-content:space-between; align-items:flex-start;}

.ezwo_building_pix_dowbar a{ margin:0; transition:0.4s;}

.ezwo_building_pix_navl,
.ezwo_building_pix_navr{ width:7%; height:100px; padding:0; margin:0; box-sizing:border-box;}

.ezwo_building_pix_navl a,
.ezwo_building_pix_navr a{ display:flex; justify-content:center; align-items:center;
	text-decoration:none; width:100%; height:85px; text-align:center; 
	border:solid 5px #fff; border-radius:12px; color:#fff; 
	background:#1793d1;	padding:0; margin:0; box-sizing:border-box; transition:0.4s; object-fit:contain; flex-grow:1;}

.ezwo_building_pix_navl a:hover,
.ezwo_building_pix_navl a:active,
.ezwo_building_pix_navr a:hover,
.ezwo_building_pix_navr a:active{ border:solid 5px #fdad00; background:#fdad00;}

.ezwo_building_pix_navl a img,
.ezwo_building_pix_navr a img{ width:20px; height:auto; padding:0; margin:0; box-sizing:border-box; transition:0.4s;}

.ezwo_building_pix_small{ width:21%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.ezwo_building_pix_small a{ display:flex; justify-content:center; align-items:center;
	width:100%; height:85px; border:solid 5px #fff; border-radius:15px;
	background:#f8f8f8; padding:0; margin:0; box-sizing:border-box; overflow:hidden; transition:0.4s;}
.ezwo_building_pix_small a img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box; object-fit:cover;}

.ezwo_building_pix_small a:hover,
.ezwo_building_pix_small a:active{ border:solid 5px #fdad00; background:#fdad00;}


.ezwo_detailed_zone{ padding:0; margin:0; box-sizing:border-box;}
.ezwo_detailed_zone h4{ line-height:30px; font-size:1.1em; padding:0; margin:0; box-sizing:border-box;}


.ezwo_latestnews_zone{ padding:0; margin:0 0 10px 0; box-sizing:border-box;}
.ezwo_latestnews_zone h3{ font-size:1.5em; padding:0; margin:0 0 30px 0; box-sizing:border-box;}
.ezwo_latestnews_bar{ display:flex; justify-content:flex-start; align-items:flex-start;
	background:url(../images/ezwo_latestnews_bar_bkere.jpg) repeat-y; padding:0 0 35px 25px; margin:0; box-sizing:border-box;}

.ezwo_latestnews_bar:last-child{ background:#fff;}

.ezwo_latestnews_bar_l{ display:flex; justify-content:flex-start; align-items:flex-start;
	 width:100px; padding:0; margin:0; box-sizing:border-box;}
.ezwo_latestnews_bar_o{ width:18px; height:18px; border:solid 3px #fdad00; border-radius:50%; 
	background:#fff; padding:0; margin:4px 10px 0 0; box-sizing:border-box;}
.ezwo_latestnews_bar_tit{ text-align:right; padding:0; margin:0; box-sizing:border-box;}
.ezwo_latestnews_bar_tit p{ font-size:1em; font-weight:bold; color:#1793d1; padding:0; margin:0; box-sizing:border-box;}
.ezwo_latestnews_bar_tit span{ display:block; font-size:.9em; color:#888888; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}

.ezwo_latestnews_bar_r{ width:calc(100% - 100px); font-size:.9em; color:#686868; padding:0; margin:0; box-sizing:border-box;}



.ezwo_subscription_bar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; border-radius:10px; background: url(../images/icon/ezwo_subscription_bkicon.svg) no-repeat left 12px center #fdad00; 
	background-size:20px; padding:10px 15px 10px 40px; margin:0 0 30px 0; box-sizing:border-box;}
.ezwo_subscription_bar p{ font-size:.9em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.ezwo_subscription_bar a{ font-size:.8em; border-radius:8px; color:#ff5a00; 
	background:#fff; padding:5px 15px; margin:0; box-sizing:border-box; transition:0.4s;}
.ezwo_subscription_bar a:hover,
.ezwo_subscription_bar a:active{ color:#fff; background:#cc1313; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}



.ezwo_pattern_zone{ padding:0; margin:0 0 10px 0; box-sizing:border-box;}
.ezwo_pattern_zone h3{ font-size:1.5em; padding:0; margin:0 0 30px 0; box-sizing:border-box;}
.ezwo_pattern_bar{ display:flex; justify-content:space-between; align-items:flex-start;
	padding:0; margin:0; box-sizing:border-box;}

.ezwo_pattern_box{ width:23%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.ezwo_pattern_box ul{ list-style:none; padding:0; margin:20px 0; box-sizing:border-box;}
.ezwo_pattern_box ul li{ font-size:.9em; padding:0; margin:0; box-sizing:border-box;}
.ezwo_pattern_box ul li p{ color:#888; padding:0; margin:0; box-sizing:border-box;}

.ezwo_pattern_pix{ width:100%; height:180px; padding:0; margin:0; box-sizing:border-box;}

.ezwo_pattern_pix a{ display:flex; justify-content:center; align-items:center;
	width:100%; height:100%; border-radius:8px; background:#000; padding:0; margin:0; box-sizing:border-box; overflow:hidden;}

.ezwo_pattern_pix a img{ width:100%; height:100%;
	padding:0; margin:0; box-sizing:border-box; object-fit:cover;}

.ezwo_pattern_bbt{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.ezwo_pattern_bbt a{ text-decoration:none; padding:5px 10px; margin:0; box-sizing:border-box;}

.ezwo_pattern_bbtl,
.ezwo_pattern_bbtr{ width:50%; font-size:.9em; text-align:center; padding:0; margin:0; box-sizing:border-box; transition:0.4s;}

.ezwo_pattern_bbtl{ border:solid 1px #fdad00; border-radius:8px 0 0 8px; border-right:none; color:#fdad00; background:#fff;}
.ezwo_pattern_bbtl:hover,
.ezwo_pattern_bbtl:active{ color:#fff; background:#cc1313; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}

.ezwo_pattern_bbtr{ border:solid 1px #fdad00; border-radius:0 8px 8px 0; color:#fff; background:#fdad00;}
.ezwo_pattern_bbtr:hover,
.ezwo_pattern_bbtr:active{ color:#fff; background:#cc1313; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}




@media (max-width: 1024px) {
/* -- 左邊資訊 -- */
.ezwo_building_info{ width:38%;}
.ezwo_building_titbar{ flex-wrap:wrap;}
.ezwo_building_titbar h3{ width:100%;}
.ezwo_building_titbar a{ width:100%; padding:0 0 0 5px;}

/* -- 右邊圖片 -- */
.ezwo_building_pixs{ width:60%;}






}


@media (max-width: 768px) {
.ezwo_building_title{ flex-wrap:wrap;}
.ezwo_building_title h1{ width:100%;}
.ezwo_building_list{ width:100%;}

/* -- 左邊資訊 -- */
.ezwo_building_zone{ flex-wrap:wrap;}
.ezwo_building_info{ width:100%;}

/* -- 右邊圖片 -- */
.ezwo_building_pixs{ width:100%;}

.ezwo_pattern_box{ width:24%;}
.ezwo_pattern_pix{ height:120px;}
.ezwo_pattern_bbt a{ padding: 5px 0;}
}


@media (max-width: 600px) {
.ezwo_pattern_bar{ flex-wrap:wrap;}
.ezwo_pattern_box{ width:48%; margin:0 0 40px 0;}
.ezwo_pattern_pix{ height:190px;}
}


@media (max-width: 414px) {
.ezwo_building_title_zone{ flex-wrap:wrap; position:relative;}
.ezwo_building_title h1{ width:75%; margin:0;}
.ezwo_building_share{position:absolute; top:-10px; right:0;}

.ezwo_building_pix_top{ height:250px;}
.ezwo_building_pix_navl,
.ezwo_building_pix_navr{ width:8%;}

.ezwo_building_pix_small{ width:28%;}
.ezwo_building_pix_small_hide{ display:none;}	

.ezwo_pattern_pix{ height:120px;}


}


@media (max-width: 360px) {
}


@media (max-width:320px) {
}


@media (max-width: 280px) {
}