/* 
king style 
#113263 
1px solid #e5e5e5;
*/
/*==============================================================
* UK Style
*/

#nav_sidebar,.uk-navbar-container:not(.uk-navbar-transparent),.uk-sticky-fixed{background:#fff}
.uk-pagination>.uk-active>*{color:#f0506e}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{margin:0 10px 0 calc(10px - 4px)}
.uk-table{border:1px solid #e5e5e5;font-size:.85rem}
.uk-table thead{background-color:#f1f1f1}
.uk-breadcrumb a{font-size:.875rem}
.uk-button,.uk-button-default{border-radius:3px;cursor:pointer}
.uk-checkbox,.uk-radio{margin-right:8px}
.uk-notification-message{font-size:.8rem;border-radius:3px}
.uk-dropdown{padding:10px}
.uk-notification-message{border:0}
:focus-visible{outline:0}
[class*=uk-inline]{display:block}
#overlay{display:none}
.modal .uk-modal-footer{padding:15px 0}
.uk-input, .uk-textarea, .uk-select {background-color: #f3f3f3;}
.uk-input, .uk-textarea, .uk-select {border-radius: 8px;}

/*============================================================== 
* Style 
*/
html {
    font-family: "微軟正黑體";
}

a {
    text-decoration: none!important;
    color: #0070bc;
}

a:hover,
.mfr_area a:hover {
    color:#44a3e4;
}

.wrapper {
    max-width: 1100px;
    margin: 30px auto 30px;
}

.footer,
.footer a {
    color:#fff;
}

.uk-button-primary,
.uk-nav-default>li>a:hover,
#nav_sidebar .active,
.uk-notification-message {
    background-color: #113263;
}
.uk-pagination .active a,
#nav_sidebar .uk-nav-header,
.uk-spinner>*,
a:hover {
    color:#113263;
}

.uk-button-primary:hover {
    background-color: #27446d;
}

.uk-notification-message .uk-close,
.uk-nav-default>li>a:hover,
.uk-notification-message {
    color: #fff;
}


/*==============================================================
* Custom
*/
.font_red {
    color:#f0506e;
}
.uk-logo img {
    height: 70px;
}

nav .input_search span,
.btn_facebook,
.btn_facebook:hover,
.menu .menu_area a {
    color:#fff;
}

/* validate */
form .error {
    color: #f0506e;
    font-size: .8rem;
    margin-bottom: 5px;
}

.overlay {
    width: 100%;
    height: 100vh;
    background-color: #00000042;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    position: fixed;
    top:0;
}

#upload_previews {
    display: flex;
    width: 100%;
    margin: 10px 0;
}

#upload_previews .img_box {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    margin: 0 10px 10px 0;
}

#upload_previews .img_box .delPreviewImg {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background-color: #00000042;
}

nav {
    max-width: 1100px;
    margin: auto;
}

nav .input_search input{
    width: 500px;
    border-color: #888;
    border-radius: 4px;
}


nav .input_search span {
    background-color: #103463;
    border-radius: 0 4px 4px 0;
}

nav .uk-badge {
    position: absolute;
    top: -7px;
    right: -7px;
    background-color: #f43a3a;
}

nav,
.wrapper {
    padding: 0 20px;
}

.menu .menu_area a {
    padding: 10px 20px;
    text-align: left;
}

.menu .menu_area{
    background-color: #111111;
    text-align: center;
    padding: 7px;
}

.menu .uk-dropdown-nav,
.menu .uk-dropdown-nav a,
.menu #menu_category_area a {
    color:#111111;
}

.menu #menu_category {
    border-right: 1px solid #c2b9b9;
}
.menu #menu_category ul li,
.menu #menu_subcategory {
    text-align: left;
}

#menu_mfr,
.menu #menu_category_area {
    border-radius: 10px;
    font-weight: 700;
}

.menu #menu_category_area { 
    width: 650px;
    padding-left: 20px;
}

.menu #menu_category_area img {
    margin-right: 10px;
}

.menu #menu_category_area a {
    justify-content: space-between;
    font-size: .85rem;
    padding-left: 0;
}

.menu #menu_subcategory {
    padding-top: 15px;
}

.menu #menu_subcategory li {
    margin-bottom: 10px;
    line-height: 1.2rem;
    padding-left: 10px;
}
.menu #menu_subcategory li:hover {
    border-left: 3px solid #0071bd;
    margin-left: -3px;
}
.menu #menu_category_area a:hover,
.menu #menu_category_area .active,
.menu .view_all,
.menu #menu_mfr a:hover,
.nav_inquiry_list a:hover {
    color: #0071bd !important;
}

.menu #menu_mfr a {
    float: left;
    padding: 10px;
}
.menu .input_search a {
    width: 46px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.menu .nav_inquiry_list li a {
    margin-bottom : 5px;
}
.nav_inquiry {
    border-radius: 5px;
    overflow: hidden;
}
.nav_inquiry .uk-dropdown-nav .uk-nav-header {
    background-color: #d4d4d4;
    margin: -10px;
    padding: 10px;
    margin-bottom: 10px;
}

.nav_inquiry .btn_goto_inquiry {
    background-color: #f43a3b;
    color: #fff;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
}
.nav_inquiry .btn_goto_inquiry:hover {
    background-color: #f15858;
}

.menu .nav_inquiry .uk-button {
    width: 100%;
}

#mNav .uk-offcanvas-bar {
    background: #0e2e59;
}

.page_title {
    margin-top: 10px;
    font-size: 1.6rem;
}

.group {
    border: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.group .group_title {
    width: 100%;
    margin: 10px;
}
.group label {
    width: 100%;
    margin-left: 50px;
}

.btn_facebook {
    background-color: #45619d;
    padding: 5px;
    border-radius: 3px;
    margin-right: 10px;
}

.page_title {font-size:1.6rem;display:flex;justify-content:space-between;padding:6px 20px;background-color:#103463;color:#fff;border-radius:8px;display:flex;align-items:center}

.uk-breadcrumb {border-bottom: 1.2px solid #113363;padding-bottom: 10px;font-weight: 700;}
.uk-breadcrumb .breadcrumb_active {color: #0070bc;}

.contact_info .uk-icon {margin-right: 10px;}
.contact_info td {padding-bottom: 5px;}
#post button[type=submit] .uk-icon {height: 32px;width: 32px;}

.footer {margin: 30px auto 0;padding: 30px 30px 50px;background-color: #111111;}
.footer .content {max-width: 800px;margin: auto;}
.footer .contact p, .footer .uk-list span{color:#34d2ff;}
.footer_logo {width: 300px;}
.footer .uk-list span {margin-right: 5px;}
.footer .uk-list {font-size: .85rem;}
.footer .paypal {width: 120px;}
.footer .copyright {font-size: .85rem;}

.copy_link .uk-icon {margin-right: 5px;}

.inquiry_alert {text-align: center;}
.inquiry_alert .uk-icon {border: 2px solid;border-radius: 100%;padding: 10px;color: #f03e3e;margin-bottom: 20px;}

.no_results_area {
    color: #ed284c;
    font-weight: 500;
    width: 100%;
    min-height: 200px;
    align-items: center;
    display: flex;
    justify-content: center;
}

/*==============================================================
* RWD
*/

@media (min-width: 1200px) {

    #nav_sidebar {
        height: calc(100vh - 80px);
        border-right: 1px solid #e5e5e5;
        position: fixed;
        width: 230px;
        padding-top: 10px;
    }
    #nav_sidebar .uk-nav>li>a {
        padding: 5px 40px;
        color: #666;
    }

    #nav_sidebar .active,
    #nav_sidebar .uk-nav-default>li>a:hover  {
        color: #fff!important;
    }
    #nav_sidebar .uk-nav-header {
        padding: 5px 40px;
        font-size: .7rem;
    }
}

@media (max-width: 670px) {
    nav {
        padding: 0 10px 0 5px;
    }
    nav .input_search input {
        margin-inline-start: -25px;
        width: 200px;
    }
    .menu #menu_subcategory {
        padding: 5px;
    }
    .menu #menu_category_area {
        padding-left: 15px;
    }
    .uk-logo img {
        height: 50px;
    }
}