/* Prevent font scaling in landscape while allowing user zoom */
html {-webkit-text-size-adjust: 100%}

/* body Style */
body {margin:0;padding:0;font-family:"微軟正黑體","Microsoft JhengHei";-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333}

/* Disable Tap Hightligt Color */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent}
:focus {outline:none}

/* Body Container Area */
.BodyContainer {width:100%;max-width:720px;min-width:320px;margin:0px auto}

/* Body Container Padding LR */
.cls_BC_Padding {padding:0px 30px}

/* ================================================================================================================================ */
/*   Banner 樣式                                                                                                                    */
/* ================================================================================================================================ */
/* Banner (無天地)陰影 */
.TopBanner_Shadow {width:100%;position:fixed;top:0;left:0;z-index:9998}
.TopBanner_Shadow div {display:table;margin:0px auto;width:100%;height:43px;max-width:720px;min-width:320px;border-radius:10%;box-shadow:0 5px 10px rgba(0,0,0,0.4);font-size:0}
/* Banner (有天地)陰影 */
.Logo .TopBanner_Shadow {display:none}
.Logo .TopBanner_Shadow div {display:none}

/* Banner (無天地)主內容 */
.TopBanner_Content {font-size:0px;width:100%;margin:0 auto 0 auto;box-sizing:border-box;padding:10px 0;text-align:center;letter-spacing:1px;background:#FFF;position:fixed;top:0;left:0;z-index:9999}
.TopBanner_Content * {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.TopBanner_Content table {border-collapse:collapse;border:none;margin:0px auto;width:100%;max-width:720px;min-width:320px;}
.TopBanner_Content table td {border-collapse:collapse;border:none;text-align:left;font-size:0;vertical-align:middle}
/* Banner (有天地)主內容 */
.Logo .TopBanner_Content{padding:0;background:#f12713;background:-moz-linear-gradient(top,#f12713 0,#bc0f23 50%,#a1101f 100%);background:-webkit-linear-gradient(top,#f12713 0,#bc0f23 50%,#a1101f 100%);background:linear-gradient(to bottom,#f12713 0,#bc0f23 50%,#a1101f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f12713',endColorstr='#a1101f',GradientType=0);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.4);box-shadow:0 2px 10px rgba(0,0,0,0.4)}

/* 有天地 Logo IMG */
#TopBanner_Logo {width:1px;white-space:nowrap;font-size:0}
#TopBanner_Logo img {display:none;height:0px}
/* (有天地) Logo IMG */
.Logo #TopBanner_Logo {width:1px;white-space:nowrap;font-size:0}
.Logo #TopBanner_Logo img {display:block;height:47px}

/* (無天地) ICON IMG */
#TopBanner_Icon {width:1px;white-space:nowrap;font-size:0}
#TopBanner_Icon img {height:23px;padding-left:5px;padding-right:10px;}
/* (有天地) ICON IMG */
.Logo #TopBanner_Icon {width:1px;white-space:nowrap;font-size:0}
.Logo #TopBanner_Icon img {display:none;height:0px}

/* Banner (無天地)文字區 */
#lb_TopBannerTitle {font-size:20px;font-weight:bold}
/* Banner (有天地)文字區 */
.Logo #lb_TopBannerTitle {color:#FFF;padding-left:5px;padding-right:5px;box-sizing:border-box;text-shadow:1px 1px 1px #000;}

/* Banner (無天地)選單灰色圖檔 */
.TopBanner_MenuIMG {width:25px;padding-right:10px;display:block}
/* Banner (有天地)選單灰色圖檔 */
.Logo .TopBanner_MenuIMG {width:25px;padding-right:10px;display:none}

/* Banner (無天地)選單白色圖檔 */
.TopBanner_MenuIMG_W {width:25px;padding-right:10px;display:none}
/* Banner (有天地)選單白色圖檔 */
.Logo .TopBanner_MenuIMG_W {width:25px;padding-right:10px;display:block}

/* 側邊選單 */
.TopBanner_MenuIMG_ALL {width:25px;padding-right:18px;display:none;cursor:pointer}
/* (有天地)側邊選單 */
.SlideMenu {position:absolute;z-index:8889;top:50px;right:0px;width:55px;text-align:center;margin-top:10px;display:none}
.TopBanner_MenuIMG_O {width:40px}
/* (有天地)側邊選單 - 遮罩 */
.SlideMenu_Mask{z-index:8888;background-color:#000;opacity:.7;width:100%;height:100%;position:fixed;display:none}
.SlideMenu_Item {cursor:pointer}
.SlideMenu_Item div{font-size:12px;font-weight:bold;color:#FFF;text-shadow:1px 1px 1px #000;white-space:nowrap}
/* (有天地)側邊選單 - 項目 */
#divSlideMenu_Item_01 {position:absolute;top:0px;left:0px;z-index:8895;display:none}
#divSlideMenu_Item_02 {position:absolute;top:70px;left:0px;z-index:8894;display:none}
#divSlideMenu_Item_03 {position:absolute;top:140px;left:0px;z-index:8893;display:none}
#divSlideMenu_Item_04 {position:absolute;top:210px;left:0px;z-index:8892;display:none}
#divSlideMenu_Item_0018 {position:absolute;top:280px;left:0px;z-index:8891;display:none}
    
/* Banner (有天地)選單白色圖檔 */
.Logo .TopBanner_MenuIMG_W {width:25px;padding-right:10px;display:none}
/* 縮合選單 */
.Logo .TopBanner_MenuIMG_ALL {width:25px;padding-right:15px;display:block}

/* Banner 置底固定高度 */
.TopBanner_FixedEX {height:47px}

/* ================================================================================================================================ */

/* ================================================================================================================================ */
/*   Footer 樣式                                                                                                                    */
/* ================================================================================================================================ */
/* 無天地 */
.BottomFotter_ExtraHeight {display:none}
.BottomFooter_Border {display:none}
/* 有天地 */
.Logo .BottomFotter_ExtraHeight {display:block}
.Logo .BottomFooter_Border {display:block}

.BottomFooter_Border{width:100%;font-size:0;background:#FFF;border-top:1px solid #CCC;box-shadow:0 -3px 50px 2px rgba(0,0,0,.2);padding:10px 0}
.BottomFooter{width:860px;margin:0 auto}
.BottomFooter_Logo{display:inline-block;vertical-align:middle;border-right:5px solid #F00;height:70px;line-height:70px;padding:0 15px;box-sizing:border-box}
.BottomFooter_Logo img{display:inline-block;vertical-align:middle}
.BottomFooter_Content{display:inline-block;vertical-align:middle;font-size:13px;color:#333;padding:0 15px;box-sizing:border-box;text-align:left}
.BottomFooter_Content a{color:#333;text-decoration:underline;font-size:13px;color:#333}
.BottomFooter_Content a:hover{color:#F00}
@media screen and (max-width: 860px) {
    .BottomFooter{width:100%}
    .BottomFooter_Logo{width:100%;margin:0 auto;display:block;text-align:center;border-right:0;height:auto;padding:0;height:70px;line-height:70px}
    .BottomFooter_Logo img{padding:10px 0 20px 0}
    .BottomFooter_Content{width:100%;margin:0 auto;display:block;padding:0 15px;box-sizing:border-box;line-height:150%}
    .BottomFooter_Content table{margin:0 auto}
    .Logo .BottomFooter_SP{display:none}
    .Logo .BottomFooter_SP_BK{display:block;width:100%}
}

/* ================================================================================================================================ */

/* Page Description */
.cls_Description  {font-size:18px;font-weight:bold;text-align:center;box-sizing:border-box;padding:0px;width:100%;margin:30px auto;letter-spacing:1px}

/* Submit Button Style */
.cls_Button_Submit,.cls_Button_Submit:after {background:#e21f23;cursor:pointer;box-sizing:border-box;padding:8px 0px;margin:0 auto;width:120px;color:#fff;font-size:16px;font-weight:bold;text-align:center;letter-spacing:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#E21F23;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.cls_Button_Submit:hover, .cls_Button_Submit:active {background:rgba(226,31,35,0.9);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);box-shadow:0 2px 5px rgba(0,0,0,0.4)}

/* Submit Button Disable */
.cls_Button_Disable {background:rgba(81,79,79,0.4);cursor:not-allowed;box-sizing:border-box;padding:8px 0px;margin:0 auto;width:120px;color:#fff;font-size:16px;font-weight:bold;text-align:center;letter-spacing:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/* 離開、取消 按鈕 */
.cls_Button_Cancel,.cls_Button_Cancel:after {background:#514f4f;cursor:pointer;box-sizing:border-box;padding:8px 0px;margin:0 auto;width:120px;color:#fff;font-size:16px;font-weight:bold;text-align:center;letter-spacing:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.cls_Button_Cancel:hover, .cls_Button_Cancel:active {background:rgba(81,79,79,0.9);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);box-shadow:0 2px 5px rgba(0,0,0,0.4)}

/* Submit Button Style LightBox */
.cls_Button_Submit_LB,.cls_Button_Submit_LB:after {border:2px solid #FFF;background:#e21f23;cursor:pointer;box-sizing:border-box;padding:8px 0px;margin:0 auto;width:120px;color:#fff;font-size:16px;font-weight:bold;text-align:center;letter-spacing:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.cls_Button_Submit_LB:hover, .cls_Button_Submit_LB:active {background:rgba(226,31,35,0.9)}

/* 離開、取消 按鈕 LightBox */
.cls_Button_Cancel_LB,.cls_Button_Cancel_LB:after {border:2px solid #FFF;background:#514f4f;cursor:pointer;box-sizing:border-box;padding:8px 0px;margin:0 auto;width:120px;color:#fff;font-size:16px;font-weight:bold;text-align:center;letter-spacing:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.cls_Button_Cancel_LB:hover, .cls_Button_Cancel_LB:active {background:rgba(81,79,79,0.9)}

/* Notice */
.cls_Notice_Oval {margin:40px auto;width:85%;max-width:350px;box-sizing:border-box;padding:5px;background:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.2);box-shadow:1px 2px 5px rgba(0,0,0,0.2)}
.cls_Notice {color:#595858;background:#f2f2f2;line-height:150%;font-size:16px;font-weight:bold;text-align:justify;text-justify:inter-ideograph;width:100%;box-sizing:border-box;padding:20px 10px 20px 20px;letter-spacing:1px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:inset 1px 1px 5px #ccc;-webkit-box-shadow:inset 1px 1px 5px #ccc;box-shadow:inset 1px 1px 5px #ccc}

/* input 樣式 */
.cls_Input {display:inline-block;position:relative;width:100%;min-height:60px;vertical-align:bottom;box-sizing:border-box;border-bottom:1px solid #e6ebf5;font-size:0}
.cls_InputEffect {z-index:1;position:absolute;bottom:0;left:0;width:100%;height:42px;font-size:21px;font-family:"微軟正黑體","Microsoft JhengHei";color:#172439;box-sizing:border-box;border:0;padding:10px 14px 6px 14px;box-sizing:border-box;background-color:transparent;-webkit-appearance:none}
.cls_InputEffect ~ .cls_FocusLine {z-index:2;position:absolute;bottom:-1px;left:50%;width:0;height:2px;background-color:#DAA360;transition:.15s}
.cls_InputEffect:focus ~ .cls_FocusLine {width:100%;background-color:#DAA360;transition:.15s;left:0}
.cls_InputEffect.focus ~ .cls_FocusLine {width:100%;background-color:#DAA360;transition:.15s;left:0}/*  Fix APP */

/* 樣式一：滑鼠停駐 input 時 label 移至上方 */
.cls_InputEffect ~ .placeholder {z-index:-1;position:absolute;top:25px;left:14px;font-family:"微軟正黑體","Microsoft JhengHei";color:#9fadc3;font-size:21px;transition:.15s;letter-spacing:.5px;white-space:nowrap}
.cls_InputEffect:focus ~ .placeholder       {top:0;font-size:14px;color:#DAA360;transition:.15s}
.cls_InputEffect.focus ~ .placeholder       {top:0;font-size:14px;color:#DAA360;transition:.15s}/*  Fix APP */
.cls_InputEffect.has-content ~ .placeholder {top:0;font-size:14px;color:#9fadc3;transition:.15s}

/* 樣式二：滑鼠停駐 input 時 label 消失 */
.cls_InputEffect ~ .placeholder_Hide {z-index:-1;position:absolute;top:25px;left:14px;font-family:"微軟正黑體","Microsoft JhengHei";color:#9fadc3;font-size:21px;letter-spacing:.5px;white-space:nowrap}
.cls_InputEffect:focus ~ .placeholder_Hide,.has-content.cls_InputEffect ~ .placeholder_Hide{visibility:hidden}
.cls_InputEffect.focus ~ .placeholder_Hide,.has-content.cls_InputEffect ~ .placeholder_Hide{visibility:hidden}/*  Fix APP */
.cls_InputEffect ~ .title {z-index:-1;position:absolute;top:0px;left:14px;font-family:"微軟正黑體","Microsoft JhengHei";color:#9fadc3;font-size:14px;letter-spacing:.5px;white-space:nowrap}
.cls_InputEffect:focus ~ .title {color:#daa360}
.cls_InputEffect.focus ~ .title {color:#daa360}/*  Fix APP */

/* input 檢核錯誤時 */
.cls_Input_ErrorMSG {display:none;position:absolute;font-size:14px;color:#cb4827;bottom:-18px;left:14px;white-space:nowrap}
.error.cls_Input {border-bottom:1px solid #C43826}
.error.cls_Input .cls_InputEffect ~ .placeholder {color:#c43826}
.error.cls_Input .cls_InputEffect ~ .placeholder_Hide {color:#c43826}
.error.cls_Input .cls_InputEffect ~ .title {color:#c43826}
.error.cls_Input .cls_InputEffect:focus ~ .title {color:#c43826}
.error.cls_Input .has-content.cls_InputEffect ~ .title {color:#daa360}
.error.cls_Input .cls_Input_ErrorMSG {display:inline-block}
.error.cls_Input .cls_InputEffect ~ .cls_FocusLine, 
.error.cls_Input .cls_InputEffect:focus ~ .cls_FocusLine {background-color:#C43826}
.error.cls_Input .cls_InputEffect:focus ~ .placeholder,.error.cls_Input .has-content.cls_InputEffect ~ .placeholder{color:#c43826}
.error.cls_Input .cls_InputEffect:focus ~ .placeholder_Hide,.error.cls_Input .has-content.cls_InputEffect ~ .placeholder_Hide{color:#c43826}


/* Input Style - OTP */
.cls_Input_OTPx {text-align:center;margin:0px auto 40px auto}
.cls_Input_OTPx input {font-size:16px;color:#333;font-weight:bold;width:100%;max-width:220px;box-sizing:border-box;padding:14px 0;border:1px solid #ccc;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#f2f2f2;-webkit-appearance:none;letter-spacing:1px}
.cls_Input_OTPx div {margin-top:8px;}
.cls_Input_OTPx div a {font-size:15px;color:#e21f23;font-weight:bold;text-decoration:underline;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:1px}

/* Select Style */
.cls_SelectHidden {display:none;visibility:hidden}
.cls_Select {cursor:pointer;position:relative;font-size:16px;color:#333;width:100%;box-sizing:border-box;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#f2f2f2}
.cls_SelectValue {position:relative;padding: 8px 45px 8px 10px;background:url(../../Images/Main/Select_Arrow_01.png) no-repeat right;text-align:left}
.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 #F2F2F2}
.cls_SelectValue:active:after,.cls_SelectValue.active:after {background:url(../../Images/Main/Select_Arrow_02.png) no-repeat right #F2F2F2}
.cls_Options {display:none;position:absolute;top:100%;right:-1px;left:-1px;z-index:11;margin:0;padding:0;list-style:none;background-color:#fff}
.cls_Options li {margin:0;box-sizing: border-box;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;text-align:left}
.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}

/* RadioBox 樣式 */
.cls_RadioBox {display:table;font-size:0;border-collapse:collapse;border:0;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_RadioBox div {display:table-cell;font-size:0;border-collapse:collapse;border:0;vertical-align:top}
.cls_RadioBox .cls_ICON {width:38px}
.cls_RadioBox .cls_ICON div {display:inline-block;width:26px;height:26px;padding:0px;background:url(../../Images/Common/ICON_RadioBox_NO.svg) no-repeat;background-size:26px 26px}
.ON.cls_RadioBox .cls_ICON div {background:url(../../Images/Common/ICON_RadioBox_YES.svg) no-repeat;background-size:26px 26px}
.cls_RadioBox div span {font-size:19px;color:#172439;letter-spacing:0.53px}

/* MessageBox */
.cls_MessageBox_Oval {margin:30px auto 0 auto;width:85%;max-width:350px;box-sizing:border-box;padding:5px;background:rgba(226,31,35,0.8);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5);box-shadow:1px 2px 5px rgba(0,0,0,0.5)}
.cls_MessageBox {color:#595858;background:#fff;line-height:150%;font-size:16px;font-weight:bold;text-align:center;width:100%;box-sizing:border-box;padding:45px 0;letter-spacing:1px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-box-shadow:inset 1px 1px 5px #ccc;-webkit-box-shadow:inset 1px 1px 5px #ccc;box-shadow:inset 1px 1px 5px #ccc}

/* Loading Style */
#divLoading {position:fixed;z-index:1000;top:0%;left:0%;width:100%;height:100%;border:medium none;text-align:left;display:none}
#divLoading table {border-collapse:collapse;border:none;z-index:1;position:relative;top:30%}
#divLoading table td {border-collapse:collapse;border:none;text-align:center}
#divLoading .LoadingMask {background-image:url('../../Images/Common/Mask.png');width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0}

/* 提示訊息視窗 */
.MSG_Container{position:fixed;top:150px;left:50%;z-index:20000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.MSG_Show{visibility:visible}
.MSG_Content{color:#333;position:relative;margin:0 auto}
.MSG_Effect .MSG_Content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.MSG_Show.MSG_Effect .MSG_Content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.MSG_Overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background-image:url('../../Images/Common/Mask.png');-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.MSG_Show ~ .MSG_Overlay{opacity:1;visibility:visible}
#div_MSG_Box_Oval{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:300px;overflow:hidden;background:#FFF;margin:0 auto;border:0;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.6);box-shadow:0 2px 10px rgba(0,0,0,0.6)}
#div_MSG_Box_Oval table {border-collapse:collapse;border:0;word-break:break-all;}
#div_MSG_Box_Oval .td {border-collapse:collapse;border:0;padding:15px 10px 15px 15px;text-align:center;text-justify:inter-ideograph}
#MSG_Box_Title {padding-top:8px;font-weight:bold;font-size:18px}
#MSG_Box_Content {padding-bottom:10px;font-weight:bold;font-size:16px;line-height:150%}
.MSG_Box_Button {color:#2279E5;font-weight:bold;font-size:18px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px;box-sizing:border-box}

/* Menu視窗 ( 右上角Menu專用 ) */
.Menu_Container{position:fixed;top:150px;left:50%;z-index:30000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.Menu_Show{visibility:visible}
.Menu_Content{color:#333;position:relative;margin:0 auto}
.Menu_Effect .Menu_Content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.Menu_Show.Menu_Effect .Menu_Content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.Menu_Overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background-image:url('../../Images/Common/Mask.png');-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.Menu_Show ~ .Menu_Overlay{opacity:1;visibility:visible}
#div_Menu_Box_Oval{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:300px;overflow:hidden;background:#FFF;margin:0 auto;border:0;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.6);box-shadow:0 2px 10px rgba(0,0,0,0.6)}
#div_Menu_Box_Oval table {border-collapse:collapse;border:0;word-break:break-all;}
#div_Menu_Box_Oval .td {border-collapse:collapse;border:0;padding:15px 10px 15px 15px;text-align:center;text-justify:inter-ideograph}
#Menu_Box_Title {padding-top:8px;font-weight:bold;font-size:18px}
#Menu_Box_Content {padding-bottom:10px;font-weight:bold;font-size:16px;line-height:150%}
.Menu_Box_Button {color:#2279E5;font-weight:bold;font-size:18px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px;box-sizing:border-box}

/* 訊息窗窗 ( 退補件說明專用 ) */
.cls_LB_Memo{position:fixed;top:150px;left:50%;z-index:30000;visibility:hidden;width:85%;max-width:400px;min-width:300px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.Memo_Show{visibility:visible}
.cls_LB_Memo_Content{color:#333;position:relative;margin:0 auto}
.Memo_Effect .cls_LB_Memo_Content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.Memo_Show.Memo_Effect .cls_LB_Memo_Content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.Memo_Overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background-image:url('../../Images/Common/Mask.png');-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.Memo_Show ~ .Memo_Overlay{opacity:1;visibility:visible}
#div_LB_Memo_Oval{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:100%;overflow:hidden;background:#FFF;margin:0 auto;border:0;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.6);box-shadow:0 2px 10px rgba(0,0,0,0.6)}
#div_LB_Memo_Oval table {border-collapse:collapse;border:0;word-break:break-all;}
#div_LB_Memo_Oval .td {border-collapse:collapse;border:0;padding:15px 10px 15px 15px;text-align:center;text-justify:inter-ideograph}
#div_LB_Memo_Title {padding-top:8px;font-weight:bold;font-size:18px}
#div_LB_Memo_ScrollDoc {height:120px}
#div_LB_Memo_Details {padding-bottom:10px;font-weight:bold;font-size:16px;line-height:150%}
.Memo_Box_Button {color:#2279E5;font-weight:bold;font-size:18px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px;box-sizing:border-box}
/* ScrollBar 區塊 */
.cls_DocScrollbar{overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;}

/* Apply02_Option.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}

/* 置底按鈕樣式 */
.cls_FixButton{}
.cls_FixButtonH1{height:30px;}
.cls_FixButtonH2{height:40px;}

/* 按鈕間距 */
.cls_ButtonMargin{width:20px}

/* QR PDF 說明 */
.cls_QRPDF{font-size:15px;color:#333;text-align:justify;text-justify:inter-ideograph;margin-top:20px}
/* 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}

/* Buttons Area */
.cls_Buttons {width:100%;padding:17px 16px 16px 16px;box-sizing:border-box;font-size:0px;background:#FFF}

.cls_Buttons_table {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;margin:0px auto}
.cls_Buttons_Left  {display:none;font-size:0;width:50%;height:60px;text-align:right;vertical-align:middle;border:0}
.cls_Buttons_Right {display:table-cell;font-size:0;width:50%;height:60px;text-align:left;vertical-align:middle;border:0}

/* 返回按鈕 */
.cls_Buttons_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_Buttons_Back div {display:table-cell;font-size:21px;color:#172439;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_Buttons_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_Buttons_Next div {display:table-cell;font-size:21px;color:#FFFFFF;width:100%;height:60px;text-align:center;vertical-align:middle;border:1px solid #c43826;background:#c43826;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}
.cls_Buttons_Next div a {color:#FFFFFF;text-decoration:none;cursor:pointer}
.cls_Buttons_Next div * {cursor:pointer}

/* 下一步按鈕 - disabled */
.cls_Buttons_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_Buttons_Disabled div {display:table-cell;font-size:21px;color:#FFFFFF;width:100%;height:60px;text-align:center;vertical-align:middle;border:1px solid #c0c0c0;background:#c0c0c0;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}
.cls_Buttons_Disabled div * {cursor:not-allowed}

/* 顯示2個按鈕時 */
.TWO .cls_Buttons_Left {padding-right:7px;box-sizing:border-box;display:table-cell}
.TWO .cls_Buttons_Right {padding-left:7px;box-sizing:border-box}
.TWO .cls_Buttons_Back {float:right;margin:initial;width:150px}
.TWO .cls_Buttons_Next {float:left;margin:initial;width:150px}
.TWO .cls_Buttons_Disabled {float:left;margin:initial}

/* 按鈕區域固定高度 for Position:fixed */
.cls_Buttons_Height {height:0px;font-size:0px;box-sizing:border-box;display:block}


/* 固定下方 */
.cls_Buttons.Fixed {position:fixed;z-index:6;bottom:0px;left:0px;padding:17px 16px 16px 16px}


/* ▁▁▁▁▁▁▂▄▆█ RWD Setting █▆▄▂▁▁▁▁▁▁ */

@media screen and (max-width: 460px) {
    .cls_Buttons_Next {max-width:100%}
    .cls_Buttons_Disabled {max-width:100%}
}

@media screen and (max-width: 719px) {
    
    /* 無天地 ICON IMG */
    #TopBanner_Icon img {height:23px;padding-left:15px;padding-right:10px;}

    /* Body Container Padding LR */
    .cls_BC_Padding {padding:0px 15px}

    .cls_LB_Memo{top:100px}
    #div_LB_Memo_ScrollDoc {height:120px}
}
@media screen and (max-height: 320px) {
    .cls_LB_Memo{top:60px}
}

@media screen and (max-width: 570px) {

    /* Notice */
    .cls_Notice_Oval{width:100%}

    /* MessageBox */
    .cls_MessageBox {padding: 30px 5px}

}
@media screen and (max-width: 560px) {
    .cls_Button_PDF{width:100%}
}
@media screen and (max-width: 320px) {
    .Logo #lb_TopBannerTitle {font-size:17px}
    /* Apply02_Option.aspx 選擇開戶類別 表格樣式 */
    .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}
}
@media screen and (max-width: 374px) {
    /* 按鈕間距 */
    .cls_ButtonMargin{width:13px}
}
@media screen and (max-width: 320px) {
    /* Body Container Padding LR */
    .cls_BC_Padding {padding:0px 10px}
}

@media screen and (max-width: 320px) {
    /* RadioBox 樣式 */
    .cls_RadioBox .cls_ICON {width:34px} 
}