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

/* 取消連點放大 */
html, body {touch-action:manipulation}

/* 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;background:#FFF;}

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

/* Fix FireFox placeholder line-height */
::-moz-placeholder {line-height:130%}

a{color:#00f;cursor:pointer;text-decoration:none;outline:0;outline:0;behavior:expression(this.onFocus=this.blur())}


/* Loading 畫面 */
#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-color:rgb(0,0,0);opacity:0.58;filter:alpha(opacity=58);width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0}

/* Top Banner Shadow */
.cls_TopBanner_Shadow {width:100%;position:fixed;top:0;left:0;z-index:6}
.cls_TopBanner_Shadow div {display:table;margin:0px auto;width:100%;height:55px;border-radius:10%;box-shadow:0 5px 10px rgba(159,173,195,0.5);font-size:0}

/* Top Banner */
.cls_TopBanner {width:100%;position:fixed;top:0;left:0;z-index:10;background:linear-gradient(99deg, #ffffff 46%, #e6ebf5 101%);font-size:0px;box-sizing:border-box}
.cls_TopBanner_table {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;max-width:720px;margin:0px auto;height:56px;line-height:56px;}
.cls_TopBanner_Left  {display:table-cell;font-size:0;width:45px;text-align:center;vertical-align:middle;border:0;padding-left:15px;box-sizing:border-box}
.cls_TopBanner_Right {display:table-cell;font-size:0;width:45px;text-align:center;vertical-align:middle;border:0;padding-right:15px;box-sizing:border-box}
.cls_TopBanner_Left img, .cls_TopBanner_Right img {width:28px}
.cls_TopBanner_Center {display:table-cell;font-size:0;text-align:center;vertical-align:middle}
.cls_PrePage {display:none}/* 預設為不顯示 */
.S.cls_PrePage {display:inline-block}

/* Banner 主內容 */
.TopBanner_Content{font-size:0;width:100%;margin:70px auto 0 auto;padding:0;box-sizing:border-box;position:fixed;top:0;left:0;z-index:99999;background:#FFF;border-bottom:1px solid #BBBBBB;display:table}

/* Banner Menu Icon */
.cls_TopBannerMenu {display:none;vertical-align:middle;width:45px}

.cls_TopBanner_Title {display:table;font-size:0;border-collapse:collapse;border:0;margin:0px auto}
.cls_TopBanner_Title_Logo {display:table-cell;font-size:0;width:35px;text-align:left;vertical-align:middle;border:0}
.cls_TopBanner_Title_Logo img {width:30px}
.cls_TopBanner_Title_Label {display:table-cell;font-size:0;width:1px;white-space:nowrap;text-align:center;vertical-align:middle;border:0}
#divTopBanner_Title {font-size:18px;font-weight:600;letter-spacing:1px;color:#182942;letter-spacing:0.45px}

/* Banner 使用者資訊 */
.cls_TopBannerUserInfo {font-size:16px;font-weight:bold;color:#333;width:130px;white-space:nowrap;padding-right:5px;padding-left:18px;box-sizing:border-box;border-left:1px solid rgba(193,193,193,0.2);cursor:pointer;display:table-cell;vertical-align:middle}
.cls_TopBannerUserInfo>div {display:table-cell;text-align:left;vertical-align:middle}

/* Banner 使用者資訊 滑鼠移入出效果 */
.cls_TopBannerUserInfo:hover {background:rgba(193,193,193,0.2);border-left:1px solid rgba(193,193,193,0.5);transition:all .15s ease-in}
.cls_TopBannerUserInfo:active {background:rgba(193,193,193,0.05);border-left:1px solid rgba(193,193,193,0.2);transition:all .15s ease-in}

/* Banner 使用者資訊 Arrow */
#divUserInfoArrow {width:24px;height:24px;background:url(../../Images/Common/ICON_ArrowDown.png) no-repeat center center}
.cls_TopBannerUserInfo:active #divUserInfoArrow {width:24px;height:24px;background:url(../../Images/Common/ICON_ArrowUP.png) no-repeat center center;}

/* 使用者設定 */
.TooltipUserInfo {opacity:0;position:absolute;top:-200px;right:30px;width:100px;background:#FFF;border:1px solid #BBB;border-radius:2px;box-sizing:border-box;z-index:99;font-size:15px;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.TooltipUserInfo::after{content:'';bottom:100%;right:60px;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-bottom-color:rgba(187,187,187,1);border-width:6px;margin-left:-6px}
.TooltipUserInfo>div {display:table;margin:0px auto;width:100%;padding:8px 0px;cursor:pointer;}
.TooltipUserInfo>div:hover {color:#FF0000;background:rgba(193,193,193,0.1)}
.TooltipUserInfo>div>div {display:table-cell;text-align:left;vertical-align:middle}
.TooltipUserInfo.Effect1 {margin-top:50px; opacity:1;transition: opacity 0.3s, transform 0.3s;transform: translate3d(0,255px,0)}

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

/* 內容主框架 */
.cls_PageFrame {display:table;width:100%;border-collapse:collapse;word-break:break-all}
.cls_PageMenu {display:table-cell;border-collapse:collapse;width:200px;vertical-align:top;background:#FFF;position:fixed;left:1px;top:47px;height:10000px;border-right:1px solid #BBB;z-index:99}
.cls_PageMenuClone {display:table-cell;border-collapse:collapse;width:200px;vertical-align:top;background:#FFF}
.cls_PageContent {display:table-cell;border-collapse:collapse;vertical-align:top}
.cls_PageContentEX_Top {height:50px}

/* 頁面標題文字 */
.PageTitle{font-size:15px;font-weight:bold;color:#515151;line-height:30px;text-align:left;margin-bottom:10px;border-bottom:1px solid #D3DBE4;}
.PageTitle_Add{color:#FF0000}
.PageTitle_Edit{color:#FF0000}

/* 共用表格 */
.tb_Common          {border-collapse:collapse;border:none;margin:0px auto 0px auto;word-break:break-all;width:90%;word-break:break-all}
.tb_Common tr:hover {background:#F9F9F9;}
.tb_Common th       {border-collapse:collapse;border:1px solid #BBBBBB;padding:5px;background-color:#E5E5E5;font-size:15px;font-weight:bold;white-space:nowrap;box-sizing:border-box}
.tb_Common td       {border-collapse:collapse;border:1px solid #BBBBBB;padding:5px;text-align:center;vertical-align:middle;font-size:15px;background:#FFF;box-sizing:border-box}
.tb_Common .Placeholder td {background:#CCDDFF;border:1px solid #BBBBBB;box-sizing:border-box}
.cls_PlaceholderHide {display:none}

/* 分頁CSS */
.PagerCss {font-size: 13px;text-align:center;}
.PagerCss table {border-collapse: collapse;border:none}
.PagerCss table td {border:none; background-color:#F3F3F3; height:45px; padding-top:5px; padding-bottom:3px;}
.PagerCss a          {background:#FFF; text-decoration: none; font-family:Arial; font-weight:bold; COLOR: #666666; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px; cursor:pointer}/*超連結*/
.PagerCss a:hover    {background:#FFF; text-decoration: none; font-family:Arial; font-weight:bold; COLOR: #000000; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px;}/*滑鼠移至*/ 
.PagerCss a:visited  {background:#FFF; text-decoration: none; font-family:Arial; font-weight:bold; COLOR: #666666; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px;}/*瀏覽過*/
.PagerCss span       {background:#FFF; text-decoration: none; font-family:Arial; font-weight:bold; COLOR: #0000FF; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px;}/*目前頁*/
.PagerCss .PrevNext  {background:#F3F3F3; border:none; }
.PagerCss .PrevNext:hover {background:#F3F3F3; border:none; }
.PagerCss .nPrevNext {background:#F3F3F3; border:none; color:#B6B6B6; cursor:text; }
.PagerCss .nPrevNext:hover {background:#F3F3F3; border:none; color:#B6B6B6; cursor:text; }
.PagerCss .PageNote{background:#F3F3F3; border:none; color:#666666; cursor:text; float:right; padding:0px;}

/* 新增 */
.cls_Button_Add,.cls_Button_Add:after{border-radius:4px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#46b8da url(../../Images/Common/ICON_Plus.png) no-repeat 20px 7px;padding:5px 22px 5px 42px;box-sizing:border-box}
.cls_Button_Add:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Add:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 新增文章 */
.cls_Button_Add2 {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_New.png) no-repeat 10px 8px;padding:5px 10px 5px 30px;box-sizing:border-box}
.cls_Button_Add2:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Add2:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 修改 */
.cls_Button_Edit,.cls_Button_Edit:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#5cb85c url(../../Images/Common/ICON_Edit.png) no-repeat 10px 7px;padding:5px 10px 5px 30px;box-sizing:border-box}
.cls_Button_Edit:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Edit:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 刪除 */
.cls_Button_Del,.cls_Button_Del:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#d9534f url(../../Images/Common/ICON_Delete.png) no-repeat 10px 7px;padding:5px 10px 5px 30px;box-sizing:border-box;cursor:pointer}
.cls_Button_Del:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Del:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 查看 */
.cls_Button_View,.cls_Button_View:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#5cb85c url(../../Images/Common/ICON_View.png) no-repeat 10px 7px;padding:5px 10px 5px 30px;box-sizing:border-box}
.cls_Button_View:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_View:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 全選 */
.cls_Button_All {border-radius:3px;font-size:15px;color:#666;font-weight:bold;box-shadow:inset 0 1px 0 #fff;border:1px solid #ccc;background-color:#f7f7f7;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_Button_All:hover {text-decoration:none;color:#c0392b}
/* 重置 */
.cls_Button_Reset {border-radius:3px;font-size:15px;color:#9E9E9E;font-weight:bold;box-shadow:inset 0 1px 0 #fff;border:1px solid #ccc;background-color:#f7f7f7;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_Button_Reset:hover {text-decoration:none;color:#c0392b}

/* 儲存 */
.cls_Button_Submit,.cls_Button_Submit:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_Save.png) no-repeat 20px 8px;padding:5px 22px 5px 42px;box-sizing:border-box}
.cls_Button_Submit:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Submit:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 取消 */
.cls_Button_Cancel,.cls_Button_Cancel:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#d9534f url(../../Images/Common/ICON_Cancel.png) no-repeat 20px 9px;padding:5px 22px 5px 42px;box-sizing:border-box}
.cls_Button_Cancel:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Cancel:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 返回 */
.cls_Button_Back,.cls_Button_Back:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_Back.png) no-repeat 10px 8px;padding:5px 12px 5px 32px;box-sizing:border-box;cursor:pointer}
.cls_Button_Back:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Back:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 下載 */
.cls_Button_Download,.cls_Button_Download:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#d9534f url(../../Images/Common/ICON_Download.png) no-repeat 10px 8px;padding:5px 12px 5px 32px;box-sizing:border-box}
.cls_Button_Download:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Download:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 預覽編輯按鈕 */
.cls_Button_ViewEdit,.cls_Button_ViewEdit:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#5cb85c url(../../Images/Common/ICON_Edit.png) no-repeat 10px 8px;padding:5px 12px 5px 32px;box-sizing:border-box}
.cls_Button_ViewEdit:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_ViewEdit:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 複製 */
.cls_Button_Copy,.cls_Button_Copy:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;padding:5px 10px;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#EE7700 url(../../Images/Common/ICON_Copy.svg) no-repeat 7px 5px;background-size:20px;padding:5px 10px 5px 30px;box-sizing:border-box;margin-right:2px}
.cls_Button_Copy:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Copy:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 文件下載1 */
.cls_Button_Doc1,.cls_Button_Doc1:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_1.svg) no-repeat 7px 5px;background-size:20px;padding:5px 12px 5px 32px;box-sizing:border-box}
.cls_Button_Doc1:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Doc1:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 文件下載2 */
.cls_Button_Doc2,.cls_Button_Doc2:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_2.svg) no-repeat 7px 5px;background-size:20px;padding:5px 12px 5px 32px;box-sizing:border-box}
.cls_Button_Doc2:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Doc2:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* 文件下載3 */
.cls_Button_Doc3,.cls_Button_Doc3:after {border-radius:3px;font-size:15px;color:#FFF;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#337ab7 url(../../Images/Common/ICON_3.svg) no-repeat 7px 5px;background-size:20px;padding:5px 12px 5px 32px;box-sizing:border-box}
.cls_Button_Doc3:hover {box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
.cls_Button_Doc3:active {box-shadow:1px 1px 2px rgba(0,0,0,0.05) inset}

/* Input 輸入框樣式 */
.cls_Input_MNG{font-size:15px;color:#333;width:100%;box-sizing:border-box;border:1px solid #ccc;padding:6px 0px 7px 0px;text-indent:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#FAFAFA;-webkit-appearance:none;box-sizing:border-box}

/* 日期 Input 輸入框樣式 */
.cls_InputCalendar {font-size:15px;color:#333;width:100%;box-sizing:border-box;border:1px solid #ccc;padding:7px 0px;text-indent:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#FAFAFA url('../../Images/Common/ICON_Calendar.svg') no-repeat 93px 3px;background-size:27px;-webkit-appearance:none;box-sizing:border-box;cursor:pointer}
.cls_InputCalendar_Time {font-size:15px;color:#333;width:100%;box-sizing:border-box;border:1px solid #ccc;padding:7px 0px;text-indent:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#FAFAFA url('../../Images/Common/ICON_Calendar.svg') no-repeat 135px 3px;background-size:27px;-webkit-appearance:none;box-sizing:border-box;cursor:pointer}

/* 嵌入式 TopBanner */
.Embed .cls_TopBanner_Left {display:none}
.Embed .cls_TopBanner_Center {text-align:left}
.Embed .cls_TopBanner_Title {margin:initial}
.Embed .cls_TopBanner_Title_Logo {width:45px;padding-left:15px;padding-right:5px;box-sizing:border-box}

/* Top Banner Extra Height */
.cls_TopBanner_ExHeight {height:56px}

/* Footer */
.cls_Footer {visibility:hidden;display:block;margin:0 auto;opacity:0;width:100%}
.cls_Footer.Fixed {position:fixed;bottom:0;left:0}
.cls_Fotter_Height {font-size:0;display:block;border:0;height:0;background:#ff6a00}
.cls_Footer_BG {display:table;width:100%;font-size:0;background:#e6ebf5}
.cls_Footer_MSG {display:table-cell;height:56px;text-align:center;vertical-align:middle;font-size:13px;color:#9fadc3;padding:5px 10px;box-sizing:border-box}
/* 顯示 Footer */
.cls_Footer.ON {visibility:visible;opacity:1}

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

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

/* Buttons Area */
.cls_Buttons {width:100%;padding:17px 16px 90px 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:280px;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 #254a91;background:#254a91;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:280px;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:120px;left:0px;padding:17px 16px 16px 16px}

/* 進度條 */
.cls_STEP_table {display:none;font-size:0;border-collapse:collapse;border:0;width:100%;margin:0px auto}
.cls_STEP_td {display:table-cell;height:50px;vertical-align:middle;background:#e6ebf5;text-align:center}
.myUL {padding:0}
.myUL li {position:relative;display:inline-block;box-sizing:border-box;cursor:default;width:120px}
.myUL li .circle {z-index:2;display:inline-block;height:9px;width:9px;line-height:9px;font-size:0px;background:#e6ebf5;border-radius:50%;margin-right:8px;margin-bottom:1px;box-shadow:0 0 0 2px rgba(159, 173, 195, 1)}
.myUL li.visited .circle {background:#172439}
.myUL li .item {z-index:2;font-size:14px;color:#9fadc3;font-weight:600;display:inline-block;letter-spacing:0.35px}
.myUL li.visited .item {color:#1d3558}
/* 連接線 - 未完成 */
.myUL li::before {position:absolute;content:'';z-index:1;top:9px;left:calc(-20%);background:#9fadc3;height:1px;width:calc(38%)}
/* 連接線 - 已完成 */
.myUL li.visited::before{position:absolute;content:'';z-index:1;top:9px;left:calc(-20%);background:#1d3558;height:1px;width:calc(38%)}
/* 連接線 - 第一個不顯示 */
.myUL li:first-child::before{display:none}
.cls_STEP_table.ON  {display:table}

/* 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 */

/*.has-content.cls_InputEffect ~ .cls_FocusLine{width:100%;background-color:#DAA360;transition:0.2s;left:0}*/
/* 樣式一：滑鼠停駐 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 */

/* 退票年度 - 年 (固定) */
.cls_InputEffect ~ .placeholder_Fixed {z-index:-1;position:absolute;top:25px;right:14px;font-family:"微軟正黑體","Microsoft JhengHei";color:#172439;font-size:21px;letter-spacing:.5px;white-space:nowrap}

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

/* CheckBox 樣式 */
.cls_CheckBox {display:table;font-size:0;border-collapse:collapse;border:0;width:100%;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_CheckBox div {display:table-cell;font-size:0;vertical-align:middle}
.cls_CheckBox .cls_ICON {width:38px}
.cls_CheckBox .cls_ICON div {display:inline-block;width:26px;height:26px;padding:0px;background:url(../../Images/Common/ICON_CheckBox_NO.svg) no-repeat;background-size:26px 26px}
.ON.cls_CheckBox .cls_ICON div {background:url(../../Images/Common/ICON_CheckBox_YES.svg) no-repeat;background-size:26px 26px}
/*.cls_CheckBox div span {font-size:21px;color:#172439;letter-spacing:-0.53px;}*/
.cls_CheckBox div {display:table-cell;border-collapse:collapse;border:0;font-size:0px;text-align:left;vertical-align:middle;height:22px}
.cls_CheckBox div span {font-size:18px;font-weight:600;letter-spacing:0.4px;color:#172439;/* padding-left:14px; */box-sizing:border-box}

/* 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:21px;color:#172439;letter-spacing:0.53px}

/* 備註說明標題 */
.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:38px;font-weight:600;letter-spacing:0.4px;color:#172439;/* padding-left:14px; */box-sizing:border-box}
.cls_ItemTitle div.ICON {width:30px;text-align:right}
.cls_ItemTitle div.ICON img {width:20px;cursor:pointer}

/* Notice_R */
.cls_Notice_R_ICON {display:table-cell;font-size:0px;width:1px;white-space:nowrap;vertical-align:middle;padding-right:7px;box-sizing:border-box;height:24px}
.cls_Notice_R_ICON img {width:20px;cursor:pointer}
.cls_Notice_R {display:table-cell;font-size:16px;color:#c43826;letter-spacing:0.4px;white-space:nowrap;vertical-align:middle;height:24px}

/* 選擇方塊 */
.cls_SelBox_Item {display:table;font-size:0;border-collapse:collapse;border:0;margin:0px auto;box-sizing:border-box;cursor:pointer;width:100%}
.cls_SelBox_Item div {display:table-cell;border-collapse:collapse;width:150px;height:60px;border:1px solid #c43826;color:#c43826;background:#FFFFFF;box-sizing:border-box;font-size:21px;text-align:center;vertical-align:middle}
.ON.cls_SelBox_Item div {color:#FFFFFF;background:#c43826}
.Disabled.cls_SelBox_Item div {color:#FFFFFF;background:#c0c0c0;border:1px solid #c0c0c0;cursor:not-allowed}

/* 垂直置中 Area */
.cls_MiddleContent {position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}

/* 垂直置中 Position */
.cls_MiddleContent_Position {z-index:1;position:relative;top:0;bottom:0;width:100%;height:100%}
.cls_MiddleContent_Position img {max-width:720px}
#divMiddleContent_Inner {margin-top:-50px}


a:link {
    color: #2c559e;
}

a:visited {
    color: #2c559e;
}

a:hover {
    color: #2c559e;
}

a:active {
    color: #2c559e;
}

/* 備註說明標題 */
.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}

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

/* ▁▁▁▁▁▁▂▄▆█ 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: 434px) {
    .cls_CheckBox .cls_ICON {vertical-align:top;padding-top:2px}
}
@media screen and (max-width: 360px) {
    .myUL li {width:100px}
    /* 連接線 - 未完成 */
    .myUL li::after {left:calc(83%);width:calc(30%)}
    /* 連接線 - 已完成 */
    .myUL li.visited::after{left:calc(83%);width:calc(30%)}
}

@media screen and (max-width: 385px) {
    /* 備註說明標題 */
    .cls_ItemTitle div span {padding-left:5px}
    /* input 樣式 */
    .cls_InputEffect {padding:10px 5px 6px 5px }
    .cls_InputEffect ~ .placeholder {left:5px}
    .cls_InputEffect:focus ~ .placeholder,.has-content.cls_InputEffect ~ .placeholder{left:5px}
    .cls_InputEffect ~ .placeholder_Hide {left:5px}
    .cls_InputEffect:focus ~ .placeholder_Hide,.has-content.cls_InputEffect ~ .placeholder_Hide{left:5px}
    .cls_InputEffect ~ .title {left:5px}
    /* input 檢核錯誤時 */
    .cls_Input_ErrorMSG {left:5px}
}
@media screen and (max-width: 323px) {
    /* input 樣式 */
    /*.cls_InputEffect {font-size:16px}
    .cls_InputEffect ~ .placeholder {font-size:16px}
    .cls_InputEffect ~ .placeholder_Hide {font-size:16px}*/
}
@media screen and (max-width: 320px) {
    /* CheckBox 樣式 */
    .cls_CheckBox .cls_ICON {width:34px}
    /* RadioBox 樣式 */
    .cls_RadioBox .cls_ICON {width:34px} 
}

/*表頭*/
header {
    height: 70px;
    background-color: #0d1623;
    border-bottom: solid 1px #e6ebf5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: 999;
    box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.5s;
}

    header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        background-color: transparent;
        margin-left: 30px;
        margin-right: 20px;
    }

.logo {
    /*position: absolute;
	left: 32px;
	top: 2px;*/
    /*flex: 157px 0 0;*/
    width: 157px;
    /*margin-right: 10px;*/
    margin-top: 17px;
}

    .logo a {
        display: block;
        width: 100%;
        height: 37px;
        background-image: url(../../../Content/Images/Common/light-logo.svg);
        background-size: 157px;
    }

.logout {
    /*position: absolute;
	top: 25px;
    right: 60px;*/
    width: 55px;
    margin-top: 15px;
}

    .logout a {
        display: block;
        width: 100%;
        height: 20px;
        background: url(../../../Content/Images/Common/ic-ic-logout.svg) no-repeat left bottom transparent;
        background-size: 16.7px;
        color: #fff;
        font-size: 16px;
        text-align: right;
        vertical-align: middle;
    }

@media screen and (max-width: 1100px) {
    header .container {
        margin-left: 30px;
        margin-right: 30px;
    }
}


@media screen and (max-width: 700px) {
    header {
        height: 60px;
    }

    .logo {
        margin-top: 13px;
    }

    .logout {
        margin-top: 13px;
    }
}


@media screen and (max-width: 500px) {
    header .container {
        margin-left: 30px;
        margin-right: 20px;
    }

    .logout a {
        background: none;
    }
}

/*表尾*/
footer {
    background-color: #0d1623;
    padding: 10px 0;
    position: fixed;
    z-index: 6;
    bottom: 0px;
    left: 0px;
    width: 100%;
}


.footer-txt {
    text-align: center;
    color: #6c7b94;
    font-size: 0.75em;
    line-height: 1.83em;
}



@media screen and (max-width: 768px) {
    footer .container {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (max-width: 720px) {
    footer {
        padding: 5px 0;
    }
}


@media screen and (max-width: 576px) {
    footer .container {
        padding-left: 0;
        padding-right: 0;
    }
}