﻿/* 備註說明標題 */
.cls_ItemTitle {display:table;font-size:0;border-collapse:collapse;border:0}
.cls_ItemTitle div {display:table-cell;border-collapse:collapse;border:0;font-size:0px;text-align:left;vertical-align:middle;height:22px}
.cls_ItemTitle div span {font-size:18px;font-weight:600;color:#172439;letter-spacing:0.45px;padding-left:0px;box-sizing:border-box;}
.cls_ItemTitle div.ICON {width:30px;text-align:right}
.cls_ItemTitle div.ICON img {width:20px;cursor:pointer}

/* 條文內容 */
.cls_Content_Detail {text-align:justify;text-justify:inter-ideograph;font-size:16px;line-height:1.56;letter-spacing:0.4px;color:#172439}

/* 條文 TH + TD */
.tb_List    {border-collapse:collapse;border:none;width:100%;font-size:16px;}
.tb_List th {border-collapse:collapse;border:none;font-weight:normal;text-align:left;vertical-align:top;width:1px;white-space:nowrap;padding:0px;word-wrap:break-word;word-break:break-all}
.tb_List td {border-collapse:collapse;border:none;text-align:justify;text-justify:inter-ideograph;vertical-align:top;padding:0px;font-size:16px;line-height:1.56;letter-spacing:0.4px;color:#172439;/*font-weight:600;*/word-wrap:break-word;word-break:break-all}
.tb_List * {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tb_List td .En {word-break:initial}

/* 條文標題 */
.cls_DocTitle{font-weight:bold;font-size:18px;padding:5px 0px 15px 0px;width:100%;margin:0px auto;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/* 條款特殊分隔高度 */
.cls_DocSegHeight{height:10px}

/* 電子對帳單 斷行機制 */

.Break_EBill{display:none;}
@media screen and (max-width: 500px) {
    .Break_EBill{display:block;padding-top:10px;}
    #txt_EMail{width:95%}
}

/* W_8BEN */
.cls_EInput_Disable{font-size:16px;color:#333;font-weight:bold;width:100%;box-sizing:border-box;border:1px solid rgba(204,204,204,0.2);padding:7px 0px 6px 0px;margin:5px auto 15px auto;text-indent:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;-webkit-appearance:none}
.cls_EInput{font-size:16px;color:#333;font-weight:bold;width:100%;box-sizing:border-box;border:1px solid  rgba(204,204,204,1);padding:7px 0px 6px 0px;margin:5px auto 15px auto;text-indent:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;-webkit-appearance:none}
.cls_ETextArea_Disable{font-family:"Arial";font-size:16px;color:#333;font-weight:bold;width:100%;box-sizing:border-box;border:1px solid rgba(204,204,204,0.2);padding:7px 8px 6px 8px;margin:5px auto 15px auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;-webkit-appearance:none}

/* DocButtons Area */
.cls_DocButtons {position:fixed;bottom:0px;left:0px;width:100%;padding:17px 16px 16px 16px;box-sizing:border-box;font-size:0px;background:#FFF}

.cls_DocButtons_table {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;margin:0px auto}
.cls_DocButtons_Left  {display:none;font-size:0;width:50%;height:60px;text-align:right;vertical-align:middle;border:0}
.cls_DocButtons_Right {display:table-cell;font-size:0;width:50%;height:60px;text-align:left;vertical-align:middle;border:0}

/* 返回按鈕 */
.cls_DocButtons_Back {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;max-width:150px;background:#FFFFFF;margin:0px auto;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_DocButtons_Back div {display:table-cell;font-size:21px;color:#172439;font-weight:bold;letter-spacing:1px;width:100%;height:60px;text-align:center;vertical-align:middle;border:1px solid #9fadc3;;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}

/* 下一步按鈕 */
.cls_DocButtons_Next {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;max-width:150px;background:#c43826;margin:0px auto;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_DocButtons_Next div {display:table-cell;font-size:21px;color:#FFFFFF;width:100%;height:60px;text-align:center;vertical-align:middle;border:1px solid #c43826;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}
.cls_DocButtons_Next div a {color:#FFFFFF;text-decoration:none}

/* 下一步按鈕 - disabled */
.cls_DocButtons_Disabled {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;max-width:150px;background:#c0c0c0;margin:0px auto;cursor:not-allowed;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_DocButtons_Disabled div {display:table-cell;font-size:21px;color:#FFFFFF;width:100%;height:60px;text-align:center;vertical-align:middle;border:1px solid #c0c0c0;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}

/* 顯示2個按鈕時 */
.TWO .cls_DocButtons_Left {padding-right:7px;box-sizing:border-box;display:table-cell}
.TWO .cls_DocButtons_Right {padding-left:7px;box-sizing:border-box}
.TWO .cls_DocButtons_Back {float:right;margin:initial;width:150px}
.TWO .cls_DocButtons_Next {float:left;margin:initial;width:150px}
.TWO .cls_DocButtons_Disabled {float:left;margin:initial}

/* 按鈕區域固定高度 for Position:fixed */
.cls_DocButtons_Height {height:0px;font-size:0px;box-sizing:border-box;display:block}

/* 進度條 */
.cls_DocButtons_Step {position:absolute;top:-6px;left:0px;width:100%;height:6px;background:#ffd0ca;font-size:0;box-sizing:border-box}
.cls_DocButtons_Step div {background:#c43826;height:6px;width:0px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

/* Page Max Width */
.cls_Content_Area {width:100%;max-width:720px;margin:0px auto;box-sizing:border-box;margin:0px auto}

/* 備註說明標題 */
.cls_ItemTitle {display:table;font-size:0;border-collapse:collapse;border:0}
.cls_ItemTitle div {display:table-cell;border-collapse:collapse;border:0;font-size:0px;text-align:left;vertical-align:middle;height:22px}
.cls_ItemTitle div span {font-size:18px;font-weight:600;color:#172439;letter-spacing:0.45px;padding-left:0px;box-sizing:border-box;}
.cls_ItemTitle div.ICON {width:30px;text-align:right}
.cls_ItemTitle div.ICON img {width:20px;cursor:pointer}
.cls_ItemTitle div table * {border-collapse:collapse;border:0;font-size:18px;font-weight:600;color:#172439;letter-spacing:0.45px;padding-left:0px;box-sizing:border-box}

/* 條文內容 */
.cls_Content_Detail {text-align:justify;text-justify:inter-ideograph;font-size:16px;line-height:1.56;letter-spacing:0.4px;color:#172439}

/* 隱藏條文 */
.Doc_Part.Hide {display:none}

/* 停止轉換期間 */
@media screen and (max-width: 622px) {
    .cls_BreakS {display:block}
}

/* 共同行銷 */
.tb_CoMarketing{border-collapse:collapse;border:none;font-size:16px;margin:0px auto;width:100%}
.tb_CoMarketing th{border-collapse:collapse;border:1px solid #C1C1C1;padding:5px;font-weight:bold;text-align:left;background-color:#E5E5E5;}
.tb_CoMarketing td{border-collapse:collapse;border:1px solid #C1C1C1;padding:5px;text-align:left;}

.cls_W8Ben_Sp1 {display:inline-block}
.cls_W8Ben_Sp2 {display:inline-block;float:right}

@media screen and (max-width: 435px) {
    .cls_W8Ben_Sp1 {display:block}
    .cls_W8Ben_Sp2 {display:block;float:none}
}


/* 共同行銷 Table */
.CoMarketingTable    { border-collapse: collapse;border: 1px solid #aaa;width: 100%;font-weight: 600;}
.CoMarketingTable th {padding: 10px 10px 10px 10px;
    background-color: #2e5cb5;
    border: 1px solid #2e5cb5;
    text-align:center;
    color: #fff;}
.CoMarketingTable td {vertical-align: text-top;
    padding: 9px 9px 9px 9px;
    border: 1px solid #aaa;}
