﻿/* Prevent font scaling in landscape while allowing user zoom */
html {-webkit-text-size-adjust: 100%;}

body{margin:0;padding:0;font-family:Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);/*-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*/}

/* 取消Tap Hightligt Color */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

/* ============================================================================== */
/*   Input Style                                                                  */
/* ============================================================================== */
input[type=checkbox] {vertical-align:middle;margin-bottom:6px;margin-right:5px;}
input[type=radio] {vertical-align:middle;margin-bottom:6px;margin-right:5px;}
:focus{outline:none;}

/* Input 樣式框架 Apply01.aspx */
.cls_Input_IDNO {width:100%;max-width:540px;position:relative;margin:0px auto;}
.cls_Input_Valid {width:100%;max-width:540px;position:relative;margin:0px auto;}
.cls_Input_Birthday {width:100%;max-width:540px;position:relative;margin:0px auto;}
/* Input 樣式框架 Apply03.aspx */
.cls_Input_Phone {width:100%;max-width:600px;position:relative;margin:0px auto;}
.cls_Input_OTP {width:100%;max-width:600px;position:relative;margin:0px auto;}
.cls_Input_PA {width:100%;max-width:600px;position:relative;margin:0px auto;}
/* Input 樣式框架 Apply02_Login.aspx */
.cls_Input_LoginPA {width:100%;max-width:540px;position:relative;margin:0px auto;}

/* 身份證字號 */
.cls_Input_IDNO>input[type="text"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_IDNO.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_IDNO>input[type="text"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_IDNO>input[type="text"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 驗證碼 */
.cls_Input_Valid>input[type="text"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_KEY.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_Valid>input[type="text"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_Valid>input[type="text"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 登入密碼 */
.cls_Input_LoginPA>input[type="password"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_LOCK.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_LoginPA>input[type="password"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_LoginPA>input[type="password"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 手機號碼 */
.cls_Input_Phone>input[type="text"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_Mobile.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_Phone>input[type="text"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_Phone>input[type="text"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 請輸入認證碼 */
.cls_Input_OTP>input[type="text"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_OTP.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_OTP>input[type="text"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_OTP>input[type="text"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 設定線上開戶密碼 */
.cls_Input_PA>input[type="password"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_LOCK.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_PA>input[type="password"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_PA>input[type="password"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 西元出生年月日 */
.cls_Input_Birthday>input[type="text"]{font-size:15px;font-weight:bold;color:#333;width:100%;padding:10px 15px 10px 40px;box-sizing:border-box;letter-spacing:1px;border:0;border-bottom:1px solid #ccc;background:url(../Images/Main/ICON_Birthday.png) 6px 7px no-repeat;border-radius:0;}
.cls_Input_Birthday>input[type="text"] ~ .cls_Focus_Border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}
.cls_Input_Birthday>input[type="text"]:focus ~ .cls_Focus_Border{width:100%;transition:.4s}

/* 圖檔預設為無框 */
img {border:none;}

/* Hyperlink 滑鼠預設為選取指標 */
a{cursor:pointer;}
a,a:visited{outline:none;behavior:expression(this.onFocus=this.blur());}

/*div{box-sizing:border-box}*/

/* 頁面內容區塊 */
.BodyContainer {width:100%;max-width:720px;margin:0px auto}
.MainContent{width:100%;}

/* 頁面固定邊界 */
.cls_BC_Padding {padding:0px 15px;}

/* ============================================================================== */
/*   置頂 Banner 標題 Style                                                       */
/* ============================================================================== */
.cls_FixTitle{}
.cls_FixTitleEx{height:0px}/*position:fixed補充高度*/
.cls_FixTitleH1{height:22px;}
.cls_FixTitleH2{height:25px;}

#divTitle{font-size:20px;font-weight:bold;width:100%;margin:0px auto 0px auto;text-align:center;letter-spacing:1px;}
#divTitle:before,#divTitle:after{content:"";display:inline-block;height:3px;width:30px;background:#E21F23;margin-right:10px;margin-bottom:5px;margin-left:10px}

/* 頁面功能描述 */
.cls_Description{font-size:16px;font-weight:bold;padding:0px 0px 40px 0px;text-align:center;width:100%;margin:0px auto;box-sizing:border-box;}
@media screen and (max-width: 720px) {
    /* 頁面功能描述 */
    .cls_Description{padding:0px 0px 25px 0px}
}

/* 注意事項 */
.cls_BottomNotice       {padding:0px;line-height:150%;font-size:15px;/*color:#E21F23;*/color:#595858;width:100%;max-width:540px;margin:30px auto 0px auto;box-sizing:border-box}/*color:#595858;*/
.cls_BottomNoticeList   {border-collapse:collapse;border:none;}
.cls_BottomNoticeList th {border-collapse:collapse;border:0;text-align:left;vertical-align:top;padding-right:5px;font-weight:normal;white-space:nowrap;}
.cls_BottomNoticeList td {border-collapse:collapse;border:0;text-align:left;vertical-align:top;text-align:justify;text-justify:inter-ideograph;}

/*每頁頁尾字號固定於底部*/
.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: white;
}

/* ============================================================================== */
/*   按鈕 Style                                                                   */
/* ============================================================================== */
  
/* 置底按鈕樣式 */
.cls_FixButton{}
.cls_FixButtonEx{height:0px}/*position:fixed補充高度*/
.cls_FixButtonH1{height:40px;}
.cls_FixButtonH2{height:100px;}

/* 確定 按鈕 */
.cls_Button_Submit,
.cls_Button_Submit:after {background:#E21F23;cursor:pointer;margin:0 auto;padding:8px 0;width:120px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:2px;}
.cls_Button_Submit:hover {background:rgba(226,31,35,0.9)}
.cls_Button_Submit:active{background:#E21F23}

/* 確定 按鈕 Disable */
.cls_Button_Disable,
.cls_Button_Disable:after,
.cls_Button_Disable:hover,
.cls_Button_Disable:active {background:rgba(255,0,0,0.6);cursor:not-allowed;margin:0 auto;padding:8px 0;width:120px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:2px;}

/* 離開、取消 按鈕 */
.cls_Button_Cancel,
.cls_Button_Cancel:after {background:#514f4f;cursor:pointer;margin:0 auto;padding:8px 0;width:120px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:2px;}
.cls_Button_Cancel:hover {background:rgba(81,79,79,0.9)}
.cls_Button_Cancel:active{background:#514F4F}

/* 點此發送認證碼、點此認證 按鈕 */
.cls_Button_S,
.cls_Button_S:after {background:#E85231;cursor:pointer;margin:0 auto;padding:5px 0;width:130px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cls_Button_S:hover {background:rgba(232,82,49,0.9)}
.cls_Button_S:active{background:#E85231}
@media screen and (max-width: 320px) {
    .cls_Button_S{padding:5px 0 6px 0;width:115px;font-size:13px;}
}

/* 設定eDDA綁定 按鈕 */
.cls_Button_Bind_eDDA,
.cls_Button_Bind_eDDA:after {background:#E21F23;cursor:pointer;margin:0 auto;padding:0px 0;width:100%;box-sizing:border-box;color:#fff;font-size:16px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cls_Button_Bind_eDDA:hover {background:rgba(226,31,35,0.9)}
.cls_Button_Bind_eDDA:active{background:#E21F23}
.cls_Button_Bind_eDDA_Disabled {background:rgba(226,31,35,0.7);cursor:default;margin:0 auto;padding:0px 0;width:100%;box-sizing:border-box;color:#fff;font-size:16px;font-weight:bold;white-space:nowrap;text-align:center;letter-spacing:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/* 按鈕間距 */
.cls_ButtonMargin{width:20px}
@media screen and (max-width: 374px) {
    .cls_ButtonMargin{width:13px}
}

/* Apply02.aspx 選擇開戶類別 表格樣式 */
.tb_Option {border-collapse:collapse;border:1px solid #ccc;width:100%;}
.tb_Option th {border-bottom:1px solid #ccc;text-align:left;background:#f1f1f1;padding:5px 15px;}
.tb_Option td {border:none;color: #333;text-align:justify;text-justify:inter-ideograph;vertical-align:top;padding:15px;}
.tb_Option td>table{border-collapse:collapse;border:none;width:100%;}
.tb_Option td>table th{border-collapse:collapse;border:none;padding:0;width:1px;white-space:nowrap;padding-right:5px;font-weight:normal;background:none;vertical-align:top;padding-top:1px;}
.tb_Option td>table td{border-collapse:collapse;border:none;padding:0;vertical-align:top}
@media screen and (max-width: 320px) {
.tb_Option th {border-bottom:1px solid #ccc;text-align:left;background:#f1f1f1;padding:5px 5px;}
.tb_Option td {border:none;color: #333;text-align:justify;text-justify:inter-ideograph;vertical-align:top;padding:5px;}
}

/* Apply03.aspx 線上開戶密碼設定 表格樣式 */
.tb_PASetting {border-collapse:collapse;border:none;width:100%;margin:10px auto;}
.tb_PASetting td {border:none;color: #333;vertical-align:top;padding:10px 0px;}

/* Apply04.aspx 文件上傳 */
/* ============================================================================== */
/*   圖片上傳                                                                     */
/* ============================================================================== */
/* 圖片上傳 外框邊界 */
.td_UploadPadding {padding:0px 100px;}

/* 圖片上傳 說明文字 */
.divUpload{text-align:left;box-sizing:border-box}
.divUpload > .divUploadArea{display:inline-block;vertical-align:top;width:100%;margin-bottom:15px;border:1px solid #B4B9BE;background:#F5F5F5;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (max-width: 720px) {
    .td_UploadPadding {padding:0px 15px;}
}

/* 圖片上傳 Table */
.tb_Upload{border-collapse:collapse;border:none;}
.tb_Upload th{border-collapse:collapse;border:none;text-align:center;padding:0px;vertical-align:top}
.tb_Upload td{border-collapse:collapse;border:none;text-align:center;padding:0px;vertical-align:top}
.cls_UploadNote1{font-size:18px;font-weight:bold;color:#595858}
.cls_UploadNote2{font-size:13px;font-weight:normal;margin-top:0px;padding-bottom:5px;color:rgba(113,113,113,0.9)}
.cls_UploadNote3{font-size:15px;font-weight:bold;margin-top:0px;padding-bottom:5px;color:#E21F23}
.cls_UploadNote4{font-size:15px;font-weight:bold;margin-top:0px;padding-bottom:5px;color:#000000;text-align:left;padding-left:10%;padding-right:10%;}

/* 圖片預覽 */
.IMG_Preview{width:100%;border:1px solid rgba(180,185,190,1);box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.tb_Upload:hover .IMG_Preview{box-shadow:2px 2px 10px rgba(0,0,0,0.0);transition:.4s}

/* 點擊上傳按鈕 */
.cls_UploadButton{width:100px;margin:10px auto 15px auto;color:#717171;font-weight:bold;border:1px solid #c1c1c1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;padding:2px 0;cursor:pointer;font-weight:bold;font-size:15px;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);letter-spacing:1px;background:#fff}
.tb_Upload:hover .cls_UploadButton{color:rgba(0,0,0,0.7);border:1px solid #B2B2B2;box-shadow:2px 2px 8px rgba(0,0,0,0.2);transition:.4s}

/* Default Icon */
/*.material-icons.UploadIcon {font-size:100px;color:rgba(113,113,113,0.3);}*/

/* ============================================================================== */
/*   開戶進度條                                                                   */
/* ============================================================================== */
#tb_STEP{margin:0px auto;}
.myUL{width:100%;padding:0;margin:0px auto 0px auto;font-size:11px;font-weight:bold;}/*letter-spacing:3px*/
.myUL:after{content:"";display:table;clear:both}

.myUL li{display:inline-block;float:left;position:relative;padding:0;margin:0}
.myUL li>*{cursor:default}
.myUL li>div{height:40px;line-height:41px;padding:0px 31px 0px 54px;background:#EDEFF0;margin-right:-1px;color:#8E8E8E;}

/* 箭頭 */
.myUL li>span.SP_01{position:absolute;z-index:1;top:0;left:100%;width:7px;height:100%;background:#FFF}
.myUL li>span.SP_02{position:absolute;z-index:2;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:#fff;-webkit-transform:translateX(7px);-moz-transform:translateX(7px);-ms-transform:translateX(7px);-o-transform:translateX(7px);transform:translateX(7px);color:#959fa5;display:inline-block;margin:0}
.myUL li>span.SP_03{position:absolute;z-index:3;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:#EDEFF0}

/* 第一項 */
.myUL li:first-of-type>div{border-radius:4px 0 0 4px;padding-left:33px;}
.myUL li:last-of-type>div{border-radius:0 4px 4px 0;padding-right:33px;}

/* 選取項 */
.myUL li.current>div{background:#E85231;color:#FFF;font-size:15px;line-height:42px;font-weight:bold}
.myUL li.current>span.SP_03{border-left-color:#E85231}

/* 最未項 */
.myUL li:last-of-type>span.SP_01{display:none}
.myUL li:last-of-type>span.SP_02{display:none}
.myUL li:last-of-type>span.SP_03{display:none}
        
/* 滑鼠移入 - 選取項 */
.myUL li.current:hover>div{background:#E85231;color:#FFF}
.myUL li.current:hover>span.SP_03{border-left-color:#E85231}

/* 滑鼠移入 */
.myUL li:hover>div{background:#2c3f4c;color:#FFF}
.myUL li:hover>span.SP_03{border-left-color:#2c3f4c;color:#FFF}

/* 開戶進度條分隔線 */
.STEP_SegmentLine{height:1px;border-top:1px solid #DADADA;margin:10px auto 20px auto;}

/* ============================================================================== */
/*   開戶進度條 - RWD                                                             */
/* ============================================================================== */
@media screen and (max-width: 720px) {
    #tb_STEP{width:100%}

    .myUL{width:100%;padding:0;margin:0px auto 0px auto;background:rgba(0,0,0,0.1);}
    .myUL:after{content:"";display:table;clear:both}

    .myUL li{display:inline-block;float:left;position:relative;padding:0;margin:0;}
    .myUL li>*{cursor:default}
    .myUL li>div{font-size:0;padding-left:0px;background:none}
        
    /* 箭頭 */
    .myUL li>span.SP_01{display:none}
    .myUL li>span.SP_02{display:none}
    .myUL li>span.SP_03{position:absolute;z-index:3;top:16px;left:100%;width:10px;height:10px;border-radius:50%;background:#BBB;border:none;border-right-width:0;border-left-width:10px;border-left-color:none}
            
    /* 選取項 */
    .myUL li.current>div{margin-left:20px;font-size:15px;font-weight:bold;height:40px;line-height:41px;padding:0px 10px 0px 25px;background:#E85231;color:#FFF;display:inline-block}
    /* 右側 > */
    .myUL li.current>span.SP_01{display:block;position:absolute;z-index:1;top:0;left:100%;width:4px;height:100%;background:#FFF}
    .myUL li.current>span.SP_02{display:block;position:absolute;z-index:2;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:#fff;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translateX(4px);color:#959fa5;display:inline-block;margin:0}
    .myUL li.current>span.SP_03{display:block;position:absolute;z-index:3;top:0;left:100%;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:#E85231;border-radius:0;background:none;}
    /* > 左側 */
    .myUL li.current>span.SP_04{display:block;position:absolute;z-index:1;top:0;left:20px;width:4px;height:100%;background:#FFF}
    .myUL li.current>span.SP_05{display:block;position:absolute;z-index:2;top:0;left:20px;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:#fff;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translateX(4px);color:#959fa5;display:inline-block;margin:0}
    .myUL li.current>span.SP_06{display:block;position:absolute;z-index:3;top:0;left:20px;height:0;width:0;border:20px solid transparent;border-right-width:0;border-left-width:10px;border-left-color:rgba(0,0,0,0.1);border-radius:0;background:none;}

    /* 第一項 */
    .myUL li:first-of-type{margin-right:5px}
    .myUL li:last-of-type.current{margin-right:0px}
    .myUL li:first-of-type>div{margin-left:0;border-radius:0px;padding-left:0px}
    /*.myUL li:first-of-type>div{margin-left:15px;}*/
    .myUL li:last-of-type>div{border-radius:3px;padding-right:15px;margin-left:10px;}
    .myUL li:first-of-type>span.SP_04{display:none}
    .myUL li:first-of-type>span.SP_05{display:none}
    .myUL li:first-of-type>span.SP_06{display:none}
    .myUL li:first-of-type.current>div{padding-left:15px}
    /* 最未項 */
    .myUL li:last-of-type>span.SP_01{display:none}
    .myUL li:last-of-type>span.SP_02{display:none}
    .myUL li:last-of-type>span.SP_03{display:block}
    .myUL li:last-of-type.current>span.SP_03{display:none}
    .myUL li:last-of-type.current>div{padding-right:15px;padding-left:15px;margin-left:30px}
    .myUL li:last-of-type>span.SP_04{display:none}
    .myUL li:last-of-type>span.SP_05{display:none}
    .myUL li:last-of-type>span.SP_06{display:none}

    /* 滑鼠移入 - 選取項 */
    .myUL li.current:hover>div{}
    .myUL li.current:hover>span.SP_03{}

    /* 滑鼠移入 */
    .myUL li:hover>div{background:none;color:#FFF}
    .myUL li:hover>span.SP_03{border-left-color:none;color:#FFF}
}

/* 下拉選單 */
.cls_SelectHidden{display:none;visibility:hidden}
.cls_Select{cursor:pointer;position:relative;font-size:15px;color:#000;width:100%;box-sizing:border-box;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;margin-bottom:5px;}
.cls_SelectValue{position:relative;padding:8px 45px 8px 10px;background:url(../Images/Main/Select_Arrow_01.png) no-repeat right;}
.cls_SelectValue:after{width:0;height:0;position:absolute;top:15px;right:10px}
.cls_SelectValue:active,.cls_SelectValue.active{background:url(../Images/Main/Select_Arrow_02.png) no-repeat right #efefef}
.cls_SelectValue:active:after,.cls_SelectValue.active:after{background:url(../Images/Main/Select_Arrow_02.png) no-repeat right #efefef}
.cls_Options{display:none;position:absolute;top:100%;right:-1px;left:-1px;z-index:1;margin:0;padding:0;list-style:none;background-color:#fff}
.cls_Options li{margin:0;padding:12px 15px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}
.cls_Options li:first-child{border-top:1px solid #ccc}
.cls_Options li:hover{color:#c0392b;background:#f6f6f6}
.cls_Options li[rel="hide"]{display:none}
.cls_Options .cls_Options_Selected {color:#c0392b;background:#f6f6f6}

/* Apply07.aspx 交割帳戶設定 */
.AuthorizationDoc {width:100%;margin:0px auto;border:1px solid #ccc;overflow-y:scroll;height:300px;-webkit-overflow-scrolling:touch}
.AuthorizationDoc>* {word-break:break-all;text-align:justify;text-justify:inter-ideograph;font-size:15px;color:#333}
.AuthorizationDoc table {border-collapse:collapse;border:none;word-break:break-all;}
.AuthorizationDoc table th {border-collapse:collapse;border:none;font-weight:normal;text-align:left;width:1px;white-space:nowrap;vertical-align:top}
.AuthorizationDoc table td {border-collapse:collapse;border:none;line-height:200%;text-align:justify;text-justify:inter-ideograph;padding-bottom:10px;}
.AuthorizationDoc table td.AuthorizationDoc_Padding {padding:15px;}

/* eDDA 綁定 */
.cls_SeteDDA{width:100%;margin:30px auto 0px auto;border:1px solid #ccc;}
.cls_SeteDDA table {border-collapse:collapse;border:none;word-break:break-all;}
.cls_SeteDDA table td {border-collapse:collapse;border:none;line-height:200%;text-align:justify;text-justify:inter-ideograph;}
.cls_SeteDDA table td.cls_SeteDDA_Padding {padding:15px;}
.cls_SeteDDA_BA{width:300px;margin:10px auto;}
@media screen and (max-width: 374px) {
    .cls_SeteDDA_BA{width:100%;}
}
#divBankAccount{box-sizing:border-box;border:1px solid #ccc;width:100%;overflow:hidden;background:#efefef;padding-left:10px;padding-right:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#divBankAccount>input[type="text"]{font-size:15px;letter-spacing:1px;border:none;background:#efefef;padding-top:8px;padding-bottom:8px;width:100%;}
.cls_SeteDDA_Note {font-size:13px;color:#E21F23}
.cls_SeteDDA_Status {font-size:15px;color:#E21F23;width:100%;text-align:left;}
.cls_SeteDDA_Status table td {line-height:100%;padding:5px 0px}

/* input 樣式 */
.cls_Input{font-size:15px;color:#333;font-weight:bold;width:100%;box-sizing:border-box;border:1px solid #ccc;padding:7px 0px 6px 0px;text-indent:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;-webkit-appearance:none}

/* 基本資料 */
.tb_BasicInfo{border-collapse:collapse;border:none;font-size:15px;width:100%;max-width:702px;margin:0px auto;}
.tb_BasicInfo th{border-collapse:collapse;border:none;text-align:left;vertical-align:middle;padding:0px;width:160px;color:#333;}
.tb_BasicInfo td{border-collapse:collapse;border:none;text-align:left;vertical-align:middle;padding:0px;color:#333;}
.tb_BasicInfo th a {color:#0000FF;text-decoration:underline;font-weight:bold}
.tb_BasicInfo td a {color:#0000FF;text-decoration:underline;font-weight:bold}
.tb_BasicInfo td.SegmentLine {padding:10px 0px;}
.tb_BasicInfo td.SegmentLine div {width:100%;height:1px;border-bottom:1px solid #ccc}
.tb_BasicInfo td.SegmentLine2 {padding:2px 0px;}
.tb_BasicInfo td.SegmentLine2 div {width:100%;height:1px;}
.tb_BasicInfo td img {cursor:pointer;margin-right:8px;margin-top:-2px;width:20px}

/* 金色區塊標題 */
.cls_Section{width:100%;max-width:702px;margin:0 auto 20px auto;font-weight:bold;letter-spacing:1px;padding:5px 0 5px 10px;color:#FFF;background:#b78f3c;background:linear-gradient(#f1c771,#b78f3c) repeat scroll 0 0;background:-webkit-linear-gradient(#f1c771,#b78f3c) repeat scroll 0 0;background:-moz-linear-gradient(#f1c771,#b78f3c) repeat scroll 0 0;box-sizing:border-box}

/* QR PDF 說明 */
.cls_QRPDF{font-size:15px;color:#333;text-align:justify;text-justify:inter-ideograph;}
/* QR PDF 按鈕 */
.cls_Button_PDF,.cls_Button_PDF:after{font-size:15px;background:#E21F23;cursor:pointer;margin:10px auto;padding:7px 10px;width:400px;box-sizing:border-box;color:#fff;font-weight:bold;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_Button_PDF:hover {background:rgba(226,31,35,0.9)}
.cls_Button_PDF:active{background:#E21F23}
@media screen and (max-width: 560px) {
    .cls_Button_PDF{width:100%}
}

/* 下載圖示 */
.cls_ICON_File{padding:0px;width:1px;white-space:nowrap;vertical-align:middle}
.cls_ICON_FileWording{padding:0px;text-align:left;vertical-align:middle;padding-left:10px;text-align:justify;text-justify:inter-ideograph;}
@media screen and (max-width: 460px) {
    .cls_ICON_File{padding:0px;width:1px;white-space:nowrap;vertical-align:top;}
}

/* QR PDF 同意 Table 樣式 */
.tb_Agree    {border-collapse:collapse;border:none;font-size:15px;margin:5px auto 20px auto;}
.tb_Agree th {border-collapse:collapse;border:none;font-weight:normal;text-align:left;vertical-align:top;width:1px;white-space:nowrap;padding:0px;}
.tb_Agree td {border-collapse:collapse;border:none;text-align:justify;text-justify:inter-ideograph;vertical-align:top;padding:0px;}

/* 忘記線上開戶密碼 按鈕 */
.cls_Button_ForgetPA,
.cls_Button_ForgetPA:after {background:#E85231;cursor:pointer;margin:0 auto;padding:5px 0;width:140px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:bold;white-space:nowrap;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:5px;right:5px}
.cls_Button_ForgetPA:hover {background:rgba(232,82,49,0.9)}
.cls_Button_ForgetPA:active{background:#E85231}
@media screen and (max-width: 350px) {
    .cls_Button_ForgetPA{padding:3px 0px 4px 0px;width:115px;font-size:13px;right:0px;}
    .cls_Button_ForgetPA,
    .cls_Button_ForgetPA:after {margin-bottom:2px;}
}

/* MacOS Safari 提示 */
#div_MAC_Box            {z-index:10000;display:none}
#div_MAC_Box #divLayer  {z-index:10001;position:fixed;top:0px;left:0px;background-image:url('https://www.sinotrade.com.tw/OpenAccounts/Images/Mask.png');width:100%;height:100%;}
#tb_MAC_Box_Layout      {z-index:10002;position:fixed;top:0;left:0;width:100%;height:100%;border-collapse:collapse;border:0}
#tb_MAC_Box_Layout td   {border-collapse:collapse;border:0}
#MAC_Box_Layout_Left    {width:33%}
#MAC_Box_Layout_Top     {height:15%}
#MAC_Box_Layout_Right   {width:33%}
#div_MAC_Box_Oval       {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:300px;overflow:hidden;background:#FFF;margin:0px auto;border:0;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.2);box-shadow: 1px 1px 12px rgba(0,0,0,.2);border:1px solid #CECECE}
#div_MAC_Box_Oval table {border-collapse:collapse;border:0;word-break:break-all;}
#div_MAC_Box_Oval table td{border-collapse:collapse;border:0;padding:15px 10px 15px 15px;text-align:center;text-justify:inter-ideograph}
#MAC_Box_Title{padding-top:8px;font-weight:bold;font-size:18px;}
#MAC_Box_Content{padding-bottom:10px;font-weight:bold;font-size:15px;line-height:150%;}
.MAC_Box_Button {color:#2279E5;font-weight:bold;font-size:18px;}