极境室内设计有限公司
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-02-13
2027-02-13
极境室内设计有限公司
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-02-13
http://schema.org/InStock
TWD
0
https://www.formaveil.com/hot_529447.html
