body {
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    background: #f6f8fa;
    background-image: url('../img/bg.jpg'); /* 向上跳出 css 資料夾，再進入 img */
    background-repeat: repeat;         /* 上下左右重複 */
    background-position: top left;     /* 從左上開始平鋪 */
    background-attachment: scroll;     /* 跟著頁面滾動 */
    color: #333;
    height: 100vh;
}

.mt_5{margin-top: 5px}
.mt_10{margin-top: 10px}
.mt_20{margin-top: 20px}
.mt_30{margin-top: 30px}
.mt_40{margin-top: 40px}
.mt_50{margin-top: 50px}

.pd_010{padding: 0px 10px;}
.pd_020{padding: 0px 20px;}

.txc{text-align: center;}
.txr{text-align: right;}
.txl{text-align: left;}

.f05{font-size: 0.5rem;}
.f06{font-size: 0.6rem;}
.f07{font-size: 0.7rem;}
.f08{font-size: 0.8rem;}
.f12{font-size: 1.2rem;}

.w_j{text-align-last: justify;}

.bg_darkred{background: darkred;color: white}
.bg_green{background: green;color: white}
.bg_darkgreen{background: darkgreen;color: white}
.bg_darkgray{background: darkgray;color: white}
.bg_darkslategray{background: darkslategray;color: white}
.bg_1b7683{background: #1b7683;color: white}

.c_blue{color: blue;}
.c_red{color: red;}
.c_darkred{color: darkred;}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    /* padding-top: 5vh; */
}

.logoimg {
    max-width: 30%;
    height: auto;
    margin-top: 10%;
    /* margin-bottom: 20px; */
}
.dv_bt, .dv_block{
    text-align: center;
    font-size: 1.5rem;
    color: white;
    padding: 10px 20%;
    width: 40%;
    border-radius: 50px;
    white-space: 50px;
    margin: 15px 0px 5px 0px;
}
.copy-area {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}
#copyBtn {
    background-color: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
#copyIcon {
    transition: fill 0.3s ease;
}
.textLeft {
    align-self: stretch;   /* 让这个 div 占满宽度 */
    text-align: left;      /* 文字靠左 */
}
.thin-border {
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
}

.thin-border th,
.thin-border td {
    border: 1px solid #999;
    padding: 2px 4px;
    /* text-align: center; */
}
.hidden {
    display: none;
}

.lang_href{
    display: block; 
    padding: 6px 12px; 
    color: #333; 
    text-decoration: none; 
    white-space: nowrap;
}
.dv_bt_home {
    text-align: center;
    font-size: 1.5rem;
    color: white;
    padding: 20px 20px;
    width: 80%;
    border-radius: 50px;
    /* white-space: 50px; */
    margin: 15px 0px 5px 0px;
}