body {
    background: #F4FCFE;
    width: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    color: #063349;
    font-family: 'Avenir Next', 'Noto Sans Tc', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    scroll-behavior: smooth;
}

a,
a.font-weight-bold {
    color: #063349;
}

    a:hover {
        color: #6FB1C6;
        text-decoration: none;
    }

#login .btn,
#register .btn,
#activate .btn,
#forgot-password .btn,
#reset-password .btn {
    background: #063349;
    color: white;
}

.navbar {
    background: #063349;
}

    .navbar.scrolled {
        background: #063349 !important;
    }

.navbar-nav .dropdown-menu {
    background: #063349;
}

.info-container .dropdown-toggle {
    color: #063349;
}

    .info-container .dropdown-toggle[aria-expanded='true'] {
        background: #D6EFF7;
    }

.info-container .dropdown-item:active {
    background: #D6EFF7;
}

#submit-confirm.fancybox-content {
    background: linear-gradient(to top right, #F4FCFE, white);
}

hr {
    background-image: linear-gradient(90deg, #C3E0E9, #F4FCFE);
    border: 0;
    height: 1px;
}

.index h2 {
    color: #8d7b4d;
    font-size: 18px;
}

.gold-hr {
    border: 1px solid #8d7b4d;
}

.circle-container span {
    background-color: #F4FCFE;
    border: 2px solid #D6EFF7;
}

.btn[aria-expanded]:not(:first-child) {
    border-top: 1px solid #C3E0E9;
}

.progress {
    background: #C3E0E9;
}

.progress-bar {
    background: linear-gradient(90deg, #6FB1C6, #6FB1C6 60%, #C3E0E9);
}

.info-container .dropdown-menu {
    background: #F4FCFE;
    color: #063349;
}

.tooltip-inner {
    background-color: #063349;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #063349 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #063349 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #063349 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #063349 !important;
}

#clipboardMsg span {
    background: #063349;
}

.nav.nav-pills .nav-link {
    color: #063349 !important;
}

    .nav.nav-pills .nav-link:hover:not(.active) {
        background: #D6EFF7
    }

.nav-link:hover,
.navbar-nav .dropdown-item:hover {
    color: #C3E0E9 !important;
}

.form-control {
    border-color: #D6EFF7;
    background: #FFF;
}

.card-subtitle {
    color: #063349 !important;
}

#personal-detail .btn {
    background: #063349;
}

.progress-bullet div {
    color: #063349;
}

    .progress-bullet div.active {
        color: #063349;
    }

    .progress-bullet div:before {
        border: 2px solid #C3E0E9;
    }

    .progress-bullet div.active:before {
        border-color: #6FB1C6;
        background: #6FB1C6;
    }

.coupon {
    background: #C3E0E9;
}

    .coupon:before {
        border-top: 200px solid #C3E0E9;
        border-right: 150px solid #D6EFF7;
    }


    .coupon:after {
        border-bottom: 200px solid #D6EFF7;
        border-right: 60px solid #D6EFF7;
    }