極境室內設計有限公司
104 台北市中山區復興北路50號7樓-2
/* --- 極境聯絡我們專用 CSS --- */
.contact-section {
font-family: 'Microsoft JhengHei', sans-serif;
background-color: #fdfdfb;
padding: 80px 20px;
color: #333;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
/* 標題區 */
.contact-header {
text-align: center;
width: 100%;
margin-bottom: 60px;
}
.contact-title {
font-size: 32px;
letter-spacing: 5px;
margin-bottom: 10px;
font-weight: 400;
color: #333;
}
.contact-subtitle {
color: #c5a059;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
font-weight: bold;
}
.contact-divider {
width: 60px;
height: 3px;
background-color: #c5a059;
margin: 0 auto;
}
/* 聯絡資訊容器 */
.contact-container {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
}
.contact-info-box {
flex: 1;
min-width: 300px; /* 電腦版最小寬度 */
}
.contact-intro {
font-size: 16px;
line-height: 1.8;
color: #666;
margin-bottom: 40px;
text-align: justify;
}
/* ★ 強制不換行設定 (用於 Slogan) ★ */
.keep-line {
white-space: nowrap;
display: inline-block;
}
.contact-list {
list-style: none;
padding: 0;
margin: 0;
}
.contact-item {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
border-bottom: 1px solid #eee;
padding-bottom: 25px;
}
.contact-item:last-child { border-bottom: none; }
/* ICON 設定 */
.contact-icon {
width: 40px;
height: 40px;
background-color: #fff;
border: 1px solid #c5a059;
border-radius: 50%;
display: block;
margin-right: 20px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
/* SVG 圖示 */
.icon-phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c5a059'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); }
.icon-mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c5a059'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E"); }
.icon-line { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c5a059'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E"); }
.icon-pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c5a059'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E"); }
.icon-clock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c5a059'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E"); }
.contact-label {
font-size: 13px;
color: #999;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
}
.contact-value {
font-size: 16px;
color: #333;
letter-spacing: 1px;
line-height: 1.6; /* 稍微增加行高，閱讀更舒適 */
font-weight: 500;
/* 確保文字自動換行 */
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all;
}
.contact-value a {
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.contact-value a:hover { color: #c5a059; }
/* 地圖 */
.contact-map-box {
flex: 1.2;
min-width: 300px;
background: #fff;
padding: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
height: 450px;
box-sizing: border-box;
}
.map-frame {
width: 100%;
height: 100%;
border: 0;
filter: grayscale(100%);
transition: filter 0.5s;
}
.contact-map-box:hover .map-frame { filter: grayscale(0%); }
/* 底部按鈕 */
.contact-footer {
text-align: center;
margin-top: 60px;
color: #888;
border-top: 1px solid #eee;
padding-top: 40px;
}
.btn-gold {
display: inline-block;
padding: 15px 40px;
background-color: #c5a059;
color: #fff;
text-decoration: none;
letter-spacing: 2px;
font-size: 16px;
margin: 10px;
transition: all 0.3s;
border: 1px solid #c5a059;
}
.btn-gold:hover { background-color: #fff; color: #c5a059; }
.btn-outline {
display: inline-block;
padding: 15px 40px;
background-color: transparent;
color: #333;
border: 1px solid #333;
text-decoration: none;
letter-spacing: 2px;
font-size: 16px;
margin: 10px;
transition: all 0.3s;
}
.btn-outline:hover { background-color: #333; color: #fff; }
/* 手機版調整 */
@media (max-width: 768px) {
.contact-section { padding: 50px 20px; }
.contact-container { flex-direction: column; gap: 40px; }
.contact-map-box {
height: 350px;
width: 100%;
padding: 5px;
margin: 0 auto;
min-width: 0;
}
.contact-info-box {
min-width: 0;
width: 100%;
}
.contact-title { font-size: 26px; }
/* 手機版字體微調，確保不換行 */
.contact-intro { font-size: 14px; text-align: left; }
/* ★ 手機版強制縮小 Slogan 的字距，確保單行容納 ★ */
.keep-line {
letter-spacing: 0;
}
.btn-gold, .btn-outline { display: block; width: 100%; box-sizing: border-box; margin: 10px 0; }
}
聯絡我們
CONTACT US
每一個空間，都是生活與美學的交會。如果您有室內設計、老屋翻新或空間規劃的需求，歡迎透過以下方式與我們聯繫，極境團隊期待與您一同打造理想的空間。
PHONE
02-2740-2277
EMAIL
jajing.tw@gmail.com.tw
LINE ID
@172tocfp
ADDRESS
台北市中山區復興北路50號7樓之2(來訪請先預約)
OPENING HOURS
週一至週五09:00 - 18:00週六、週日公休
您也可以透過線上表單或 LINE 直接預約諮詢
加入 LINE 好友 填寫預約表單
https://www.formaveil.com/hot_529447.html
聯絡我們
2026-01-30
2027-01-30
極境室內設計有限公司
104 台北市中山區復興北路50號7樓-2
https://www.formaveil.com/hot_529447.html
極境室內設計有限公司
104 台北市中山區復興北路50號7樓-2
https://www.formaveil.com/hot_529447.html
https://schema.org/EventMovedOnline
https://schema.org/OfflineEventAttendanceMode
2026-01-30
http://schema.org/InStock
TWD
0
https://www.formaveil.com/hot_529447.html
