@charset "utf-8";
/* CSS Document */

@import url("reset.css");
/* ------------------------------------------------------------- 基本設定 -----------------------------------------------*/

body {
    font-family: "微軟正黑體";
    font-size: 1.0rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url(../imageNew/main02_bg.jpg);
    background-repeat: repeat-x;
}

a:visited {color:#fff;}
a:hover {color: #F30;}
#wrapper{  
	margin: 0 auto;
    width: 1113px;
}
#header{
    min-height: 125px;
    width: 100%;
    overflow: hidden;
}
.header_logo {
    width: 584px;
    height: 85px;
    display: block;
    float: left;
    padding: 0;
    margin: 35px 0px 20px 18px;
}
.header_btns {
    list-style: none;
    float: right;
    margin: 15px 10px 10px 10px; 
    padding: 0px 10px 0 0;
}
.header_btns li {
    display: inline-block;
    margin-left: 5px;
}
.header_btns li a {
    display: inline-block;
    padding: 3px 15px;
    background: linear-gradient(to bottom, #377fdd 0%,#2a9dce 100%); 
    color: #fff;
    border-radius: 8px;
    font-size: 0.9rem;
    text-decoration: none;
}
.header_btns li a:hover {
    background: #2ba89a;
    color: #fff;
}
.menu {
    clear: both;
    border-bottom: 2px solid #2a9dce;
	padding-left: 80px;
    padding-top: 30px;
    font-size: 1.2em;
}
.menu a {
    display: inline-block;
    position: relative;
    top: 2px;
    padding: 8px 18px;
    margin-left: 5px;
    background: #2083b8;
    color: #fff;
    border: 1px solid #2a9dce;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    text-decoration: none;
}
.menu a:hover {
    background: #4120e8;
    color: #fff;
}
.menu a.active {
    background: linear-gradient(to bottom, #bae4fe 0%, #fff 100%);
    color: #0f5e9a;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    cursor: default;
    pointer-events: none;
    z-index: 1;
}
.main{padding: 20px; border-left: 2px solid #2a9dce;border-right: 2px solid #2a9dce; border-bottom: 2px solid #2a9dce;margin: 0; }
.tab1{ border-collapse:collapse; margin:20px; width:98%}
/* 棟別欄寬 */
.tab1-building1 {width: 20%; text-align:center;}
.tab1-building2 {width: 10%; text-align:left;}
/* 地址欄寬 */
.tab1-address {width: 30%;}
/* 坪數欄寬 */
.tab1-area {width: 10%;}
/* 114年租金欄寬 */
.tab1-rent {width: 20%;}
/* 備註欄寬 */
.tab1-note {width: 10%;}
.tab1 th{ border:1px solid #969696; padding:5px; background-color: #B9E6FB;line-height: 21px;}
.tab1 td{border:1px solid #969696; padding:5px;background-color: #E1F5FF;  line-height: 21px;}
.content{text-align:left; padding:10px; font: size 0.9emem; line-height:24px; color: #000; line-height: 1.5;}
.dorm{text-align:left; padding:3px; font-size:1.5em; color: #000; line-height: 2; font-weight: bold;}
.footer{text-align:center; line-height: 2.0em; width: 95%; margin: 20px auto;}
.textRight{text-align:right;}
.textleft{text-align:left;}
.testCenter{text-align:center;}
.mt-5{ margin-top: 10px;}
.tabhead{font-weight: bold; font-size:1.136em; text-align:center;}
.pic-text{margin: 30px 20px 100px 50px; font-size: 1.5rem; line-height:20px; color: #cc0a0a; font-weight: bold; display: inline-block;}
.title01{
    font-size: 1.2rem; margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}
.title01_icon{
    color: #2a9dce;
    flex-shrink: 0;
}
#C,
#Z,
#U {
    position: absolute;
    left: -9999px;
}

#C:focus,
#Z:focus,
#U:focus {
    position: static;
    left: auto;
    display: inline-block;
}

.main_content {
    font-size: 0.909em;
    line-height: 1.8;
    color: #333;
}

.main_content h3 {
    margin: 25px 0 12px;
    font-size: 1.136em;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 2em;
    text-indent: -2em;
}

.main_content p {
    margin: 0 0 15px;
    line-height: 1.8;
}

.main_content ol {
    list-style-type: decimal;
    padding-left: 50px;
}

.main_content ul {
    list-style-type: disc;
    margin-bottom: 8px;
    line-height: 1.8;
    padding-left: 50px;
}
/* ==============按鈕================== */
.dorm_btn_group {
    display: flex;          
    justify-content: flex-start; 
    gap: 12px;              
    margin-top: 5px;       
    margin-bottom: 5px;    
}

.dorm_item {
    display: inline-block;   
    text-decoration: none;   
    background-color: #0077c8; 
    color: #ffffff;          
    font-size: 1em;         
    font-weight: bold;       
    padding: 10px 24px;      
    border-radius: 6px; 
    transition: background-color 0.25s ease, transform 0.1s ease; 
}
.dorm_item:hover {
    background-color: #005aa0;
    color: #ffffff; 
    cursor: pointer;           
}
.dorm_item:active {
    transform: scale(0.97); 
}