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

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

a {cursor:pointer}

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

.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:bold;letter-spacing:1px;color:#182942}

/* 嵌入式 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}

/* 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 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_Right {display:table-cell;font-size:0;width:100%;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;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;white-space:nowrap;padding-left:20px;padding-right:20px;box-sizing:border-box}
.cls_Buttons_Disabled div * {cursor:not-allowed}

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

/* 固定下方 */
.cls_Buttons.Fixed {position:fixed;bottom:0px;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}



/* ▁▁▁▁▁▁▂▄▆█ 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: 320px) {
    /* CheckBox 樣式 */
    .cls_CheckBox .cls_ICON {width:34px}
}
footer {width: 100%;font-size: 13px;background-color: #254a91;color: #ededed;text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0; }
  footer .container {max-width: 100%;padding: 10px; }
  footer .copyright {line-height: 2;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; }
  footer .copyright p {margin: 0 10px; }
  footer .copyright a {color: white;margin: 0 10px;position: relative;text-decoration: none; }
  footer .copyright a:after {content: "";position: absolute;top: 25%;right: -10px;height: 60%;width: 1px;background-color: #93abd8; }
  footer .copyright a:last-child::after {display: none; }
  footer .links a {margin: 0 10px; }

  @media (max-width: 768px) {
    footer .container {padding: 1.95313vw 0; }
    footer .copyright {display: block;font-size: 14px;line-height: 1.5;height: auto; }
    footer .copyright > p {display: block;margin: 0 1.30208vw; }
    footer .copyright > p.hidden-min{display: none;}
    footer .copyright .links {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around; } }