@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/* CSS Document */
:root {
    --font_size: 15px;
    --font_color: #ccc;
    --main_color: #a38568;
    --second_color: #3b3736;
    --bg_color: #151515;
    --video_w: 100vw;
}

body {
    font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", "文泉驛正黑", "WenQuanYi Zen Hei", sans-serif;
    font-size: var(--font_size);
    color: var(--font_color);
    line-height: calc(var(--font_size) * 2);
    letter-spacing: 1px;
    background-color: var(--bg_color);
}

    body.technician,
    body.technician,
    body.warranty {
        color: #333;
        line-height: normal;
        background: url(../images/moorgen/bg_son.jpg) no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: #fff;
    }


p {
    margin-bottom: calc(var(--font_size) * 2);
    line-height: calc(var(--font_size) * 2);
}

.wrapfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a {
    color: #000;
}

    a:hover {
        color: var(--main_color);
    }

.pullT {
    margin-top: 10px;
}

/* .main_content select,
input[type="text"],
input[type="password"],
input[type="date"],
textarea{
    background-color: #f1e5cf;
} */

a.ani-pop:hover,
body.technician.index .btn-member li a:hover .icon,
body.technician.index .btn-member li a:hover .icon,
table.table td a:hover .icon {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: center center;
}

.d-flex {
    display: flex;
    align-items: center;
}

    .d-flex.noWrap {
        flex-wrap: nowrap !important;
    }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-1x2 {
    --bs-aspect-ratio: 200%;
}

.ratio-3x4 {
    --bs-aspect-ratio: 133.33%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.object-position-center {
    object-position: center;
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: none !important;
}

/*.form-control{
    box-shadow:none;
    border-radius:0;
}*/
.btn-primary {
    background: var(--second_color);
    color: #fff;
    text-align: center;
    border: none;
    transition: 0.3s all ease;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background: #dcb66a;
    }

.btn-default {
    border: 1px solid #DFDFDF;
    color: #888;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active {
        background-color: #dcb66a;
        color: #fff;
    }

/** loading **/
.loadingbar {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .loadingbar div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #847862;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #847862 transparent transparent transparent;
    }

        .loadingbar div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .loadingbar div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .loadingbar div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* 防止float溢出 */
.content .txt:after,
.content .list-box .txt-list li:after,
body.news .content > .h3:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#floating,
#floating.fixed {
    position: fixed;
    right: 130px;
    top: 30px;
    margin: 0;
    padding: 0;
    z-index: 11;
}

body.is_scroll #floating {
    right: 110px;
    top: 10px;
}

body.warranty_home #floating,
body.technician #floating,
body.technician #floating,
body.warranty #floating {
    display: none;
}

#floating .btn-floating {
    background-color: #847862;
    display: block;
    width: 28px;
    height: 58px;
    position: absolute;
    left: -30px;
    margin: 1px;
    padding: 10px 3px;
    display: none;
}

    #floating .btn-floating .icon-arrow {
        background: url(../images/all/arrow.png) no-repeat;
        display: block;
        width: 32px;
        height: 40px;
    }


#floating.open .btn-floating .icon-arrow {
    background-position: 0 -40px;
}

#floating ul {
    margin: 0;
}

    #floating ul li {
        padding: 0;
        display: inline-block;
    }

        #floating ul li + li {
        }

        #floating ul li a {
            position: relative;
            width: 60px;
            height: 60px;
            font-size: 12px;
            color: #fff;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #floating ul li a::before {
                content: "";
                background-color: var(--second_color);
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                transform: scale(0);
                border-radius: 50%;
                z-index: -1;
                transition: 0.3s;
            }

            #floating ul li a:hover {
                color: #fff;
            }

                #floating ul li a:hover::before {
                    transform: scale(1.05);
                }

            #floating ul li a .icon {
                font-size: 30px;
                display: block;
                margin: 0 auto 2px;
            }

            #floating ul li a:hover .icon {
                color: #fff;
            }

            #floating ul li a .txt {
                display: none;
            }

        #floating ul li.cart a .icon {
            transform: translateX(-3px);
        }

        #floating ul li a .num {
            min-width: 18px;
            height: 18px;
            background-color: #dbb468;
            font-size: 12px;
            color: #000;
            display: block;
            border-radius: 50%;
            line-height: 18px;
            position: absolute;
            left: 50%;
            top: 5px;
            letter-spacing: 0;
            transform: translateX(-50%);
        }

        #floating ul li a .txt-en {
            display: none;
        }

.jcarousel-wrapper {
    position: relative;
}

body:not(.album) .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

    .jcarousel li a {
        display: block;
    }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: auto;
}

.pic a {
    display: block;
}

/********************* Header *********************/
.header {
    z-index: 21;
}

body.is_scroll .header::after {
    /*content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    background-color: var(--bg_color);*/
}

.header .navbar {
    z-index: 20;
    min-height: 0;
}

.header::before {
    content: "";
    background-color: var(--bg_color);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 80px;
    border-bottom: 1px solid #484848;
    z-index: 11;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

body.warranty_home .header::before,
body.technician .header::before,
body.technician .header::before,
body.warranty .header::before {
    display: none;
}

body:not(.home)  .header .navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: rgba(255, 255, 255, 0.5); */
    border-bottom: 1px solid #000;
    border-radius: 0;
}

body.home .header .navbar-header {
    /*display: none;*/
}

.header .navbar-header {
    float: none;
}

.header .navbar .navbar-brand {
    text-indent: -9999px;
    background: url(../images/moorgen/logo.svg) center center no-repeat !important;
    background-size: 100% auto !important;
    display: block;
    width: 220px !important;
    height: 90px !important;
    padding: 0;
    margin: 0;
    float: none;
    position: fixed;
    left: 40px;
    top: 20px;
    transition: 0.3s;
}

    .header .navbar .navbar-brand.logo_2, .header .navbar .navbar-brand.logo_3 {
        display: none;
    }


body.warranty_home .navbar .navbar-brand.logo_2,
body.technician .navbar .navbar-brand.logo_2,
body.technician .navbar .navbar-brand.logo_2,
body.warranty .navbar .navbar-brand.logo_2 {
    display: block;
}


body.home .header .navbar .navbar-brand {
    /*margin: 30px auto;*/
}

.header .navbar .navbar-brand {
    position: static;
    background: url(../images/moorgen/logo.svg) center center no-repeat !important;
    width: 180px !important;
    height: 37px !important;
    margin: 0 0 30px 0;
    background-size: contain !important;
}
body:not(.home) .header .navbar .navbar-brand {
    margin: 50px auto 30px;
}
.header .navbar .navbar-toggle {
    position: relative;
    display: block;
    position: fixed;
    right: 30px;
    top: 20px;
    padding: 0;
    margin: 0;
    background-color: #000;
    float: none;
    border: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
    transition: 0.3s;
}

body.is_scroll .header .navbar .navbar-toggle {
    width: 60px;
    height: 60px;
    top: 10px;
}

    body.is_scroll .header .navbar .navbar-toggle .icon-bar {
        margin: 4px 12px 0;
    }

body.warranty_home .header .navbar .navbar-toggle,
body.technician .header .navbar .navbar-toggle,
body.technician .header .navbar .navbar-toggle,
body.warranty .header .navbar .navbar-toggle {
    display: none;
}

.header .navbar .navbar-toggle:hover {
    color: #000;
}

.header .navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    margin: 4px 22px 0;
    height: 3px;
    border-radius: 0;
    transition: 0.3s;
}

.header .navbar .navbar-toggle:hover .icon-bar {
    background-color: #000;
}

.header .navbar .navbar-toggle:hover .icon-bar {
    /*width: 36px;*/
}

.header .navbar .menu-button .icon-bar:nth-child(1) {
    transform: rotate(40deg) translate(7px, 3px);
    width: 30px;
}

.header .navbar .menu-button.collapsed .icon-bar:nth-child(1) {
    transform: rotate(0deg);
    width: 28px;
}

.header .navbar .menu-button .icon-bar:nth-child(2) {
    opacity: 0;
}

.header .navbar .menu-button.collapsed .icon-bar:nth-child(2) {
    opacity: 1;
    width: 36px;
}

.header .navbar .menu-button .icon-bar:nth-child(3) {
    transform: rotate(-40deg) translate(7px, -3px);
    width: 30px;
}

.header .navbar .menu-button.collapsed .icon-bar:nth-child(3) {
    transform: rotate(0deg);
    width: 20px;
}

.header .navbar .navbar-toggle .txt {
    display: block;
    margin: -4px 0;
}

.header .navbar .navbar-toggle::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: 0.3s;
}

.header .navbar .navbar-toggle:hover::before {
    transform: scale(1.05);
}

.header .navbar .navbar-brand:hover {
    opacity: 0.7;
}

.header .navbar .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto !important;
    background: var(--main_color);
    overflow: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    padding: 0;
    opacity: 0;
    z-index: 1;
    transform: scale(0.5);
    transition: 0.3s;
}

    .header .navbar .navbar-collapse.collapsing,
    .header .navbar .navbar-collapse.in {
        visibility: visible;
        transform: scale(1);
        opacity: 1;
    }

.header .navbar .navbar-nav {
    float: none;
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    height: 100%;
    margin: 0;
}

    .header .navbar .navbar-nav::before,
    .header .navbar .navbar-nav::after {
        display: none;
    }

    .header .navbar .navbar-nav li {
        width: 33.3333%;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .header .navbar .navbar-nav li:nth-child(1),
        .header .navbar .navbar-nav li:nth-child(4),
        .header .navbar .navbar-nav li:nth-child(7) {
            border-left: 0;
        }

        .header .navbar .navbar-nav li:nth-child(7),
        .header .navbar .navbar-nav li:nth-child(8),
        .header .navbar .navbar-nav li:nth-child(9) {
            border-bottom: 0;
        }

        .header .navbar .navbar-nav li a {
            position: relative;
            color: #000;
            padding: 0px;
            height: 100%;
            font-weight: bold;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            z-index: 1;
            transition: 0.3s;
        }

            .header .navbar .navbar-nav li a:hover,
            .header .navbar .navbar-nav li.b > a {
                color: var(--font_color);
                background-color: transparent;
            }

                .header .navbar .navbar-nav li a:hover .title-sub,
                .header .navbar .navbar-nav li.b a .title-sub {
                    border-color: rgba(255, 255, 255, 0.5);
                }

        .header .navbar .navbar-nav li + li a {
            /*border-left: 1px solid #eee;*/
        }

        .header .navbar .navbar-nav li a .title-sub {
            font-size: 12px;
            font-weight: normal;
            padding: 1px 10px;
            margin-top: 20px;
            border: 1px solid #000;
        }

        .header .navbar .navbar-nav li a:focus {
            background-color: transparent;
        }

        .header .navbar .navbar-nav li a:hover .txt-en,
        body.about .header .navbar .navbar-nav li.b1 a .txt-en,
        body.product .header .navbar .navbar-nav li.b2 a .txt-en,
        body.news .header .navbar .navbar-nav li.b3 a .txt-en,
        body.contact .header .navbar .navbar-nav li.b4 a .txt-ens {
            color: #999;
        }

        .header .navbar .navbar-nav li.b a {
            background-color: #000;
        }

body.num_43 .header .navbar .navbar-nav li.b + li.b a {
    background-color: transparent;
    color: #000;
}

    body.num_43 .header .navbar .navbar-nav li.b + li.b a:hover {
        background-color: #000;
        color: #fff;
    }

    body.num_43 .header .navbar .navbar-nav li.b + li.b a .title-sub {
        border-color: #000;
    }

    body.num_43 .header .navbar .navbar-nav li.b + li.b a:hover .title-sub {
        border-color: rgba(255, 255, 255, 0.5);
    }

.header .navbar .navbar-nav li a::before {
    content: "";
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(0.95);
    z-index: -1;
    transition: 0.5s;
}

.header .navbar .navbar-nav li a:hover::before,
.header .navbar .navbar-nav li.b a {
    transform: scale(1);
    opacity: 1;
}

.header .navbar .sub-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .header .navbar .sub-nav li {
        padding: 0;
        margin-bottom: 10px;
        display: block;
        background-color: #000;
        background-position: right center;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        transition: 0.5s;
    }

        .header .navbar .sub-nav li a {
            display: block;
            font-size: 14px;
            white-space: nowrap;
            color: #fff;
            padding: 0 15px;
            opacity: 0;
            transition: 1s;
        }

        .header .navbar .sub-nav li.icon_f {
            background-image: url(../images/all/icon_f.png);
        }

        .header .navbar .sub-nav li.icon_i {
            background-image: url(../images/all/icon_i.png);
        }

        .header .navbar .sub-nav li.icon_t {
            background-image: url(../images/all/icon_t.png);
        }

        .header .navbar .sub-nav li.icon_y {
            background-image: url(../images/all/icon_y.png);
        }

        .header .navbar .sub-nav li.icon_p {
            background-image: url(../images/all/icon_p.png);
        }

        .header .navbar .sub-nav li.icon_l {
            background-image: url(../images/all/ic03.svg);
        }

        .header .navbar .sub-nav li.icon_door {
            background-image: url(../images/all/ic04.svg);
            background-size: contain;
        }

        .header .navbar .sub-nav li.icon_war {
            background-image: url(../images/all/ic01.svg);
        }

        .header .navbar .sub-nav li.icon_tel {
            background-image: url(../images/all/ic02.svg);
        }

        .header .navbar .sub-nav li:hover {
            background-color: var(--second_color);
            width: 120px;
            border-radius: 30px;
        }

            .header .navbar .sub-nav li:hover a {
                opacity: 1;
            }

        .header .navbar .sub-nav li.b1 {
            display: none;
        }

        .header .navbar .sub-nav li.b2 a {
            background-position: 0 0;
        }


.header .navbar .btn-default {
    background: #847862;
    color: #fff;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 7px;
}

.header .navbar .lang {
    margin-right: 10px;
    /*position: absolute;
    right: 54px;
    top: 20px;*/
}

    .header .navbar .lang .dropdown-menu {
        background: #847862;
        color: #fff;
        border: none;
        min-width: 110px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .header .navbar .lang .dropdown-menu a {
            color: #fff;
        }

            .header .navbar .lang .dropdown-menu a:hover {
                background: none;
                color: #FCE617;
            }

.header .nav_btn_group {
    position: fixed;
    right: 50px;
    top: 135px;
    transition: 0.3s;
}

body.is_scroll .header .nav_btn_group {
    right: 40px;
    top: 95px;
}

body.warranty_home .header .nav_btn_group,
body.technician .header .nav_btn_group,
body.technician .header .nav_btn_group,
body.warranty .header .nav_btn_group {
    display: none;
}

.header .navbar .lang,
.header .navbar .sub-nav {
    margin: 0;
}

.notice p {
    margin-bottom: 70px;
    margin-top: 10px;
    font-size: 30px;
    color: #413d3c;
    font-weight: bold;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff;
    text-align: center;
}

/*----------------------- Banner -----------------------*/
body.warranty_home .banner,
body.technician .banner,
body.technician .banner,
body.warranty .banner {
    display: none;
}

.banner .bannerImgBox {
    visibility: hidden;
}

    .banner .bannerImgBox.slick-initialized,
    .banner .bannerImgBox.oneMode {
        visibility: visible;
    }

html.no-js .banner .bxslider,
html.no-js .banner .bxslider img {
    display: none;
}

html.js .banner .bxslider {
    display: block;
}


.banner {
    position: relative;
    /*z-index: auto;*/
}

    .banner .loadingbar {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .banner .slick-dots {
        display: none !important;
    }

body.VIDEOLOADED .banner .loadingbar {
    display: none;
}

.banner .container {
    padding: 0;
}

.banner .container-fluid {
    padding: 0;
}

.banner .video_banner {
    width: 100%;
}

.banner .bxslider .bannerImgBox:not(.banner_mob_bg) .item {
    width: 100%;
    background: none !important;
}

.banner .bxslider .bannerImgBox.banner_mob_bg .item {
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
}

body.home .banner .bxslider .bannerImgBox.banner_mob_bg .item {
    /*height: 500px;*/
}

.banner .video_sec {
    width: 100%;
}

.banner .bxslider .item img {
    width: 100%;
    display: none;
}

body.home .banner .bxslider .item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner .bxslider .bannerImgBox:not(.banner_mob_bg) .item img.img_small {
    display: none;
}

.banner .bxslider .bannerImgBox:not(.banner_mob_bg) .item img.img_big {
    display: block;
}

.banner .slick-prev,
.banner .slick-next {
    z-index: 1;
}

.banner .slick-prev {
    left: 10px;
}

.banner .slick-next {
    right: 10px;
}

    .banner .slick-prev:before,
    .banner .slick-next:before {
        color: #fff;
    }


.banner .bx-wrapper {
    margin-bottom: 0;
}

    .banner .bx-wrapper .bx-viewport {
        left: 0;
        background: none;
        border: none;
        box-shadow: none;
    }

    .banner .bx-wrapper .bx-pager.bx-default-pager {
        bottom: 2px;
        text-align: right;
        padding: 0 15px;
    }

        .banner .bx-wrapper .bx-pager.bx-default-pager a {
            text-align: left;
            background: #404040;
        }

            .banner .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #1EB5BE;
            }

    .banner .bx-wrapper .bx-controls-direction {
        display: none;
    }

body.full .banner .container {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

body.full .banner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}

body.full .banner .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}

body.home .banner .editor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body.home .header .banner {
    display: none;
    visibility: hidden;
}

.home_banner .container-fluid,
.home_banner .bxslider,
.home_banner .video_sec,
.home_banner .slick-slider,
.home_banner .slick-list,
.home_banner .slick-track {
    height: 100%;
}

.home_banner .mbYTP_wrapper {
    /*top: 0;
        bottom: 0;
        left: 0;
        right: 0;*/
}

.home_banner .video_sec .playerBox {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.header_ex {
}

body.home .home_product,
body.home .home_service,
body.home .home_contact {
    /*display: flex;
    justify-content: center;
    align-items: center;
    position: relative;*/
}

    body.home .home_product::before,
    body.home .home_service::before,
    body.home .home_contact::before {
        content: "";
        background-color: #1e1d1d;
        position: absolute;
        width: 640px;
        height: 640px;
        border-radius: 50%;
        left: -170px;
        top: 50%;
        transform: translateY(-50%);
    }


.home_product .wid-page_unit {
    width: 100%;
    margin: 0;
}

body.home .home_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    body.home .home_flex .wid_title {
        width: 25vw;
        margin-left: 12vw;
        margin-right: 5vw;
        max-width: 450px;
    }

        body.home .home_flex .wid_title .h2 {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            margin: 0 0 50px;
        }

        body.home .home_flex .wid_title .desc {
            font-size: 20px;
            line-height: 2;
        }

    body.home .home_flex .wid_content {
        width: 58vw;
    }

body.home .home_product_brand > .slick-list {
    margin-right: -25%;
    padding-left: 30px;
}

body.home .home_product_brand .slick-prev,
body.home .home_product_brand .slick-next {
    top: -70px;
    left: 30px;
    transform: none;
    width: 46px;
    height: 46px;
    transition: 0.3s;
}

body.home .home_product_brand .slick-next {
    right: auto;
    left: 90px;
}

    body.home .home_product_brand .slick-prev::before,
    body.home .home_product_brand .slick-next::before {
        content: "";
        background-color: #000;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 50%;
        transition: 0.3s;
    }

body.home .home_product_brand .slick-prev::before {
    background-image: url(../images/all/arrow_back_ios_black_24dp.svg);
}

body.home .home_product_brand .slick-next::before {
    background-image: url(../images/all/arrow_forward_ios_black_24dp.svg);
}

body.home .home_product_brand .slick-prev:hover::before,
body.home .home_product_brand .slick-next:hover::before {
    background-color: var(--second_color);
}

body.home .home_product_brand > .slick-list .slick-track {
    display: flex;
}

body.home .home_product_brand > .slick-list .slick-slide {
    position: relative;
    padding: 20px 40px 30px 30px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    body.home .home_product_brand > .slick-list .slick-slide::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 60%;
        background-color: #000;
        border-radius: 5px;
        z-index: -1;
    }

body.home .home_product_brand .brand {
    display: flex;
    align-items: center;
    height: 170px;
}

    body.home .home_product_brand .brand img {
        max-width: 80%;
        max-height: 100%;
        opacity: 0.85;
        transition: 0.3s;
    }

body.home .home_product_brand .title {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    transform: rotateZ(90deg);
    transform-origin: left top;
    font-size: 24px;
    color: #cdcdcd;
    transition: 0.3s;
}

body.home .home_product_brand .text {
    letter-spacing: normal;
    font-size: 15px;
    line-height: 1.8;
    margin: 10px 0 20px;
    flex: 1;
    color: #cdcdcd;
    transition: 0.3s;
}


body.home .home_product_brand a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    font-size: 16px;
    z-index: 1;
    color: #cdcdcd;
    transition: 0.3s;
}

    body.home .home_product_brand a:hover {
        border-color: transparent;
        color: #fff;
    }

    body.home .home_product_brand a::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: var(--second_color);
        transform: scale(0);
        border-radius: 50%;
        z-index: -1;
        transition: 0.3s;
    }

    body.home .home_product_brand a:hover::before {
        transform: scale(1.05);
    }

body.home .home_product_brand > .slick-list .slick-slide:hover .title,
body.home .home_product_brand > .slick-list .slick-slide:hover .text {
    color: #fff;
}

body.home .home_product_brand > .slick-list .slick-slide:hover .brand img {
    opacity: 1;
}

body.home .home_service .wid {
    margin-bottom: 0px;
}

body.home .home_service_info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 100%;
    position: relative;
}

    body.home .home_service_info::before {
        content: "";
        width: 180px;
        height: 70px;
        background: url(../images/all/logo.svg) center center no-repeat;
        background-size: contain;
        position: absolute;
    }

    body.home .home_service_info > div {
        position: absolute;
        width: 290px;
        height: 290px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        body.home .home_service_info > div.item01 {
            transform: translate(-125px, -215px);
        }

        body.home .home_service_info > div.item02 {
            transform: translate(125px, -215px);
        }

        body.home .home_service_info > div.item03 {
            transform: translate(-250px, 0px);
        }

        body.home .home_service_info > div.item04 {
            transform: translate(250px, 0px);
        }

        body.home .home_service_info > div.item05 {
            transform: translate(-125px, 215px);
        }

        body.home .home_service_info > div.item06 {
            transform: translate(125px, 215px);
        }

        body.home .home_service_info > div::before {
            content: "";
            background-image: url(../images/all/icon_bg.png);
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: -1;
        }

        body.home .home_service_info > div.item01::before {
            transform: rotate(-120deg);
        }

        body.home .home_service_info > div.item02::before {
            transform: rotate(-60deg);
        }

        body.home .home_service_info > div.item03::before {
            transform: rotate(180deg);
        }

        body.home .home_service_info > div.item04::before {
            transform: rotate(0deg);
        }

        body.home .home_service_info > div.item05::before {
            transform: rotate(120deg);
        }

        body.home .home_service_info > div.item06::before {
            transform: rotate(60deg);
        }

        body.home .home_service_info > div .icon {
            width: 108px;
            height: 108px;
            margin: -30px 0 5px;
        }

        body.home .home_service_info > div .text {
            font-size: 32px;
            font-weight: 700;
            letter-spacing: 0;
        }

body.home .home_contact .wid {
    margin-bottom: 0px;
}

body.home .home_contact_info {
    display: flex;
    justify-content: center;
    align-items: center;
}

    body.home .home_contact_info a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: var(--main_color);
        width: 30%;
        height: 55vh;
        border-radius: 6px;
        margin-right: 10%;
        color: #000;
        transition: 0.3s;
    }

        body.home .home_contact_info a .icon {
            width: 70%;
            opacity: 0.8;
            margin-bottom: 20%;
            transition: 0.3s;
        }

            body.home .home_contact_info a .icon img {
                width: 100%;
            }

        body.home .home_contact_info a .ti {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 5px;
            padding-left: 5px;
            margin-bottom: 5px;
        }

        body.home .home_contact_info a .text {
            font-size: 18px;
            letter-spacing: 0;
        }

        body.home .home_contact_info a:hover {
            transform: scale(1.05);
        }


/********************* Footer *********************/
.footer {
}



.footer .container {
    /*width: auto;*/
    position:static;  
}

body.home .footer .container {
}




.footer .sitemap {
    background-color: #1e1d1d;
    text-align: center;
}

body.home .footer .sitemap,
body.warranty_home .footer .sitemap,
body.technician .footer .sitemap,
body.technician .footer .sitemap,
body.warranty .footer .sitemap {
    display: none;
}

.footer_top ul li {
    padding: 0;
}

    .footer_top ul li:nth-child(2n) {
        display: none;
    }

    .footer_top ul li,
    .footer_top ul li a {
        color: #888;
        padding: 10px;
    }

        .footer_top ul li a:hover {
            color: #fff;
        }

        .footer_top ul li a .txt-en {
            display: none;
        }

.footer_content {
}

    .footer_content .siteinfo .wid-page_unit {
        margin: 0;
    }

        .footer_content .siteinfo .wid-page_unit .footer_info {
            font-size: 13px;
            line-height: 1;
            opacity: 0.3;
            margin-top: 20px;
            text-align: center;
        }

            .footer_content .siteinfo .wid-page_unit .footer_info span {
                display: inline-block;
                margin: 0 5px;
            }

body.warranty_home .footer .copyright b {
}

.footer .copyright b {
    font-weight: normal;
}

.footer .d-f {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

body.home .footer .d-f {
    justify-content: flex-start;
}

body.warranty_home .footer .d-f,
body.technician .footer .d-f,
body.technician .footer .d-f,
body.warranty .footer .d-f {
    justify-content: space-between;
    opacity: 1;
}

body.warranty_home .footer .copyright {
    color: #fff;
    font-size: 15px;
}

body.technician .footer .copyright,
body.technician .footer .copyright,
body.warranty .footer .copyright {
    color: #000;
    font-size: 15px;
}
.footer {
    text-shadow: 0 0 5px #fff;
    color:#000;
    position:static;  
}
body:not(.home) .footer{
    padding:30px 0;
    text-align:center;
}
    body:not(.home) .footer .social-list li{
        margin:0 10px;
    }
    .footer a {
        color: #000;
    }
    .footer .copyright {
        margin-right: 10px;
        /*    margin-bottom: 15px;*/
    }

body.home .footer_content .siteinfo .wid-page_unit .footer_info {
    margin-top: 0;
    margin-right: 15px;
    line-height: inherit;
}

.footer .siteinfo ul {
    margin: 0 0 10px 0;
    font-size: 20px;
}


    .footer .siteinfo ul > li a {
        color: #000;

    }
   .footer .siteinfo ul > li{
       padding:0;
   }

body.technician .footer .siteinfo ul > li a,
body.technician .footer .siteinfo ul > li a,
body.warranty .footer .siteinfo ul > li a {
    color: #000;
}

.footer .siteinfo ul > li a {
    color: #000;
    /*text-transform: uppercase;*/
}
 .footer .siteinfo ul > li label {
    color: #000;
}

body.technician .footer .siteinfo ul > li label,
body.technician .footer .siteinfo ul > li label,
body.warranty .footer .siteinfo ul > li label {
    color: #000;
}

.footer .siteinfo ul > li label {
    margin: 0;
    font-weight: 500;
}


.footer .siteinfo .sitemap-link {
    display: inline-block;
    background: url(../images/all/icon_map.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    vertical-align: text-bottom;
    margin-right: 20px;
}

    .footer .siteinfo .sitemap-link:hover {
        position: relative;
        top: 2px;
    }

body.warranty_home .footer .powered,
body.warranty_home .footer .powered a {
}

.footer .powered {
    font-size: 13px;
}

body.warranty_home .footer .powered {
    font-size: 15px;
    color: #fff;
}

body.technician .footer .powered,
body.technician .footer .powered,
body.warranty .footer .powered {
    font-size: 15px;
    color: #000;
}

    body.technician .footer .powered a,
    body.technician .footer .powered a,
    body.warranty .footer .powered a {
        color: #000;
    }

/********************* cookie *********************/
body.cookie_agree .footer_content {
    padding-bottom: 80px;
}

.cookie {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgb(54, 185, 192);
    z-index: 100;
    border-top: 1px solid rgb(215, 215, 215);
    color: #fff;
    text-align: left;
}

    .cookie .txt {
    }

        .cookie .txt a {
            text-decoration: underline;
            color: #3c3c3c;
            font-size: 14px;
        }

    .cookie .agree-btn {
        padding: 5px 15px;
        display: inline-block;
        background: #fff;
        color: #333;
        margin-top: 3px;
        transition: all .3s ease;
    }

        .cookie .agree-btn:hover {
            background: #ccc;
        }

/********************* Main *********************/
.main {
    z-index: 20;
}

.side .h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    /*text-align: center;*/
    /*line-height: 28px;*/
    /*display:none;*/
    margin: 20px 0;
    letter-spacing: 1px;
}

body.technician .side .wid-warranty,
body.technician .side .wid-warranty {
    background-color: #fff;
    border: 8px solid #dcb66a;
    padding: 10px;
}

    body.technician .side .wid-warranty .h3,
    body.technician .side .wid-warranty .h3 {
        color: #333;
        font-size: 24px;
        text-align: center;
    }

    body.technician .side .wid-warranty ul a,
    body.technician .side .wid-warranty ul a {
        color: #333;
        border-bottom: none;
        padding: 10px;
        display: block;
    }

        body.technician .side .wid-warranty ul a:hover,
        body.technician .side .wid-warranty ul a:hover {
            color: #dcb66a;
        }

        body.technician .side .wid-warranty ul a::before,
        body.technician .side .wid-warranty ul a::before {
            display: none;
        }


.side .h3 .txt-en,
.side .h3 .txt-tw {
    display: block;
}

.side .h3 .txt-en {
    display: none;
}

.side .h3 .txt-tw {
    /*border: 1px solid #ACE7EB;*/
}

.side .nav > li + li {
    /*border-top: 1px solid #ABCFDB;*/
}

.side1 .wid .nav > li > a::before {
    content: "";
    background: transparent;
    width: 9px;
    height: 9px;
    border: 2px solid #939393;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 14px;
    transition: 0.3s;
}

.side1 .wid .nav > li > a:hover::before {
    background-color: #fff;
    border-color: #fff;
}

.side .nav > li a {
    display: block;
    line-height: 20px;
    padding: 8px 10px 8px 22px;
    color: #8e8e8e;
    /*background: url(../images/all/list_icon.png) no-repeat -20px 8px;*/
    background-color: transparent;
    transition: 0.3s all ease;
}

    .side .nav > li a:hover,
    .side .nav > li a:focus,
    .side .nav > li.active a {
        color: #fff;
        /*background-position: 0 8px;
        color: #02b7c1;*/
    }
    .side .nav > li >a{
        color:#fff;
        font-weight: bold;
    }
    .side .nav>li>a:hover{
        color:#dbb468;
    }
    
.side .nav > li > ul {
    padding-left: 20px;
    margin-bottom: 0;
    list-style-type: none;
}

    .side .nav > li > ul > li {
    }

        .side .nav > li > ul > li > a,
        .side .nav > li > ul > li > a:hover {
            /*background: url(../images/all/list_icon2.png) no-repeat 0 6px;
            padding: 6px 10px 6px 20px;*/
        }

        .side .nav > li > ul > li > ul {
            border-left: 1px solid #8e8e8e;
            margin-left: 8.5px;
            list-style-type: none;
        }
        .side .nav > li > ul > li > ul li a:before{
            display: none;
        }
        .side .nav > li > ul > li > ul li a{
            padding-left: 16.5px; 
        }
            .side .nav > li > ul > li > ul > li {
            }

                .side .nav > li > ul > li > ul > li > a,
                .side .nav > li > ul > li > ul > li > a:hover {
                    /*background: url(../images/all/list_icon3.png) no-repeat 0 6px;
                    padding: 6px 10px 6px 20px;*/
                }






/*----------------------- Content -----------------------*/
body:not(.home) .main_top {
    text-align: center;
    padding: 0;
}

.main_top .h2,
body.about .main_top .h1,
body.order .main_top .h2.t04 {
    color: #000000;
    font-size: 30px;
    margin: 30px auto;
    font-family: 'Open Sans', "微軟正黑體", sans-serif;
    font-weight: bold;
    padding: 0 15px;
}



.main_content {
    /*min-height: 450px;*/
    padding-top: 30px;
    padding-bottom: 30px;
}

body.home .main_content {
    min-height: 0;
    padding: 0;
}

    body.home .main_content .container {
        width: 100%;
        padding: 0;
    }

body.warranty_home .main_content,
body.technician .main_content,
body.technician .main_content,
body.warranty .main_content {
    min-height: 450px;
    padding: 0;
}

body.home .banner .bxslider .item a {
    display: block;
    height: 100vh;
}

.breadcrumb {
    background: none;
    padding: 30px 3px 15px;
    margin: 0;
    font-size: 12px;
    position: relative;
    right: auto;
    top: auto;
    border-radius: 0;
    /*border-bottom: 1px solid var(--second_color);
    border-top: 1px solid var(--second_color);*/
    /*background: rgba(255, 255, 255, 0.5);*/
    color:#888;
}
    .breadcrumb a {
        color: #888;
    }
body.technician .breadcrumb,
body.technician .breadcrumb,
body.warranty .breadcrumb {
    padding: 15px;
    margin: 0;
    font-size: 13px;
    position: relative;
    right: auto;
    top: auto;
}

.breadcrumb > li + li:before {
    content: "＞";
}

.breadcrumb .txt-en {
    display: none;
}

.content > .h2,
body.about .content > .h1,
body.order .content .h2.t04 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    margin-bottom: 35px;
    padding: 30px 15px;
    text-align: center;
    border: 1px solid #484848;
}

    .content > .h2 .txt-tw {
        /*color: #979797;
        font-size: 18px;
        margin-left: 10px;*/
    }


.content .content-banner {
    margin-bottom: 20px;
}

.content .txt {
    padding: 0;
    margin: 30px 0;
    line-height: 30px;
}

.content .btn-more {
    position: absolute;
    right: 15px;
    top: 30px;
    display: block;
    width: 52px;
    height: 24px;
    background: url(../images/all/btn_more.png) no-repeat;
    text-indent: 9999px;
}

    .content .btn-more:hover {
        background-position: 0 -24px;
    }

.content .btn-normal {
    background: none;
    color: #23989f;
    border: 1px solid #ACE7EB;
}

    .content .btn-normal:hover {
        color: #888;
        border-color: #aaa;
    }

.content .list-box .txt-list {
    margin-bottom: 60px;
}

    .content .list-box .txt-list li {
        padding-left: 30px;
        border-bottom: 1px dotted #ccc;
        background: url(../images/all/icon_list.png) no-repeat 8px 12px;
    }

        .content .list-box .txt-list li:nth-child(2n+1) {
            background-color: rgba(240, 240, 240, 0.3);
        }

        .content .list-box .txt-list li .h4 {
            font-size: 15px;
            margin: 0;
        }

        .content .list-box .txt-list li a {
            position: relative;
            display: block;
            line-height: 28px;
            padding: 10px 110px 10px 0;
        }


            .content .list-box .txt-list li a:hover,
            .content .list-box .txt-list li a:focus {
                color: #36B9C0;
            }

        .content .list-box .txt-list li span {
            position: absolute;
            right: 0;
            top: 10px;
            line-height: 20px;
            padding: 3px 20px;
            display: inline-block;
            color: #aaa;
            font-size: 13px;
        }

            .content .list-box .txt-list li span.news-title {
                float: left;
                color: #848275;
                width: 78%;
            }

        .content .list-box .txt-list li.list-header {
            background: none;
            padding-left: 40px;
            padding-right: 15px;
            border-bottom: 1px solid #ACE7EB;
        }

            .content .list-box .txt-list li.list-header a,
            .content .list-box .txt-list li.list-header a span {
                color: #36B9C0;
                font-size: 18px;
            }

                .content .list-box .txt-list li.list-header a span {
                    padding-right: 24px;
                }

.content .works-box .pic-carousel li a {
    border: 1px solid #ACE7EB;
    padding: 2px;
    display: block;
}

    .content .works-box .pic-carousel li a:hover {
        border-color: #36B9C0;
    }

.content .works-box .bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 40px;
    background: url(../images/home/arrow.png) no-repeat;
}

    .content .works-box .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -24px;
    }

    .content .works-box .bx-wrapper .bx-controls-direction a.bx-next {
        right: -24px;
        background-position: 0 -40px;
    }

.content .works-box .slick .list_item {
    padding: 0 5px;
}

    .content .works-box .slick .list_item .pic {
        border: 1px solid #ACE7EB;
        padding: 2px;
        display: block;
    }

    .content .works-box .slick .list_item:hover .pic {
        border-color: #36B9C0;
    }

    .content .works-box .slick .list_item .info {
        text-align: center;
        display: none;
    }

        .content .works-box .slick .list_item .info p {
            margin: 0;
        }

.content .works-box .slick .slick-arrow {
    width: 24px;
    height: 40px;
    background: url(../images/home/arrow.png) no-repeat;
    border: none;
    outline: none;
    text-indent: -9999px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 40px/2);
}

.content .works-box .slick .slick-prev {
    background-position: 0 0;
    left: -24px;
}

.content .works-box .slick .slick-next {
    background-position: 0 -40px;
    right: -24px;
}

.content .works-box .slick .slick-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 20px;
}

    .content .works-box .slick .slick-dots li {
        display: inline-block;
    }

    .content .works-box .slick .slick-dots button {
        width: 10px;
        height: 10px;
        background: #c7c7c7;
        border-radius: 50%;
        border: none;
        outline: none;
        text-indent: -9999px;
        margin: 0 3px;
    }

    .content .works-box .slick .slick-dots .slick-active button {
        background: #37bac0;
    }

.content .contact-box ul li {
    /*color: #717171;*/
    padding-left: 20px;
    /*font-size: 12px;*/
    line-height: 1.8;
}

    .content .contact-box ul li.tel {
        font-size: 22px;
        /*color: #333;*/
        font-weight: bold;
    }

.content .sec {
    padding: 10px;
    line-height: 30px;
}

.content .btn-box {
    margin: 0 0 20px;
    clear: both;
    text-align: center;
    /*display: none;*/
}

    .content .btn-box:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }



.btn-box .pager li {
    margin: 0 5px;
}

    .btn-box .pager li > a {
        background: var(--second_color);
        border-radius: 0px;
        border: 1px solid #2A2B2A;
        color: #fff;
        padding: 6px 12px;
        transition: 0.3s all ease;
        min-width: 150px;
    }

        .btn-box .pager li > a:hover {
            background-color: var(--main_color);
            color: #fff;
        }

.btn-box.btn-styleB {
    border-top: 1px solid #ddd;
    margin-top: 50px;
}

    .btn-box.btn-styleB .pager li > a {
        background: #ffffff;
        border: none;
        transition: all 0.6s ease;
    }

        .btn-box.btn-styleB .pager li > a:hover {
            background: #dcb66a;
            color: #ffffff;
            border: none;
        }

.content .btn-box .pager li > a .icon {
    display: none;
}

body.product.p02 .content .btn-box {
    border: none;
}

body.news.show .content .btn-box,
body.faq.ask .content .btn-box,
body.product.show .content .btn-box,
body.member .content .btn-box,
body.album.show .content .btn-box {
    text-align: center;
}

    body.news.show .content .btn-box .pager,
    body.faq.ask .content .btn-box .pager,
    body.product.show .content .btn-box .pager,
    body.member .content .btn-box .pager,
    body.album.show .content .btn-box .pager {
        float: none;
    }

.content .btn-box a .icon {
    background: url(../images/all/pager_icon.png) no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.content .btn-box a .icon-first {
    background-position: -6px -1px;
}

.content .btn-box a .icon-prev {
    background-position: -6px -29px;
}

.content .btn-box a .icon-next {
    background-position: -6px -58px;
}

.content .btn-box a .icon-last {
    background-position: -6px -87px;
}

.content .btn-box a .icon-back {
    background-position: -6px -112px;
}

.content .btn-box .page-info {
    /*float: right;*/
    margin: 0 5px;
    text-align: center;
    color: #888;
}

    .content .btn-box .page-info select {
        border: 1px solid #DFDFDF;
        min-width: 60px;
        margin-right: 10px;
    }


.content .btn-box a span {
    margin-right: 5px;
}

.content .table.table-stack {
    margin-bottom: 0;
}

    .content .table.table-stack > thead > tr > th {
        border-bottom: 1px solid #484848;
        /*color: #333;*/
        text-align: center;
    }

    .content .table.table-stack > tbody > tr > td {
        vertical-align: middle;
        border-top: 1px dotted #484848;
        text-align: center;
    }

        .content .table.table-stack > tbody > tr > td a {
            color: var(--main_color);
        }

            .content .table.table-stack > tbody > tr > td a:hover {
                text-decoration: underline;
            }

        .content .table.table-stack > tbody > tr > td.pic img {
            max-width: 100px;
        }

            .content .table.table-stack > tbody > tr > td.pic img:hover {
                opacity: 0.7;
            }

        .content .table.table-stack > tbody > tr > td.qty .input-group .form-control {
            padding: 6px;
            text-align: center;
            border-color: #DFDFDF;
        }

        .content .table.table-stack > tbody > tr > td .input-group {
            width: 100px;
            margin: 0 auto;
        }

        .content .table.table-stack > tbody > tr > td .btn {
            margin: 0;
            color: #888;
        }

            .content .table.table-stack > tbody > tr > td .btn:hover,
            .content .table.table-stack > tbody > tr > td .btn:focus,
            .content .table.table-stack > tbody > tr > td .btn:active {
                color: #000;
                text-decoration: none;
            }

        .content .table.table-stack > tbody > tr > td .tn {
            display: none;
        }

    .content .table.table-stack.no-border th,
    .content .table.table-stack.no-border td {
        border: none;
    }

    .content .table.table-stack.no-border tr {
        border-bottom: 1px solid var(--second_color);
    }

        .content .table.table-stack.no-border tr:last-child {
            border-bottom: 0;
        }

    .content .table.table-stack.no-border th {
        text-align: right;
        width: 120px;
    }

    .content .table.table-stack.no-border td {
        text-align: left;
        vertical-align: top;
    }

.content .form-horizontal .control-label {
    font-size: 14px;
    padding-top: 0;
}

.form-horizontal .row .form-inline {
    padding-bottom: 15px;
}

    .form-horizontal .row .form-inline .zip-code {
        width: 40%;
        min-width: 72px;
    }

body.warranty_home .gotop,
body.technician .gotop,
body.technician .gotop,
body.warranty .gotop {
    display: none;
}

.gotop {
    position: fixed;
    right: 40px;
    bottom: 30px;
    z-index: 20;
    transition: 0.3s;
}

body.is_scroll .gotop {
    right: 40px;
}

.gotop a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: url(../images/all/arrow_upward_black_24dp.svg) center center no-repeat #000;
    text-indent: -9999px;
    transition: 0.3s;
}

    .gotop a:hover {
        background-color: var(--second_color);
    }

    .gotop a.gthome,
    body.home .gotop a.gtson {
        display: none;
    }

    body.home .gotop a.gthome,
    .gotop a.gtson {
        display: block;
    }

/*.breadcrumb > .active {
    color: #fff;
}*/




/*----------------------------------------- 首頁 home --------------------------------------*/
.fp-scrollable {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fp-scroller {
    overflow: visible !important;
}

body.warranty_home {
    background: url(../images/all/body_bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #8c8c8c;
    width: 100%;
    height: 100vh;
}

    body.warranty_home .content .home_service {
        margin-bottom: 60px;
    }

    body.warranty_home .content .home_service {
        margin-bottom: 60px;
    }

    body.warranty_home .content .item {
        background: #ffffff;
        box-shadow: 0 0 10px #000000;
        transition: all 0.6s ease;
    }

        body.warranty_home .content .item:hover {
            background: #e7d084;
        }

        body.warranty_home .content .item .icon {
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 110px;
            height: 110px;
            margin: auto;
            position: relative;
            border-radius: 50%;
            top: -35px;
            margin-bottom: -35px;
            z-index: 2;
        }

        body.warranty_home .content .item:hover .icon img {
            transform: rotate(360deg);
        }

        body.warranty_home .content .item .icon img {
            margin: auto;
            padding: 25px;
            transition: all 0.6s ease;
        }

        body.warranty_home .content .item .pic {
            overflow: hidden;
            position: relative;
        }

            body.warranty_home .content .item .pic:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.3);
                transform: scale(0);
                transition: all 0.6s ease;
            }

        body.warranty_home .content .item:hover .pic:before {
            transform: scale(1);
            z-index: 1;
        }

        body.warranty_home .content .item .pic img {
            transition: all 0.6s ease;
        }

        body.warranty_home .content .item:hover .pic img {
            transform: scale(1.2);
        }

        body.warranty_home .content .item .name_txt {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            color: #413d3c;
            margin-top: 15px;
            transition: all 0.6s ease;
        }

        body.warranty_home .content .item:hover .name_txt {
            color: #ffffff;
        }

        body.warranty_home .content .item .name_txt p {
            margin-bottom: 10px;
        }

        body.warranty_home .content .item .icon2 {
            width: 35px;
            height: 35px;
            background: #e7d084;
            display: flex;
            margin-left: auto;
            transition: all 0.6s ease;
        }

        body.warranty_home .content .item:hover .icon2 {
            background: #413d3c;
        }

        body.warranty_home .content .item .icon2 img {
            padding: 10px;
            transition: all 0.3s ease;
        }

        body.warranty_home .content .item:hover .icon2 img {
            transform: rotate(45deg);
        }

    body.warranty_home .content .wid > .h2 {
        font-size: 20px;
        border-bottom: 1px solid #ACE7EB;
        color: #36B9C0;
        padding: 6px;
    }

body.home .content .btn-more {
    top: 10px;
    right: 0;
}

body.home .content .wid > .h2 .txt-en {
    display: none;
}

body.home .content .wid-home-news {
    margin-left: 0;
}

    body.home .content .wid-home-news .txt-list {
        margin-bottom: 10px;
        margin-top: -10px;
    }

        body.home .content .wid-home-news .txt-list li {
            padding-left: 14px;
            background-position: 0 4px;
            background-color: transparent;
        }

            body.home .content .wid-home-news .txt-list li:last-child {
                border-bottom: 2px solid #ACE7EB;
            }

            body.home .content .wid-home-news .txt-list li a {
                padding: 2px 80px 2px 0;
                font-size: 13px;
            }

                body.home .content .wid-home-news .txt-list li a span {
                    padding: 3px 0;
                    font-size: 12px;
                    top: 3px;
                }

body.home .wid-home-product .slick-slider {
    margin-top: 15px;
}

body.home .home-choice {
    width: 85%;
    margin: -50px auto 0;
    padding-bottom: 30px;
}

    body.home .home-choice,
    body.home .home-choice li {
        display: flex;
        align-items: stretch;
    }

        body.home .home-choice li a .bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: all 1s ease;
        }

        body.home .home-choice li:nth-child(1) a .bg {
            background: url(../images/all/img_choice.jpg) center center no-repeat;
            background-size: cover;
        }

        body.home .home-choice li:nth-child(2) a .bg {
            background: url(../images/all/img_choice2.jpg) center center no-repeat;
            background-size: cover;
        }

        body.home .home-choice li a:hover .bg {
            transform: scale(1.1);
            filter: blur(5px);
            -webkit-filter: blur(5px);
        }

        body.home .home-choice li {
            width: 50%;
            margin: 0 15px;
        }

            body.home .home-choice li a {
                display: flex;
                position: relative;
                justify-content: flex-end;
                width: 100%;
                flex-direction: column;
                align-items: center;
                text-align: center;
                color: #fff;
                overflow: hidden;
                transition: all .5s ease;
            }

                body.home .home-choice li a:before {
                    content: "";
                    display: block;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: rgb(40, 40, 40);
                    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 50%);
                    top: 20%;
                    position: absolute;
                    z-index: 10;
                }

                body.home .home-choice li a h3 {
                    font-size: 30px;
                    font-weight: bold;
                    margin: 0 auto 30px;
                    position: relative;
                    z-index: 10;
                    line-height: 1.3em;
                }

                body.home .home-choice li a .icon {
                    position: absolute;
                    opacity: 0;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%) scale(0);
                    transition: all .5s ease;
                }

                body.home .home-choice li a:hover {
                    box-shadow: 0 0 20px 4px rgba(49, 49, 49, 0.70);
                }

                    body.home .home-choice li a:hover .icon {
                        opacity: 1;
                        transform: translate(-50%, -50%) scale(1);
                    }

body.home .dots {
    left: 40px;
    z-index: 20;
}

    body.home .dots li a {
        position: relative;
        width: auto;
        height: auto;
        padding: 0;
    }

        body.home .dots li a::before {
            border-radius: 3px;
            background-color: transparent;
            border: 2px solid #939393;
            width: 9px;
            height: 9px;
            margin: 0;
            left: auto;
            top: 50%;
            transform: translateY(-50%);
            transition: 0.3s;
        }

        body.home .dots li a:hover::before {
            border-color: #fff;
        }

        body.home .dots li a.active::before {
            background-color: #fff;
            border-color: #fff;
        }

        body.home .dots li a::after {
            content: "";
            font-size: 16px;
            margin-left: 20px;
            color: #8e8e8e;
            transition: 0.3s;
        }

        body.home .dots li a.active::after,
        body.home .dots li a:hover::after {
            color: #fff;
        }

    body.home .dots li:nth-child(1) a::after {
        content: "首頁";
    }

    body.home .dots li:nth-child(2) a::after {
        content: "IP智能+";
    }

    body.home .dots li:nth-child(3) a::after {
        content: "專業服務";
    }

    body.home .dots li:nth-child(4) a::after {
        content: "聯絡我們";
    }

body.home #fp-nav {
    z-index: 20;
}

    body.home #fp-nav.left {
        left: 40px;
    }

    body.home #fp-nav ul li,
    body.home .fp-slidesNav ul li {
        width: 9px;
        height: 9px;
        margin: 20px 0;
    }

        body.home #fp-nav ul li .fp-tooltip {
            opacity: 1;
            overflow: visible;
            width: auto;
            color: #8e8e8e;
            line-height: 1;
        }

        body.home #fp-nav ul li a span,
        body.home .fp-slidesNav ul li a span {
            border-radius: 3px !important;
            background-color: transparent !important;
            border: 2px solid #939393 !important;
            width: 9px !important;
            height: 9px !important;
            margin: 0 !important;
            transform: translate(-50%, -50%);
        }

        body.home #fp-nav ul li a.active span,
        body.home .fp-slidesNav ul li a.active span,
        body.home #fp-nav ul li:hover a.active span,
        body.home .fp-slidesNav ul li:hover a.active span {
            background-color: #fff !important;
            border-color: #fff !important;
        }

        body.home #fp-nav ul li a.active + .fp-tooltip {
            color: #fff !important;
        }

/*----------------------------------------- 相簿 album --------------------------------------*/
body.album .content > .h1 {
    text-align: center;
    color: #23989f;
    border: 1px solid #ACE7EB;
    padding: 10px;
}

.content .album-list a {
    margin: 20px 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .content .album-list a:hover {
        opacity: 0.7;
    }

    .content .album-list a img {
        width: 100%;
    }

    .content .album-list a .h4 {
        text-align: center;
        color: #666;
        font-size: 15px;
    }

    .content .album-list a .pic {
        border: 1px solid #e5e5e5;
        padding: 2px;
    }

/* .pic-gallery {
    margin-bottom: 40px;
    margin-top: 30px;
} */

.pic-gallery .pic-stage {
    margin: 0 auto 20px;
    width: 87%;
}

    .pic-gallery .pic-stage ul li a {
        display: block;
    }

.pic-gallery .pic-pager {
    position: relative;
    margin: 0 40px;
}

    .pic-gallery .pic-pager .jcarousel div a {
        opacity: 0.5;
        float: left;
        padding: 0 5px;
    }

        .pic-gallery .pic-pager .jcarousel div a.active {
            opacity: 1;
        }

.pic-gallery .pic-stage .bx-wrapper .bx-pager {
    display: none;
}

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a,
.pic-gallery .pic-pager .jcarousel-control,
.pic-gallery .slick-prev,
.pic-gallery .slick-next {
    background: url(../images/all/gallery_btn.png) no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.pic-gallery .pic-pager .jcarousel div {
    /*overflow: auto;
    width: 20000em;
    position: relative;
    list-style-type: none;*/
}

    .pic-gallery .pic-pager .jcarousel div a img,
    .pic-gallery .pic-stage ul li a img {
        width: 100%;
    }

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev,
.pic-gallery .slick-prev {
    background-position: 0 0;
    left: -45px;
}

.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next,
.pic-gallery .slick-next {
    background-position: -38px 0;
    right: -45px;
}

.pic-gallery .pic-pager .jcarousel-control-prev,
.pic-gallery .pic-pager .slick-prev {
    background-position: -80px 0;
    left: -40px;
}

.pic-gallery .pic-pager .jcarousel-control-next,
.pic-gallery .pic-pager .slick-next {
    background-position: -120px 0;
    right: -40px;
}

.pic-gallery .slick-prev:before,
.pic-gallery .slick-next:before {
    display: none;
}

.pic-gallery .pic-pager .jcarousel div a.slick-current {
    opacity: 1;
}


/*----------------------------------------- 活動訊息 news --------------------------------------*/
body.news .content > .h1 {
    position: relative;
    color: #23989f;
    font-size: 20px;
    border: 1px solid #ACE7EB;
    padding: 10px 90px 10px 20px;
    line-height: 1.4;
}

.h1.border-around {
    border: 1px solid #6a5b54;
}

body.news .content > .h1 small {
    position: absolute;
    right: 15px;
    top: 10px;
    line-height: 28px;
    font-size: 13px;
}


/*----------------------------------------- 常見問題 faq --------------------------------------*/

.faq-box {
    margin-bottom: 50px;
}

    .faq-box .st {
        color: #36B9C0;
        position: absolute;
        left: 15px;
        top: 13px;
        font-size: 16px;
    }

    .faq-box .panel {
        border: none;
        background: none;
    }

        .faq-box .panel + .panel {
            margin-top: 0;
        }

        .faq-box .panel > .panel-heading {
            background: none;
            border-bottom: 1px dotted #ccc;
            padding: 0;
            position: relative;
        }

            .faq-box .panel > .panel-heading a {
                padding: 15px;
                display: block;
                padding-left: 48px;
            }

            .faq-box .panel > .panel-heading + .panel-collapse > .panel-body {
                border-top: none;
                position: relative;
                padding-left: 48px;
                border-bottom: 1px dotted #ccc;
                color: #888;
                line-height: 30px;
            }

.btnbox-ask {
    text-align: right;
}

/*----------------------------------------- 作品展示 product --------------------------------------*/
.content .list-mode {
    text-align: center;
    color: #848275;
}

    .content .list-mode label {
        display: none;
    }

    .content .list-mode .btn-group {
        display: inline-block;
    }

        .content .list-mode .btn-group .btn-mode {
            color: var(--second_color);
            background: none;
            border: none;
            padding: 5px 8px;
            border-radius: 0;
            box-shadow: none;
            font-size: 21px;
        }

            .content .list-mode .btn-group .btn-mode.active {
                color: var(--main_color);
            }

            .content .list-mode .btn-group .btn-mode:hover {
                color: var(--main_color);
            }

            .content .list-mode .btn-group .btn-mode .mode-txt {
                display: none;
            }


body.product.show {
    padding-bottom: 0 !important;
}

body.product .content .product-list {
    margin-bottom: 30px;
}

    body.product .content .product-list .item {
        border: 1px solid #151515;
        margin: 10px 0;
        position: relative;
        border-radius: 0;
        position: relative;
        background-color: #151515;
        transition: 0.3s all ease;
    }

body.product.p02 .content .product-list .item {
    margin-bottom: 80px;
}

body.product .content .product-list .item:hover {
    border-radius: 0;
    /*border-color: #37bac0;*/
}

body.product .content .product-list.mode1 .item.i1 > a ul {
    height: 20px;
}

body.product .content .product-list.mode1 .item.i2 > a ul {
    /*height: 40px;*/
}

body.product .content .product-list.mode1 .item.i3 > a ul {
    height: 60px;
}

body.product .content .product-list.mode1 .item.i4 > a ul {
    height: 80px;
}

body.product .content .product-list .item > a {
    border-radius: 0;
}

body.product .content .product-list a {
    display: block;
}

    body.product .content .product-list a .pic {
        overflow: hidden;
        /*background: #fff;*/
        padding: 0;
    }

        body.product .content .product-list a .pic img {
            width: 100%;
            transition: 0.3s all ease;
        }

    body.product .content .product-list a:hover .pic img {
        opacity: 0.7;
    }

    body.product .content .product-list a .info {
        padding-top: 15px;
        padding-bottom: 5px;
        text-align: center;
        margin: 0 -5px;
    }

    body.product .content .product-list a .h4 {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0;
        line-height: 1.4;
    }

body.product .content .product-list ul {
    color: #fff;
    font-size: 15px;
    list-style-type: none;
    text-align: center;
    /*margin-bottom: 0;*/
    line-height: 1.4;
    /*padding-bottom: 10px;*/
}

    body.product .content .product-list ul li s {
        color: #848484;
    }

body.product .icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 1px;
    margin-right: 1px;
}

    body.product .icon.icon-fingervein,
    body.product .icon.icon-fingerprint,
    body.product .icon.icon-key,
    body.product .icon.icon-card,
    body.product .icon.icon-psd,
    body.product .icon.icon-wifi,
    body.product .icon.icon-bluetooth,
    body.product .icon.icon-face,
    body.product .icon.icon-suvr,
    body.product .icon.icon-vdp {
        /*width: 24px;*/
        height: 24px;
        /*background-size: 25px;*/
        /*background-color: #3b3736;*/
        /*border-radius: 50%;*/
    }

    body.product .icon.icon-face {
        background-image: url('../images/fittingRoom/icon_face.svg');
        width: 32px;
    }

    body.product .icon.icon-suvr {
        background-image: url('../images/fittingRoom/icon_suvr.svg');
        width: 30px;
    }

    body.product .icon.icon-fingervein {
        background-image: url('../images/fittingRoom/icon_fingervein.svg');
        width: 20px;
    }

    body.product .icon.icon-fingerprint {
        background-image: url('../images/fittingRoom/icon_fingerprint.svg');
        width: 20px;
    }

    body.product .icon.icon-key {
        background-image: url('../images/fittingRoom/icon_key.svg');
        width: 20px;
    }

    body.product .icon.icon-card {
        background-image: url('../images/fittingRoom/icon_card.svg');
        width: 32px;
    }

    body.product .icon.icon-psd {
        background-image: url('../images/fittingRoom/icon_psd.svg');
        width: 25px;
    }

    body.product .icon.icon-wifi {
        background-image: url('../images/fittingRoom/icon_wifi.svg');
        width: 21px;
    }

    body.product .icon.icon-bluetooth {
        background-image: url('../images/fittingRoom/icon_bluetooth.svg');
        width: 21px;
    }

    body.product .icon.icon-vdp {
        background-image: url('../images/fittingRoom/icon_vdp.svg');
        width: 21px;
    }

body.product .content .quick-buy .form-control {
    padding: 5px;
    vertical-align: top;
    display: inline-block;
    width: auto;
    border-color: #fff;
}

body.product .content .quick-buy .btn {
    border-radius: 50%;
    width: 74px;
    height: 74px;
    background: url(../images/all/icon_cart.png) no-repeat center center var(--second_color);
    color: #fff;
    text-indent: -9999px;
    position: absolute;
    bottom: -38px;
    right: 50%;
    margin-right: -37px;
    transition: 0.3s all ease;
}

    body.product .content .quick-buy .btn:hover {
        background-color: var(--main_color);
    }

body.product .content .product-list.mode1 .quick-buy {
    padding: 10px 10px 50px;
    text-align: center;
}

    body.product .content .product-list.mode1 .quick-buy ul,
    body.product .content .product-list.mode1 .quick-buy ul li {
        display: inline-block;
        vertical-align: top;
    }

    body.product .content .product-list.mode1 .quick-buy .form-control.qty {
        width: 30%;
        vertical-align: middle;
    }

body.product.p02 .content .product-list.mode1 .item .info p {
    /*display: none;*/
    /*text-align: left;*/
    line-height: 1.4;
    font-size: 15px;
    color: #848484;
    margin-bottom: 10px;
}

body.product .content .product-list.mode2 > div {
    float: none;
    width: 100%;
    clear: both;
}

body.product .content .product-list.mode2 .item {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 0;
    border-bottom: 1px solid #3b3736;
}

    body.product .content .product-list.mode2 .item:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    body.product .content .product-list.mode2 .item .pic {
        width: 36%;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        border-radius: 0;
        padding: 0;
    }

    body.product .content .product-list.mode2 .item > a {
        padding: 0;
        width: 70%;
        float: left;
    }

    body.product .content .product-list.mode2 .item .info {
        display: inline-block;
        vertical-align: top;
        width: 60%;
        text-align: left;
        padding-left: 10px;
    }

        body.product .content .product-list.mode2 .item .info .h4 {
            /*margin-bottom: 10px;*/
            text-align: left;
        }

        body.product .content .product-list.mode2 .item .info ul {
            text-align: left;
        }

            body.product .content .product-list.mode2 .item .info ul li {
            }

        body.product .content .product-list.mode2 .item .info p {
            margin-bottom: 10px;
            clear: both;
            color: #888;
            font-size: 15px;
            line-height: 1.4;
        }

    body.product .content .product-list.mode2 .item .quick-buy {
        width: 16%;
        float: left;
        padding: 20px 0 15px;
    }

        body.product .content .product-list.mode2 .item .quick-buy .form-control {
            width: 100%;
            display: inline-block;
            margin-bottom: 5px;
        }

        body.product .content .product-list.mode2 .item .quick-buy .btn {
            right: 10px;
            bottom: 50%;
            margin-right: 0;
            transform: translateY(50%);
        }

body.product .content .content-banner {
    margin-top: 20px;
    border: 1px solid #635338;
    padding: 2px;
}

body.product .content .icon-addcart {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/all/icon_cart.png) no-repeat;
    vertical-align: text-bottom;
    background-size: 100% auto;
    margin-bottom: -12px;
}

body.product.show .content .quick-buy .btn.goshop {
    /*background: #3da72a;*/
}

    body.product.show .content .quick-buy .btn.goshop:hover {
        /*background: #1b7277;*/
    }

body.product .content .goshop .icon-addcart {
    background-image: url('../images/all/icon_cart2.png');
}

body.product.show .content .icon-addcart {
    margin-right: 5px;
}


body.product.show .info .info_box {
    margin-bottom: 10px;
}

    body.product.show .info .info_box .h6 {
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        padding: 10px 10px;
        background: var(--second_color);
    }

    body.product.show .info .info_box .info_txt {
        padding: 10px;
    }



body.product.show .content .product-pic {
    margin-bottom: 10px;
}

    body.product.show .content .product-pic a {
        display: block;
    }

        body.product.show .content .product-pic a .img-zoom {
            width: 100%;
        }

    body.product.show .content .product-pic .zoomPad {
        float: none;
    }

    body.product.show .content .product-pic .zoomWindow {
        margin-left: 10px;
        left: 100% !important;
    }

body.product.show .content .jcarousel-wrapper {
    padding: 0 20px;
}

body.product.show .content .jcarousel-control-prev,
body.product.show .content .jcarousel-control-next {
    background: url(../images/home/arrow.png) no-repeat;
    display: block;
    top: 50%;
    width: 24px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
}

body.product.show .content .jcarousel-control-prev {
    left: 0;
}

body.product.show .content .jcarousel-control-next {
    right: 0;
    background-position: 0 -40px;
}

body.product.show .content .jcarousel li a {
    padding: 2px;
    border: 1px solid var(--second_color);
}

body.product.show .content .jcarousel img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto !important;
}

/*-- for show2 product pic --*/
body.product.show .content .product-pic .big-pic a {
    cursor: zoom-in;
}

body.product.show .content .product-pic .small-pic {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

    body.product.show .content .product-pic .small-pic img {
        margin: 0 3px;
        outline: none;
        cursor: pointer;
    }

    body.product.show .content .product-pic .small-pic .slick-arrow {
        min-width: 20px;
        height: 40px;
        background: url(../images/home/arrow.png) no-repeat;
        border: none;
        outline: none;
    }

    body.product.show .content .product-pic .small-pic .slick-prev {
        background-position: center top;
    }

    body.product.show .content .product-pic .small-pic .slick-next {
        background-position: center bottom;
    }

/*-- END for show2 product pic --*/


body.product.show .content .info .h1 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

body.product.show .content .info .txt {
    min-height: 200px;
    padding: 0;
    margin-top: 20px;
}

    body.product.show .content .info .txt ul {
        margin-left: 0;
    }

        body.product.show .content .info .txt ul li {
            background: url(../images/all/list_icon.png) no-repeat 0 6px;
            padding-left: 22px;
            color: #fff;
        }

            body.product.show .content .info .txt ul li s {
                color: #848484;
            }

body.product.show .content .quick-buy {
    border-top: 1px solid #484848;
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

    body.product.show .content .quick-buy .shop_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

body.product .content .quick-buy .form-control {
    width: 100%;
}

body.product.show .content > .h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #484848;
    color: #fff;
}

    body.product.show .content > .h3 small {
        font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", "文泉驛正黑", "WenQuanYi Zen Hei", sans-serif;
        margin-left: 10px;
        color: #888;
        font-size: 14px;
    }

body.product.show .content .txt {
    padding: 10px;
}

body.product.show .content .quick-buy .btn {
    position: static;
    margin: 0;
    text-indent: 0;
    background-image: none;
    width: auto;
    height: auto;
    line-height: 50px;
    font-size: 18px;
    border-radius: 4px;
    background-color: var(--main_color);
    width: 49%;
}

    body.product.show .content .quick-buy .btn:hover {
        background-color: var(--second_color);
    }

body.product.show .content .quick-buy .form-control,
body.product.show .content .quick-buy .btn {
    vertical-align: middle;
    margin-bottom: 10px;
}

body.product.show .content .product-list .item {
    margin-bottom: 20px;
    /*height: 265px;*/
    overflow: hidden;
}

/*----------------------------------------- 會員專區 member --------------------------------------*/
body.member .content .nav-func {
    display: flex;
    justify-content: space-between;
}

    body.member .content .nav-func li {
        flex: 1;
    }

        body.member .content .nav-func li a {
            text-align: center;
            color: #000;
            padding: 30px 10px;
            display: block;
            margin-bottom: 15px;
            background-color: var(--main_color);
            transition: 0.3s;
        }

            body.member .content .nav-func li a .glyphicon {
                font-size: 60px;
                margin-bottom: 15px;
                transition: 0.3s;
            }

            body.member .content .nav-func li a:hover {
            }

                body.member .content .nav-func li a:hover .glyphicon {
                    transform: scale(1.2);
                }

body.member.register .content .form-group .checkbox a {
    color: var(--main_color);
}

    body.member.register .content .form-group .checkbox a:hover {
        text-decoration: underline;
    }

body.member #membership {
    max-width: 700px;
    display: none;
}

body.member .content .form-border {
    padding: 50px 20px;
}

body.member.register.finish .content .form-border {
    padding: 40px 50px;
}

body.member.forget .content .form-border {
    padding-top: 30px;
}


body.member .content {
    padding-bottom: 20px;
}

/*----------------------------------------- 訂單查詢 order --------------------------------------*/
body.order.show #msg-box {
    display: none;
    min-width: 300px;
}

/*----------------------------------------- 購物車 cart --------------------------------------*/
.content .sec .h3 {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #484848;
    margin: 0 0 20px;
    position: relative;
}

body.cart.p03 .content .sec .h3,
body.cart.help .content .sec .h3 {
    padding: 10px;
    background-color: var(--second_color);
    /*border: 1px solid #ACE7EB;*/
}

body.cart.help .content .sec p {
    padding: 0 10px;
}

body.cart.help .content .sec ul {
    padding: 0 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.content .sec .h3 span {
    margin-right: 10px;
}

.content .sec .sum {
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
    border-top: 1px solid #484848;
    line-height: 36px;
    font-weight: bold;
}

body.cart .content p {
    font-size: 14px;
}

    body.cart .content p a {
        display: inline-block;
        color: var(--main_color);
    }

        body.cart .content p a:hover {
            text-decoration: underline;
        }

body.cart .content .btn-box {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

body.cart .content .invoice-title {
    display: inline-block;
    margin-left: 5px;
}

body.cart .content .hint {
    float: right;
}

body.cart .content .btn-list {
    color: #fff;
    display: inline-block;
    line-height: 28px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    border: 1px solid var(--second_color);
    padding: 0 5px;
    background-color: var(--second_color);
    transition: 0.3s;
}

    body.cart .content .btn-list:hover {
        border-color: var(--main_color);
        background-color: var(--main_color);
    }

    body.cart .content .btn-list span {
        margin-right: 4px;
    }

body.cart .content .invoice .btn-list {
    position: static;
    margin-top: 12px;
    float: right;
}

body.cart .content .invoice .form-inline:after {
    content: " ";
    clear: both;
    display: block;
}

body.cart .lightbox-list {
    min-width: 400px;
    display: none;
}

    body.cart .lightbox-list .h4 {
        font-size: 18px;
        padding: 0 5px;
    }

        body.cart .lightbox-list .h4 small {
            display: inline-block;
        }

    body.cart .lightbox-list .glyphicon {
        margin-right: 5px;
    }

    body.cart .lightbox-list ul li {
        border-top: 1px solid #62544C;
    }

        body.cart .lightbox-list ul li a {
            color: #666;
            padding: 10px;
            display: block;
        }

            body.cart .lightbox-list ul li a:hover {
                background-color: #eee;
            }


/*----------------------------------------- 聯絡我們 contact --------------------------------------*/
body.contact .content .map iframe {
    width: 100%;
    height: 200px;
}

body.contact .content .contact-box .h3 {
    margin-bottom: 10px;
}

body.contact .content .contact-box ul li {
    padding-left: 0;
}

body.contact .form-horizontal .radio-inline {
    padding-top: 0;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 9px;
}

/*----------------------------------------- 保固管理系統 --------------------------------------*/
body.warranty .add-select {
    margin-bottom: 5px;
}

    body.warranty .add-select select {
        width: auto;
        margin-right: 5px;
    }

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        color: #fff;
        background-color: #bfb8a6;
        display: inline-block;
        cursor: pointer;
        padding: 10px 20px;
    }

        .inputfile + label svg {
            fill: #fff;
            display: inline-block;
            vertical-align: middle;
        }


        .inputfile:focus + label,
        .inputfile + label:hover {
            background: #a38568;
        }

.d-flex input {
    width: auto;
}

.table-box .tip {
    padding: 10px 0;
    text-align: right;
}

body.technician.forgot .table-box .tip {
    text-align: center;
}

body.technician .acc_txt a {
    color: #333;
}

    body.technician .acc_txt a:hover {
        color: var(--main_color);
    }

table.table.tb-rwd-normal {
    border-top: 1px solid #c3c5bf;
    border-bottom: 1px solid #c3c5bf;
}

    table.table.tb-rwd-normal th {
        width: 200px;
        background: #e0e2db;
        color: #000;
        text-align: right;
    }

.table-box table.table th,
.table-box table.table td {
    padding: 15px 5px;
    border-top: 1px solid #fff;
    vertical-align: middle;
}

table.table.tb-rwd-normal > tbody > tr:nth-child(1) > th,
table.table.tb-rwd-normal > tbody > tr:nth-child(1) > td {
    border: none;
}

.red,
.brown {
    color: #ff3a3a;
    margin-top: 10px;
}

.fancybox-overlay .title {
    padding: 5px 10px;
    background: #dcb66a;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

/* .fancybox-overlay .editor,
.fancybox-overlay .wd {
    padding: 20px;
} */

.fancybox-skin .fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background: #dcb66a;
    transition: all 0.3s ease;
}

    .fancybox-skin .fancybox-close:hover {
        background: #8c8c8c;
    }

    .fancybox-skin .fancybox-close:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/all/icon_close.png) no-repeat;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 20px;
    }

.fancybox-skin .btn-box .pager li > a {
    background: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    border: 1px solid #2A2B2A;
    color: #2A2B2A;
    padding: 10px 20px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    min-width: 150px;
}

    .fancybox-skin .btn-box .pager li > a:hover {
        background-color: #dcb66a;
        color: #fff;
        border-color: #dcb66a;
    }


.content .result {
    margin-top: 20px;
}

table.table.reflow-table th,
table.table.reflow-table td {
    text-align: center;
}

table.table.reflow-table th {
    background: #dcb66a;
    color: #fff;
    text-align: center;
    border: none;
}

body.technician.search.detail .form-horizontal .control-label,
body.technician.search.detail .form-horizontal .control-label {
    padding-top: 0;
    background: #dcb66a;
    margin-bottom: 0;
    padding: 10px;
    color: #ffffff;
    border-bottom: 1px solid;
}

body.technician.search.detail .inner .form-group,
body.technician.search.detail .inner .form-group {
    margin-bottom: 0;
}

body.technician.search.detail .inner .input_item,
body.technician.search.detail .inner .input_item {
    padding: 10px;
}

body.technician.search.detail .inner .date_item {
    padding: 0;
    padding-left: 10px;
}

body.technician.search.detail .inner .pic_item,
body.technician.search.detail .inner .pic_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}

body.technician.search.detail .inner .d-f,
body.technician.search.detail .inner .d-f {
    display: flex;
}

    body.technician.search.detail .inner .d-f .input_item .sel_item {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

        body.technician.search.detail .inner .d-f .input_item .sel_item .form-control {
            width: 25%;
        }

        body.technician.search.detail .inner .d-f .input_item .sel_item span {
            font-weight: bold;
            padding: 0 10px;
            font-size: 20px;
        }

    body.technician.search.detail .inner .d-f .inner_txt,
    body.technician.search.detail .inner .d-f .inner_txt {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

body.technician.search.detail .inner .pic_item .picitems,
body.technician.search.detail .inner .pic_item .picitems {
    margin-right: 10px;
    display: block;
    flex: 0 0 auto;
    width: 100px;
}

    body.technician.search.detail .inner .pic_item .picitems .ratio img,
    body.technician.search.detail .inner .pic_item .picitems .ratio img {
        width: 100% !important;
    }

body.technician.search.detail .inner .pic_item .pic,
body.technician.search.detail .inner .pic_item .pic {
    width: 150px;
}

/* body.technician.search.detail .record,
body.technician.search.detail .add_record {
    margin-bottom: 50px;
} */
body.technician.search.detail .inner .acc_txt textarea.form-control {
    height: auto;
    background-color: #f1e5cf;
}

body.technician.search.detail .back a,
body.technician.search.detail .back a {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #2A2B2A;
    color: #000;
    padding: 10px 20px;
    transition: 0.3s all ease;
    min-width: 150px;
    margin: 0 10px;
    font-size: 15px;
}

body.technician.search.detail .inner .btn-box .btn_item .clear {
    display: flex;
}

/*----------------------------------------- 維修技師專區 --------------------------------------*/
.member-area {
    position: relative;
}

    .member-area .bg {
        background: url(../images/all/img_choice2.jpg) center center no-repeat;
        background-size: cover;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        content: "";
        width: 30%;
    }

    .member-area .pic-icon {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: #fff;
        margin-top: -50px;
        position: relative;
        margin: -50px auto 50px;
        padding: 30px;
    }

    .member-area .table-box {
        width: 50%;
    }

body.warranty .side1,
body.technician:not(.search):not(.modify):not(.p01):not(.index) .side1 {
    display: none;
}

body.technician.index .btn-member,
body.technician.index .btn-member {
    width: 100%;
    margin: auto;
    align-items: stretch;
}

    body.technician.index .btn-member li,
    body.technician.index .btn-member li {
        width: 30%;
        border: 1px solid #ddd;
        margin: 5px;
        min-height: 100px;
        padding: 0;
    }

        body.technician.index .btn-member li a,
        body.technician.index .btn-member li a {
            color: #333;
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            transition: all .5s ease;
            padding: 10px;
        }

    body.technician.index .btn-member .icon,
    body.technician.index .btn-member .icon {
        background: #dcb66a;
        padding: 10px;
        border-radius: 50%;
        width: 60px;
        margin-bottom: 5px;
        position: relative;
    }

body.technician.search .inner,
body.technician.search .inner {
    margin-bottom: 50px;
}

body.technician .inner,
body.warranty.search .inner,
body.technician .inner {
    margin: auto;
    padding: 50px 25px;
    border: 1px solid #000;
    position: relative;
    background-color: #fff;
}
body:not(.home) .inner:before {
    content: "handyman";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    position: absolute;
    top: -20px;
    margin: auto;
    left: 0;
    right: 0;
}
body:not(.home).warranty   .inner:before {
    content: "quick_reference_all";

}
body.technician.p01 #privacy,
body.technician.register #membership,
body.technician.register #success  {
    padding: 30px;
}

.fancybox-opened {
    width: auto;
}

body.technician.p01 #privacy .title,
body.technician.register #success .title,
body.technician.register #membership .title {
    color: #a38568;
    padding: 10px;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid ;
    background: none !important; 
}
.fancy-style .wd p,
body.technician.register #success .wd p,
body.technician.register #success .wd p {
    margin: 10px 0;
}
.fancy-style .sus_btn,
body.technician.register #success .sus_btn,
body.technician.register #success .sus_btn {
    display: block;
    text-align: center;
}
    .fancy-style .sus_btn a,
    body.technician.register #success .sus_btn a,
    body.technician.register #success .sus_btn a {
        background: #fff;
        border: 1px solid #2A2B2A;
        color: #000;
        padding: 10px 20px;
        transition: 0.3s all ease;
        min-width: 150px;
        margin: 0 10px;
        font-size: 15px;
        display: inline-block;
        border-radius: 0;
    }
        .fancy-style .sus_btn a:hover,
        body.technician.register #success .sus_btn a:hover,
        body.technician.register #success .sus_btn a:hover {
            background: #dcb66a;
            color: #fff;
            border: 1px solid #dcb66a;
        }
        .fancy-style .fancybox-button,
body.technician.p01 #privacy .fancybox-button,
body.technician.register #success .fancybox-button,
body.technician.register #membership .fancybox-button {
    background: #dcb66a;
    color: #ffffff;
    transition: all 0.6s ease;
}
.fancy-style .fancybox-button:hover,
    body.technician.p01 #privacy .fancybox-button:hover,
    body.technician.register #success .fancybox-button:hover,
    body.technician.register #membership .fancybox-button:hover {
        background: #8c8c8c;
        transform: rotate(360deg);
    }

body.warranty.search .inner {
    margin-bottom: 80px;
}

body.technician .tip,
body.warranty.search .tip,
body.technician .tip {
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}

body.technician .inner .inner_txt,
body.warranty.search .inner .inner_txt,
body.technician .inner .inner_txt {
    color: #000000;
    /*padding: 0;
    text-align: left;*/
    margin-bottom: 10px;
    /* font-size: 16px; */
    padding-left: 0;
}

body.technician .inner .export .inner_txt {
    padding-top: 0;
    background: #dcb66a;
    margin-bottom: 0;
    padding: 10px;
    color: #ffffff;
    border-bottom: 1px solid;
}

body.technician .inner .export .input_item {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

    body.technician .inner .export .input_item .dates {
        width: 38%;
    }

    body.technician .inner .export .input_item span {
        display: block;
        margin: 0 5px;
    }

body.technician .inner .input_item,
body.warranty.search .inner .input_item,
body.technician .inner .input_item,
body.technician.search.detail .inner .input_item .form-inline {
    padding: 0;
    /*margin-bottom:10px;*/
}

/* body.technician.search .inner .input_item .form-control {
    width: 30%;
} */

body.technician.search.detail .inner .components_btn {
    background: #fff;
    border: 1px solid #2A2B2A;
    color: #000;
    padding: 10px 20px;
    transition: 0.3s all ease;
    font-size: 15px;
    display: inline-block;
    border-radius: 0;
    margin-bottom: 10px;
}

    body.technician.search.detail .inner .components_btn:hover {
        background: #dcb66a;
        color: #fff;
        border: 1px solid #dcb66a;
    }

body.technician.search.detail .inner .input_item .form-inline .form-control {
    width: auto;
}

body.technician .inner .input_item .form-control,
body.warranty.searchn .inner .input_item .form-control,
body.technician .inner .input_item .form-control {
    height: 40px;
    /* width: 80%; */
}

    body.technician .inner .input_item .form-control.width {
        width: 79%;
    }

body.technician.p01 .inner .acc_txt .form-control,
body.technician.p01 .inner .acc_txt .form-control {
    /* height: auto;
    background-color: #f1e5cf; */
}

/* body.technician.p01 .inner .acc_txt .form-inline{
    padding: 0;
} */
body.technician.p01 .inner .radio_item,
body.technician.p02 .inner .span_txt {
    padding-top: 7px;
}

body.technician.index .btn-member li a:hover,
body.technician.index .btn-member li a:hover {
    background: #d6c8ae;
    color: #000000;
}

body.technician .inner .form-group,
body.warranty.search .inner .form-group,
body.technician .inner .form-group {
    margin: 0;
    margin-bottom: 15px;
}

body.technician.modify .acc_txt,
body.technician.modify .acc_txt {
    padding-top: 7px;
}

body.technician.p01 .agree {
    text-align: center;
}

body.technician.p01 {
    height: auto;
}

body.technician .inner .btn-box,
body.warranty.search .inner .btn-box,
body.technician .inner .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 20px;
}

    body.technician .inner .btn-box a,
    body.warranty.search .inner .btn-box a,
    body.technician .inner .btn-box a {
        background: #bbbbbb;
        color: #000;
        padding: 10px 20px;
        transition: 0.3s all ease;
        min-width: 150px;
        margin: 0 10px;
        font-size: 15px;
        display: block;
        border-radius: 0;
    }

body.technician.search .ser_btn,
body.technician.search .clear_btn,
body.technician.search .ser_btn,
body.technician.search .clear_btn {
    display: flex;
}

body.technician .inner .btn-box .btn_item,
body.technician .inner .btn-box .btn_item {
    display: flex;
}

    body.technician .inner .btn-box .btn_item a,
    body.technician .inner .btn-box .btn_item a {
        display: block;
    }

body.technician .inner .btn-box a:hover,
body.warranty.search .inner .btn-box a:hover,
body.technician .inner .btn-box a:hover {
    background: #dcb66a;
    color: #fff;
}

body.technician.register .agree_item,
body.technician.register .agree_item,
.agree_item {
    text-align: center;
}

    body.technician.register .agree_item .btn-membership,
    body.technician.register .agree_item .btn-membership,
    .agree_item .btn-privacy {
        color: var(--main_color);
    }

        body.technician.register .agree_item .btn-membership:hover,
        body.technician.register .agree_item .btn-membership:hover,
        .agree_item .btn-privacy:hover {
            text-decoration: underline;
        }

table.table td a .icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #dcb66a;
    padding: 5px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    table.table td a .icon .fa-search,
    table.table td a .icon .fa-trash-alt,
    table.table td a .icon .fa-file {
        color: #ffffff;
    }

table.table td a:hover .icon {
    background: #a38568;
}

table.table td.alignL {
    text-align: center;
}

h3.st {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border: 2px solid #dcb66a;
    padding: 15px;
    margin-top: 0;
}

.welcome-member {
    padding: 10px;
    background: #dcb66a;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.carbon--user-avatar {
    display: inline-block;
    width: 25px;
    height: 25px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 8a5 5 0 1 0 5 5a5 5 0 0 0-5-5m0 8a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3'/%3E%3Cpath fill='%23000' d='M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m-6 24.377V25a3.003 3.003 0 0 1 3-3h6a3.003 3.003 0 0 1 3 3v1.377a11.9 11.9 0 0 1-12 0m13.993-1.451A5 5 0 0 0 19 20h-6a5 5 0 0 0-4.992 4.926a12 12 0 1 1 15.985 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
    .welcome-member img {
        margin-right: 5px;
    }

table.table.tb-detail td .pic img {
    width: 100%;
}

body.technician.dispatch .fa-plus,
body.technician.dispatch .fa-plus {
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
    transition: all 0.6s ease;
}

body.technician.dispatch .dispatch_title,
body.technician.dispatch .dispatch_title {
    color: #000000;
    font-size: 30px;
    margin: 30px auto;
    font-family: 'Open Sans', "微軟正黑體", sans-serif;
    font-weight: bold;
    padding: 0 15px;
    display: block;
    position: relative;
}

    body.technician.dispatch .dispatch_title::before {
        content: "";
        width: 66px;
        height: 66px;
        display: block;
        margin: 15px auto;
        background: url(../images/all/icon_07.svg) no-repeat center;
        background-size: 100%;
    }

    body.technician.dispatch .dispatch_title::before {
        content: "";
        width: 66px;
        height: 66px;
        display: block;
        margin: 15px auto;
        background: url(../images/all/icon_05.svg) no-repeat center;
        background-size: 100%;
    }

    body.technician.dispatch .dispatch_title:hover .fa-plus,
    body.technician.dispatch .dispatch_title:hover .fa-plus {
        transform: rotate(45deg);
    }

body.technician.dispatch .date_txt,
body.technician.dispatch .date_txt,
body.technician.search .date_txt {
    display: flex;
    align-items: center;
}

body.technician.dispatch .date_item,
body.technician.dispatch .sel_item,
body.technician.dispatch .date_item,
body.technician.dispatch .sel_item {
    width: 37% !important;
}

    body.technician.dispatch .date_item:nth-child(1),
    body.technician.dispatch .date_item:nth-child(1) {
        margin-right: 10px;
    }

    body.technician.dispatch .date_item:nth-child(2),
    body.technician.dispatch .date_item:nth-child(2) {
        margin-left: 10px;
    }

body.technician.dispatch .piece_btn {
    display: flex;
    justify-content: center;
}

    body.technician.dispatch .piece_btn a,
    body.technician.dispatch a.cancel_btn,
    .btn-click {
        background: #fff;
        border: 1px solid #2A2B2A;
        color: #000;
        padding: 5px 10px;
        transition: 0.3s all ease;
        margin: 0 5px;
        font-size: 15px;
        display: block;
        text-align: center;
        transition: all 0.6s ease;
    }

        body.technician.dispatch .piece_btn a:hover,
        body.technician.dispatch a.cancel_btn:hover,
        .btn-click:hover {
            background: #a38568;
            border: 1px solid #a38568;
            color: #fff;
        }

body.technician.dispatch a.cancel,
.btn-unclick {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    color: #ffffff;
}

.btn-unclick {
    padding: 5px 10px;
    transition: 0.3s all ease;
    margin: 0 5px;
    font-size: 15px;
    display: block;
    text-align: center;
    transition: all 0.6s ease;
    cursor: unset;
}

    .btn-unclick:hover {
        color: #fff;
    }

body.technician.dispatch a.cancel_btn {
    margin: 0;
}

body.technician.dispatch #view .wd p {
    margin-bottom: 0;
}

body.technician.dispatch #view .view_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px 0;
}

    body.technician.dispatch #view .view_btn a {
        background: #fff;
        border: 1px solid #2A2B2A;
        color: #000;
        padding: 10px 20px;
        transition: 0.3s all ease;
        min-width: 150px;
        margin: 0 10px;
        font-size: 15px;
        display: block;
        border-radius: 0;
    }

        body.technician.dispatch .piece_btn a:hover,
        body.technician.dispatch #view .view_btn a:hover {
            background: #dcb66a;
            color: #fff;
            border: 1px solid #dcb66a;
        }

body.technician.dispatch .piece_btn a.noclick {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    color: #ffffff;
}

body.technician.dispatch .info_item td,
body.technician.dispatch .info_item td {
    border-bottom: 1px solid #888888;
}

body.technician.dispatch .info_item:nth-last-child(-n+1) td,
body.technician.dispatch .info_item:nth-last-child(-n+1) td {
    border: none;
}

body.technician.dispatch_detail .pic_info,
body.technician.dispatch_detail .btn_info,
body.technician.dispatch_detail .pic_info,
body.technician.dispatch_detail .btn_info {
    display: flex;
}

    body.technician.dispatch_detail .pic_info label,
    body.technician.dispatch_detail .btn_info label,
    body.technician.dispatch_detail .pic_info label,
    body.technician.dispatch_detail .btn_info label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    body.technician.dispatch_detail .pic_info .pic_item .pic,
    body.technician.dispatch_detail .pic_info .pic_item .pic {
        width: 100px !important;
        margin-right: 10px;
    }

body.technician.dispatch_detail .btn_item,
body.technician.dispatch_detail .btn_item {
    display: flex;
}

    body.technician.dispatch_detail .btn_item a,
    body.technician.dispatch_detail .btn_item a {
        background: #fff;
        border: 1px solid #2A2B2A;
        color: #000;
        padding: 5px 15px;
        transition: 0.3s all ease;
        margin: 0 5px;
        font-size: 15px;
        display: block;
        text-align: center;
        transition: all 0.6s ease;
    }

        body.technician.dispatch_detail .btn_item a:hover,
        body.technician.dispatch_detail .btn_item a:hover {
            background: #dcb66a;
            color: #fff;
            border: 1px solid #dcb66a;
        }

        body.technician.dispatch_detail .btn_item a.noclick,
        body.technician.dispatch_detail .btn_item a.noclick {
            background: #8c8c8c;
            border: 1px solid #8c8c8c;
            color: #ffffff;
        }

body.technician.dispatch_detail .back,
body.technician.dispatch_detail .back {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

    body.technician.dispatch_detail .back a,
    body.technician.dispatch_detail .back a {
        display: block;
        text-align: center;
        transition: all 0.6s ease;
    }

        body.technician.dispatch_detail .back a:hover,
        body.technician.dispatch_detail .back a:hover {
            background: #dcb66a;
            color: #fff;
            border: 1px solid #dcb66a;
        }

/*----------------------------------------- widgets --------------------------------------*/
/* 預設共用 */
.wid {
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
}

.side.side1 {
    /*background: #fff;*/
    /*border: 7px solid #dcb66a;*/
    padding: 15px;
}

.side .wid .h3 .side-toggle {
    display: none;
}

.side1 .wid:first-child::before {
    content: "";
    background-color: #1e1d1d;
    position: absolute;
    right: calc(100% - 220px);
    top: -160px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    z-index: -1;
}

body.technician .side1 .wid:first-child::before,
body.technician .side1 .wid:first-child::before {
    display: none;
}

.side1 .wid ul {
    /*    text-align: center;
    display: flex;
    justify-content: center;*/
}

    .side1 .wid ul li {
        display: block;
    }

    .side1 .wid ul li {
        /*border-bottom: 1px solid #ccc;*/
    }

        .side1 .wid ul li a {
            position: relative;
            font-size: 16px;
            padding: 10px 5px 10px 25px;
            transition: all .5s ease;
        }

            .side1 .wid ul li a:hover {
                color: #fff;
            }

            .side1 .wid ul li a::before {
                content: "";
                background: transparent;
                width: 7px;
                height: 7px;
                border: 2px solid #939393;
                border-radius: 3px;
                display: inline-block;
                position: absolute;
                left: 6px;
                top: 16px;
                transition: 0.3s;
            }

            .side1 .wid ul li a:hover::before {
                background-color: #fff;
                border-color: #fff;
            }

.side1 .wid {
    margin-bottom: 30px;
}

    .side1 .wid.wid-about {
    }

.sec1 {
    margin-bottom: 50px;
}

.txt-link {
    color: #dcb66a;
    text-decoration: underline;
}

    .txt-link:hover {
        color: #a38568;
    }

td a {
    color: #000;
}

a.btn-style {
    padding: 5px 15px;
    display: block;
    background: #65532F;
    color: #fff;
}

    a.btn-style:hover {
        background: #a38568;
    }

.txt-red {
    color: #f00;
}

a.btn-style.btn-add {
    display: table;
    margin: 0 0 15px auto;
}

/* 搜尋產品 wid-search */
.wid-search .h3 {
}

    .wid-search .h3 .txt-tw {
    }

.wid-search .form-group {
    width: 100%;
}

    .wid-search .form-group .form-control {
        margin-bottom: 5px;
        width: 100%;
    }

.wid-search .btn {
    width: 100%;
}

    .wid-search .btn .txt-en {
        display: none;
    }

/* 商品推廌 wid-slideBanner */
.wid-slideBanner ul {
    list-style-type: none;
}

    .wid-slideBanner ul li a {
        display: block;
    }

        .wid-slideBanner ul li a img {
            width: 100%;
        }

.wid-slideBanner .jcarousel-control-prev,
.wid-slideBanner .jcarousel-control-next {
    position: absolute;
    display: block;
    width: 18px;
    height: 30px;
    background: url(../images/home/arrow.png) no-repeat;
    background-size: 100% auto;
    top: -39px;
}

.wid-slideBanner .jcarousel-control-prev {
    right: 16px;
}

.wid-slideBanner .jcarousel-control-next {
    right: 0;
    background-position: 0 -30px;
}

.form-group input[type=checkbox] + label {
    margin-right: 1em;
}



/*---------------------- 下拉選單 subNav  dropdownMenu --------------------*/
.navbar .navbar-nav .dropdown_submenu.pos_static {
    position: static;
}

.navbar-nav .dropdown_submenu > ul > li > ul > li {
    list-style: none;
}

    .navbar-nav .dropdown_submenu > ul > li > ul > li a {
        display: block;
    }

.navbar-nav .dropdown_submenu .dropdown-menu {
    left: auto;
    margin-top: -4px;
}

.navbar-nav .minwidth {
    min-width: 100px;
    padding: 0;
}



.navbar-nav .dropdown_submenu {
    position: relative;
}

li.hover_r_sider.dropdown_submenu {
    position: relative;
}


.navbar-nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

@media (min-width: 768px) {
    .navbar-nav .dropdown_submenu > ul > li > ul > li {
        /* margin-left: 15px; */
    }

    .dropdown_submenu .dropdown_submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }
}

/*------------------------subNav  dropdownMenu --------------------*/


/************* keyin page  ***************/

body.warranty_home.kypage_Y,
body.technician.kypage_Y,
body.technician.kypage_Y,
body.warranty.kypage_Y {
    background: #1d1d20;
}

    body.warranty_home.kypage_Y .main .content {
        background: url('../images/keyin/home_bg_001.png') center center no-repeat;
        background-size: contain;
    }

    /*body.warranty_home.kypage_Y .header .navbar .navbar-brand,
    body.technician.kypage_Y .header .navbar .navbar-brand,
    body.technician.kypage_Y .header .navbar .navbar-brand,
    body.warranty.kypage_Y .header .navbar .navbar-brand {
        background: url('../images/keyin/logo.png') center center no-repeat !important;
        width: 142px !important;
        height: 28px !important;
        margin-top: 60px;
    }*/

body.kypage_Y .notice p {
    text-shadow: none;
    color: #fff;
}


body.warranty_home.kypage_Y .content .item > a {
    display: block;
    width: 100%;
    position: relative;
}

body.warranty_home.kypage_Y .content .item {
    background: none;
    box-shadow: none;
}

    body.warranty_home.kypage_Y .content .item .name_txt {
        color: #fff;
        margin-top: 26px;
        font-size: 26px;
    }

    body.warranty_home.kypage_Y .content .item .icon {
        width: 80px;
        height: 80px;
        left: calc(100% - 90px);
        margin: 0 0 -35px;
        display: none;
    }

        body.warranty_home.kypage_Y .content .item .icon img {
            padding: 0;
            width: 40px;
            margin: 0;
        }

    body.warranty_home.kypage_Y .content .item .pic {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        background: #28272c;
        padding: 10px;
        transition: all .6s ease;
    }

        body.warranty_home.kypage_Y .content .item .pic img {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    body.warranty_home.kypage_Y .content .item .icon2 {
        background: #de4d0a;
        margin: 30px auto 0;
        width: 160px;
        height: auto;
        padding: 20px 30px 20px 20px;
        border-radius: 30px;
        position: relative;
    }

        body.warranty_home.kypage_Y .content .item .icon2:before {
            position: absolute;
            content: "進入專區";
            display: block;
            font-size: 16px;
            left: 61px;
            top: 13px;
            transition: all .6s ease;
        }

        body.warranty_home.kypage_Y .content .item .icon2 img {
            width: 16px;
            padding: 0;
        }

    body.warranty_home.kypage_Y .content .item:hover .pic img {
        transform: scale(1);
    }

    body.warranty_home.kypage_Y .content .item:hover .pic {
        transform: scale(1.05);
        background: #787878;
    }

    body.warranty_home.kypage_Y .content .item .pic:before {
        display: none;
    }

    body.warranty_home.kypage_Y .content .item:hover .pic img {
        opacity: 0.7;
    }

    body.warranty_home.kypage_Y .content .item:hover .name_txt {
        color: #787878;
    }

    body.warranty_home.kypage_Y .content .item:hover .icon2 {
        background: #787878;
    }

        body.warranty_home.kypage_Y .content .item:hover .icon2:before {
            color: #fff;
        }



body.technician.kypage_Y .header .navbar,
body.technician.kypage_Y .header .navbar,
body.warranty.kypage_Y .header .navbar {
    background: no-repeat;
}

/*body.technician.kypage_Y .header .navbar .navbar-brand, 
body.technician.kypage_Y .header .navbar .navbar-brand, 
body.warranty.kypage_Y .header .navbar .navbar-brand {
    margin-top: 30px;
}*/

body.technician.kypage_Y .breadcrumb,
body.technician.kypage_Y .breadcrumb,
body.warranty.kypage_Y .breadcrumb {
    border: none;
    background: #28272c;
    margin: 40px 10px 50px;
}

    body.technician.kypage_Y .breadcrumb a,
    body.technician.kypage_Y .breadcrumb a,
    body.warranty.kypage_Y .breadcrumb a,
    body.technician.kypage_Y .breadcrumb > .active,
    body.technician.kypage_Y .breadcrumb > .active,
    body.warranty.kypage_Y .breadcrumb > .active {
        color: #fff;
    }



body.technician.kypage_Y .inner,
body.warranty.search.kypage_Y .inner,
body.technician.kypage_Y .inner {
    background: #282828;
    box-shadow: none;
    border: none;
    border: solid 1px #767676;
    border-top: solid 2px #e04d09;
    color: #fff;
    border-radius: 50px;
}

    body.technician.kypage_Y .inner .inner_txt,
    body.warranty.search.kypage_Y .inner .inner_txt,
    body.technician.kypage_Y .inner .inner_txt {
        color: #fff;
        font-size: 16px;
        padding-top: 9px;
        margin-bottom: 0;
    }

    body.technician.kypage_Y .inner .export .inner_txt {
        background: #1d1d20;
        border: none;
    }

body.technician.kypage_Y .tip,
body.warranty.search.kypage_Y .tip,
body.technician.kypage_Y .tip {
    margin-bottom: 27px;
    /* color: #ddd; */
}

body.technician.kypage_Y .inner .btn-box,
body.warranty.search.kypage_Y .inner .btn-box,
body.technician.kypage_Y .inner .btn-box {
    margin-top: 33px;
}

    body.technician.kypage_Y .inner .btn-box a,
    body.warranty.search.kypage_Y .inner .btn-box a,
    body.technician.kypage_Y .inner .btn-box a {
        background: #e04d09;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 30px;
        border: none;
        color: #888;
        padding: 10px 30px 11px;
        -webkit-transition: 0.3s all ease;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease;
        color: #ffffff;
        font-size: 16px;
        margin-right: 10px;
        border: none;
    }

        body.technician.kypage_Y .inner .btn-box a:hover,
        body.warranty.search.kypage_Y .inner .btn-box a:hover,
        body.technician.kypage_Y .inner .btn-box a:hover {
            background-color: #973305;
            border: none;
        }

body.kypage_Y .main_top .h2,
body.about.kypage_Y .main_top .h1,
body.order.kypage_Y .main_top .h2.t04 {
    color: #fff;
    color: rgb(239, 108, 0);
}

body.technician.kypage_Y .main_top .h2:before,
body.technician.kypage_Y .main_top .h2:before,
body.warranty.search.kypage_Y .main_top .h2:before {
    display: none;
}


body.technician.kypage_Y .inner .input_item .form-control,
body.warranty.searchn.kypage_Y .inner .input_item .form-control,
body.technician.kypage_Y .inner .input_item .form-control,
body.kypage_Y .form-control {
    transition: all .3s ease;
}

    body.technician.kypage_Y .inner .input_item .form-control:focus,
    body.warranty.searchn.kypage_Y .inner .input_item .form-control:focus,
    body.technician.kypage_Y .inner .input_item .form-control:focus,
    body.kypage_Y .form-control:focus {
        box-shadow: none;
        border-color: #fc5000;
    }


body.technician.kypage_Y .footer .siteinfo ul > li a,
body.technician.kypage_Y .footer .siteinfo ul > li a,
body.warranty.kypage_Y .footer .siteinfo ul > li a,
body.technician.kypage_Y .footer .siteinfo ul > li label,
body.technician.kypage_Y .footer .siteinfo ul > li label,
body.warranty.kypage_Y .footer .siteinfo ul > li label,
body.technician.kypage_Y .footer .copyright,
body.technician.kypage_Y .footer .copyright,
body.warranty.kypage_Y .footer .copyright,
body.technician.kypage_Y .footer .powered,
body.technician.kypage_Y .footer .powered,
body.warranty.kypage_Y .footer .powered,
body.technician.kypage_Y .footer .powered a,
body.technician.kypage_Y .footer .powered a,
body.warranty.kypage_Y .footer .powered a {
    color: #fff;
}

body.kypage_Y .footer .siteinfo ul > li:before {
    background: url(../images/keyin/icon_contact.png) no-repeat;
}

body.kypage_Y .footer .siteinfo ul > li:nth-child(2):before {
    background: url(../images/keyin/icon_contact2.png) no-repeat;
}

body.kypage_Y .footer .siteinfo ul > li:nth-child(3):before {
    background: url(../images/keyin/icon_contact3.png) no-repeat;
}

body.technician.register.kypage_Y .agree_item .btn-membership,
body.technician.register.kypage_Y .agree_item .btn-membership {
    color: #e04d09;
}

.side .wid-warranty {
    background: none;
    padding: 0;
    border: none;
}

     .side .wid-warranty ul a{
        color: #fff;
        border: none;
        display: block;
        line-height: 20px;
        padding: 10px 10px 10px 22px;
        color: #fff;
        -webkit-transition: 0.3s all ease;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        transition: 0.3s all ease;
        position: relative;
    }

    body.technician.kypage_Y .side .wid-warranty ul li + li,
    body.technician.kypage_Y .side .wid-warranty ul li + li {
        border-top: 1px dotted #333336;
    }

    body.technician.kypage_Y .side .wid-warranty .h3,
    body.technician.kypage_Y .side .wid-warranty .h3 {
        color: rgba(255, 255, 255, 0.5);
        font-size: 18px;
        text-align: left;
        line-height: 28px;
        font-weight: normal;
        padding-bottom: 10px;
        margin-bottom: 10px;
        background: rgb(40, 40, 40);
        padding: 10px;
        border-radius: 10px;
        position: relative;
        margin-top: 0;
    }

        body.technician.kypage_Y .side .wid-warranty .h3:before,
        body.technician.kypage_Y .side .wid-warranty .h3:before {
            position: absolute;
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            background: #1d1d20;
            border-radius: 50%;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

    body.technician.kypage_Y .side .wid-warranty ul a:hover,
    body.technician.kypage_Y .side .wid-warranty ul a:hover {
        background: none;
        color: #e24e09;
    }

    body.technician.kypage_Y .side .wid-warranty ul a:before,
    body.technician.kypage_Y .side .wid-warranty ul a:before {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 2px;
        background: #fff;
        left: 2px;
        top: 17px;
        transition: all .3s ease;
        border: none;
    }

    body.technician.kypage_Y .side .wid-warranty ul a:hover:before,
    body.technician.kypage_Y .side .wid-warranty ul a:hover:before {
        width: 10px;
    }


body.kypage_Y .welcome-member {
    background: no-repeat;
    padding: 0;
    text-align: right;
    font-size: 15px;
    padding: 0 15px;
}


    body.kypage_Y .welcome-member img {
        width: 22px;
    }

body.kypage_Y .side.side1 {
    padding: 0 15px 0 0;
}




body.technician.index.kypage_Y .btn-member .icon,
body.technician.index.kypage_Y .btn-member .icon {
    background: #e04d09;
    width: 40px;
    padding: 0;
    height: 40px;
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    transition: all .3s ease;
}

body.technician.index.kypage_Y .btn-member,
body.technician.index.kypage_Y .btn-member {
    display: flex;
    flex-wrap: wrap;
}

    body.technician.index.kypage_Y .btn-member li,
    body.technician.index.kypage_Y .btn-member li {
        flex: 0 0 calc(33.33% - 20px);
        margin: 0 0 20px 20px;
        border-radius: 10px;
        border: none;
    }

        body.technician.index.kypage_Y .btn-member li a,
        body.technician.index.kypage_Y .btn-member li a {
            color: #fff;
            background: #282828;
            border-radius: 10px;
        }

    body.technician.index.kypage_Y .btn-member .icon img,
    body.technician.index.kypage_Y .btn-member .icon img {
        width: 30px;
        height: auto;
    }

    body.technician.index.kypage_Y .btn-member li a:hover,
    body.technician.index.kypage_Y .btn-member li a:hover {
        background: #4a4949;
        color: #fff;
    }

        body.technician.index.kypage_Y .btn-member li a:hover .icon,
        body.technician.index.kypage_Y .btn-member li a:hover .icon {
            background: #1d1d20;
        }


body.technician.dispatch.kypage_Y .dispatch_title::before {
    display: none;
}

body.technician.dispatch.kypage_Y .dispatch_title,
body.technician.dispatch.kypage_Y .dispatch_title {
    color: rgb(239, 108, 0);
}

body.kypage_Y h3.st {
    font-size: 24px;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    border: none;
    text-align: left;
    background: url(../images/about/cross.svg) no-repeat left 10px;
    padding: 5px 10px 5px 26px;
}

body.kypage_Y .form-horizontal.inner .result h3.st {
    margin-top: 30px;
    margin-bottom: 20px;
}

body.kypage_Y .form-horizontal.inner .result {
    border-top: double 4px #5a5a5a;
    margin-top: 40px;
}


body.kypage_Y .table-box table.table th,
body.kypage_Y .table-box table.table td {
    border-top: none;
}

body.technician.dispatch.kypage_Y .info_item td,
body.technician.dispatch.kypage_Y .info_item td {
    border-bottom: 1px solid #444444;
}

body.kypage_Y .txt-link {
    color: #e04d09;
}

body.kypage_Y .brown {
    color: #9b9b9b;
}

body.kypage_Y table.table td a .icon {
    background: #e04d09;
}

body.kypage_Y table.table td a:hover .icon {
    background: #973305;
}

body.technician.dispatch.kypage_Y .piece_btn a,
body.technician.dispatch.kypage_Y a.cancel_btn,
body.kypage_Y .btn-click {
    border-radius: 5px;
    border: none;
    transition: all .3s ease;
}

body.kypage_Y td a {
    color: #fff;
    transition: all .3s ease;
}

    body.kypage_Y td a:hover {
        color: #bbbbbb;
    }

body.kypage_Y .txt-link:hover {
    color: #973305;
}

body.technician.dispatch.kypage_Y .piece_btn a:not(.noclick):hover,
body.technician.dispatch.kypage_Y a.cancel_btn:not(.noclick):hover,
body.kypage_Y .btn-click:not(.noclick):hover {
    background: #000;
    border: none;
}

body.kypage_Y .table {
    background: rgb(46, 46, 46);
}

body.kypage_Y table.table.reflow-table th {
    background: #1d1d20;
}

body.technician.search.detail.kypage_Y .form-horizontal .control-label,
body.technician.search.detail.kypage_Y .form-horizontal .control-label {
    background: #1d1d20;
    border: none;
}

body.technician.search.detail.kypage_Y .inner .form-group,
body.technician.search.detail.kypage_Y .inner .form-group {
    display: flex;
    margin-bottom: 1px;
}

body.technician.search.detail.kypage_Y .inner .input_item,
body.technician.search.detail.kypage_Y .inner .input_item {
    background: rgb(46, 46, 46);
    clear: both;
}

body.kypage_Y a:hover {
    color: #e04d09;
}

body.technician.search.detail.kypage_Y .back a,
body.technician.search.detail.kypage_Y .back a {
    background: #e04d09;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 30px;
    border: none;
    color: #888;
    padding: 10px 30px 11px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #ffffff;
    font-size: 16px;
    margin-right: 10px;
    border: none;
}

    body.technician.search.detail.kypage_Y .back a:hover,
    body.technician.search.detail.kypage_Y .back a:hover {
        background-color: #973305;
        border: none;
    }

body.technician.dispatch.kypage_Y .dispatch_title::before {
    display: none;
}


body.kypage_Y .btn-primary:hover,
body.kypage_Y .btn-primary:focus,
body.kypage_Y .btn-primary:active,
body.kypage_Y .btn-primary.active,
body.kypage_Y .open > .dropdown-toggle.btn-primary {
    background: #e04d09;
}

body.kypage_Y .btn-default:hover,
body.kypage_Y .btn-default:focus,
body.kypage_Y .btn-default:active,
body.kypage_Y .btn-default.active {
    background: #e04d09;
}

/*** 2022/04/19 ***/

body.kypage_Y a.btn-style.btn-add {
    background: #e04d09;
    border-radius: 5px;
    line-height: 1.5;
    padding: 5px 15px 6px;
    transition: 0.3s all ease;
}

    body.kypage_Y a.btn-style.btn-add svg {
        margin-right: 5px;
    }

    body.kypage_Y a.btn-style.btn-add:hover {
        background: #973305;
        color: #fff;
    }

body.technician.kypage_Y .btn-privacy {
    color: #e04d09;
}

body.kypage_Y td a.btn-style {
    background: #fff;
    border: 1px solid #2A2B2A;
    color: #000;
    padding: 5px 10px;
    transition: 0.3s all ease;
    margin: 0 5px;
    font-size: 15px;
    display: block;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

    body.kypage_Y td a.btn-style:hover {
        background: #000;
        color: #fff;
    }

body.technician.kypage_Y .acc_txt a {
    color: #fff;
    transition: all .3s ease;
}

    body.technician.kypage_Y .acc_txt a:hover {
        color: #ef6c00;
    }

body.kypage_Y .btn-click {
    background: #6c6c6c;
    padding: 7px 15px;
    display: inline-block;
}

body.kypage_Y .btn-unclick,
body.kypage_Y .btn-unclick:hover {
    background: #242424;
    border: none;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 15px;
    color: #666;
}

body.technician.kypage_Y .inner.nobg,
body.warranty.search.kypage_Y .inner.nobg,
body.technician.kypage_Y .inner.nobg {
    background: none;
}

/************* keyin page  ***************/

.notes {
    display: none;
}

    .notes p {
        margin-bottom: 8px;
    }
    .kypage_Y  .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        background: #282828;
        box-shadow: none;
        border: none;
        border: solid 1px #767676;
        border-top: solid 2px #e04d09;
        color: #fff;
        border-radius: 50px;
    }
    body.kypage_Y.register #membership .title{
        background:none;
        color: rgb(239, 108, 0);
    }
    
    body.kypage_Y .fancybox-skin .fancybox-close {
        position: absolute;
        top: -18px;
        right: 0;
        width: 36px;
        height: 36px;
        cursor: pointer;
        z-index: 8040;
        background: rgb(239, 108, 0);
        transition: all 0.3s ease;
        border-radius: 50%;
    }

/************* ezkey  ***************/



body.warranty_home.ezkey .content .home_service {
    padding: 0 40px;
}

body.warranty_home.ezkey .content .item {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    position: relative;
    background: none;
    border-radius: 10px;
}

body.warranty_home:before {
    content: "";
    background: url(../images/ezkey/bg_before.jpg) center top no-repeat !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: color-burn;
    background-size: cover;
    opacity: .9;
        background-size: 100% auto !important;
}

body.warranty_home.ezkey .content .item .pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

body.warranty_home.ezkey .content .item:hover .pic img {
}

body.warranty_home.ezkey .content .item .pic {
    max-height: 450px;
    height: 50vh;
}

body.warranty_home.ezkey .content .item {
}

body.warranty_home.ezkey .content .home_service .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 5;
}

body.warranty_home.ezkey .content .home_service .pic:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8911939775910365) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8911939775910365) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.8911939775910365) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transform: none;
    backdrop-filter: blur(1px);
    transition: all .5s;
    opacity: 1;
    z-index: 5;
}

body.warranty_home.ezkey .content .home_service .item:hover .pic:before {
    opacity: 0;
    top: 100%;
}


body .notice p {
    text-shadow: none;
    margin-bottom: 40px;
    color: #fff;
}

body.warranty_home.ezkey .content .item .name_txt {
    text-align: left;
    color: #fff;
    font-size: 26px;
    margin: 0;
}

body.warranty_home.ezkey .content .item .g-tt {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    /* margin-bottom: -40px; */
    border-radius: 5px;
    padding: 15px;
    background: #a38568;
    background: -moz-linear-gradient(0deg, rgba(24,68,124,1) 0%, rgba(50,129,184,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(24,68,124,1) 0%, rgba(50,129,184,1) 100%);
    background: linear-gradient(0deg, rgba(24,68,124,1) 0%, rgba(50,129,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a38568",endColorstr="#3281b8",GradientType=1);
}

body.warranty_home.ezkey .content .item a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

body.warranty_home.ezkey .content .item .icon {
    display: none;
}

body.warranty_home.ezkey .content .item .name_txt p {
    margin: 0;
}

body.warranty_home.ezkey .content .item .name_txt p {
    margin-top: 5px;
}

body.warranty_home.ezkey .content .item .icon-arrow {
    width: 25px;
    height: 25px;
    background: rgba(255, 255, 255, 0.17);
    display: flex;
    margin-left: auto;
    transition: all 0.6s ease;
    /* padding: 5px; */
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

body.warranty_home.ezkey .content .item:hover .icon-arrow {
    animation: move-up-alternate 0.6s ease forwards;
    -webkit-filter: contrast(2);
}

@-webkit-keyframes move-up-alternate {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateX(80%);
        opacity: 0;
    }

    51% {
        transform: translateX(-80%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes move-up-alternate {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateX(80%);
        opacity: 0;
    }

    51% {
        transform: translateX(-80%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}


body.warranty_home.ezkey .content .item:hover {
    transform: scale(1.05);
}

body:not(.warranty.home) .header .navbar {
    background: none !important;
    border-bottom: 1px solid #5d5d5d;
}

body .main_top .h2:before {
    display: none !important;
}



body .header .navbar .navbar-brand.logo_3 {
    display: block !important;
}

body .breadcrumb {
    border: none;
    background: none;
    display: block !important;
}

    body .breadcrumb > li + li:before, body .breadcrumb > .active, body .breadcrumb li a {
        color: #777;
    }

body .inner {
    margin: auto;
    padding: 50px 25px;
    border: none !important;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset !important;
    border-radius: 10px;
    background: rgba(215, 215, 215, 0.6)!important;
    backdrop-filter: blur(3px);
}

body .btn-box a {
    background: #434343 !important;
    border: none !important;
    color: #fff !important;
    position: relative;
    z-index: 5;
    padding: 10px 20px;
    transition: 0.3s all ease;
    min-width: 150px;
    margin: 0 10px;
    font-size: 15px;
    display: block;
    border-radius: 0;
    display: inline-block;
}

body .inner .inner_txt {
    font-size: 16px !important;
    padding-top: 9px !important;
    margin-bottom: 5px !important;
    color: #000 !important;
}

    body .btn-box a:before {
        background: #a38568;
        position: absolute;
        top: 0;
        left: 0;
        right: 100%;
        bottom: 0;
        content: "";
        z-index: -1;
        transition: all .5s;
    }

    body  .btn-box a:hover:before {
        right: 0;
    }

body .notice p:before {
    content: "";
    width: 2em;
    height: 1px;
    background: #000;
    display: block;
    margin: 0 auto 15px;
}


body .side .wid-warranty {
    padding: 10px;
    border: none !important;
    position: relative;
    box-shadow:none!important;
    border-radius: 10px;
    background:none !important;
}
body .side.side1{
    padding:0 15px;
}

body .dispatch_title::before, body .fa-plus {
    display: none !important;
}

/*body .navbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    bottom: -50%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    opacity: .5;
    pointer-events: none;
}*/
body .side .wid-warranty .h3{
    display:flex;
    align-items:center;
}
    body .side .wid-warranty .h3:before {
        content: "";
        width: 2em;
        height: 1px;
        background: #000;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
body.technician.index .btn-member {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    width: auto;
}
    body.technician.index .btn-member li {
        flex: 0 0 calc(33.33% - 40px);
        margin: 0 20px 20px;
        border-radius: 10px;
        border: none;
    }
    body.technician.index .btn-member li a {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset !important;
        border-radius: 10px;
        background: rgba(215, 215, 215, 0.6);
        backdrop-filter: blur(3px);
        color: #000;
    }
    body.technician.index .btn-member .icon {
        width: 40px;
        padding: 0;
        height: 40px;
        display: flex;
        flex: 0 0 40px;
        align-items: center;
        transition: all .3s ease;
        background: #a38568;
    }
        body.technician.index .btn-member .icon img
        {
            width: 25px;
            height: auto;
        }
body .welcome-member {
    text-align: right;
    background: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
body .side .wid-warranty ul a {
    color: #fff;
    border-bottom: 1px solid #4e4e4e;
    padding: 10px 0;
}
body{
    color:#fff;
}
body .form-horizontal.inner .result {
    border-top: double 4px #5a5a5a;
    margin-top: 40px;
}
    body table.table.reflow-table th, body.technician.ezkey .inner .export .inner_txt {
        background: none;
        border: none;
        color: #000;
        border-bottom: 2px solid;
    }
body.technician.dispatch.ezkey a.cancel, .btn-unclick {
    background: #434343;
    color: #ffffff;
}
    body.technician.dispatch.ezkey a.cancel:hover, .btn-unclick:hover {
        background: #a38568;
    }
body h3.st {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border: none;
    color: #000;
    padding: 0;
}
    body h3.st:before {
        content: "";
        width: 7px;
        border-radius: 30px;
        height: 7px;
        background: #a38568;
        display: inline-block;
        margin-right: 10px;
    }
    body .table-box table.table th, body .table-box table.table td{
        border-top:none;
    }
    body .table-box table.table tbody td{
        border-top:1px solid #fff;
    }
    body table.table td a .icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #a38568;
}
body table.table td a:hover .icon {
    background: #a38568;
}
body.technician.register.ezkey .agree_item .btn-membership {
    color: #a38568;
}
body.detail .form-horizontal .control-label {
    border: none !important;
    background: none !important;
    color: #000;
}
body.detail .inner .input_item {
    background: none !important;
    color: #595959;
}
    body .inner .input_item a{
        color:#595959;
        text-decoration:underline;
    }
body.detail .inner .form-group {
    display: flex !important;
}
body.detail .inner .form-group +.form-group{
    border-top: 1px solid #ffffff;

}
body.technician.ezkey .acc_txt a {
    color: #fff;
}
body a.btn-style {
    background: #434343;
    color: #fff;
}
    body a.btn-style:hover, body .btn-primary:hover{
    background:#a38568;
}
body .side .wid-warranty ul a:hover {
    color: #a38568;
}
body table a.red {
    color: #a38568;
}
body .side .wid-warranty ul a:before {
    content: "";
    width: 0;
    border-radius: 30px;
    height: 3px;
    background: #a38568;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    left: auto;
    top: auto;
    border: none;
    vertical-align: middle;
    transition:all .5s;
}
body .side .wid-warranty ul a:hover:before{
    width:10px;
}
body  .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset !important;
    border-radius: 10px;
    background: rgba(0, 0, 0 , 0.45);
    color: #fff;    /* border: 1px solid #ffffff63; */
    backdrop-filter: blur(8px);
}
body.technician.register.ezkey #membership .title {
    background: #434343;
    border-radius:5px;
}
body .fancybox-skin .fancybox-close {
    background: #a38568;
}
    body .fancybox-skin .fancybox-close:hover, body .fancybox-overlay .title {
        background: #a38568!important;
    }

body.distributor.vendor .btn-member li {
    flex: 0 0 calc(50% - 20px);
}
body .inner .input_item {
    padding: 6px 12px;
}
body .agree_item .btn-privacy, body .main_content .content .agree_item .btn-privacy, body .main_content .content .btn-membership{
    color: #a38568;

}
.d-flex.align-items-center {
    align-items: center;
}

.mx-1 {
    margin: 0 5px;
}


    body .table-box table.table td a:hover {
        color: #a38568;
    }
    body.register #success .sus_btn a:hover, body.technician.register #success .sus_btn a:hover{
        background: #a38568;
        color: #fff;
        border: 1px solid #a38568;
    }
    .eZShareBar{
        display: none;
    }
    .header .navbar .sub-nav li{
        position: relative;
    }
    .header .tooltip.in {
        padding: 5px 0;
        margin-top: 3px;
        top: 100% !important;
        left: 0 !important;
    }
    /* .store_content .item.flagship  .item_info{
        background-color: #857f7e;
    }    */
    .header .navbar .sub-nav li.icon_tel:hover{
        width: 150px;
    }
    .store_content .item.flagship .item_info{
        position: relative;
    }
    .store_content .item.flagship  .g-flex{
        display: flex;
        border-radius: 5px;
        overflow: hidden;
        height: 350px;
    
    }
    .store_content .item.flagship  .g-flex .info{
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        z-index: 5;
        background: rgba(65, 61, 60, 0.8);
        backdrop-filter: blur(2px);
        border-radius: 5px;
        right: 30px;
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px;
        transform: translateY(-50%);
    }
    .store_content .item.flagship  .g-flex .pic{
        overflow: hidden;
    }
    .store_content .item.flagship  .g-flex .pic img{
        object-fit: cover;
        height: 100%!important;
        width: 100%;;
    }
    
.tag-flagship{
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 5px;
    background: #c8a460;
    color: #fff;
    padding: 0 20px;
    font-size: 20px;
}

body.home.moorgen .footer {
    position: relative;
    top: auto;
    left: auto;
    bottom:auto;
    display: block;
    border:none;
    color:#000;
}


body.warranty.moorgen.home .g-home {
    display: flex;
    height:100vh;
}
body.warranty.moorgen.home .g-home >*{
    width:50%;
}
body.warranty.moorgen.home .g-home .home-link{
    display:flex;
}
    body.warranty.moorgen.home .g-home .home-link a {
        margin: 0 30px;
        background: #fff;
        text-align: center;
    }
        body.warranty.moorgen.home .g-home .home-link a .pic {
            overflow: hidden;
        }
            body.warranty.moorgen.home .g-home .home-link a .pic img {
                transform: scale(1);
                transition: all .5s;
                object-fit: cover;
                height: 100%;
                width: 100%;
            }
            body.warranty.moorgen.home .g-home .home-link a:hover .pic img {
                transform: scale(1.1);
            }
        body.warranty.moorgen.home .g-home .home-link a .info {
            padding: 20px;
            font-size: 20px;
        }
            body.warranty.moorgen.home .g-home .home-link a .info .icon span {
                background: #8d8d8d;
                width: 70px;
                height: 70px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 30px;
                color: #fff;
                margin: -55px auto 15px;
                position: relative;
                z-index: 5;
                transition: all .5s;
            }
                body.warranty.moorgen.home .g-home .home-link a:hover .info .icon span{
                    background:#000;

                }

                .icon .material-symbols-outlined {
                    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24
                }

body.warranty.moorgen.home .g-home .home-link a .info .tt {
    margin: 15px auto;
    font-weight:bold;
}
    body.warranty.moorgen.home .g-home .home-link a .info .tt:after {
        width: 2em;
        content: "";
        height: 1px;
        background: #000;
        margin: 15px auto 0;
        display: block;
        transform-origin: left;
        transform: scaleX(1);
        transition: transform .5s;
    }

body.warranty.moorgen.home .g-home .home-link a:hover .info .tt:after {
    transform-origin: right;
    transform: scaleX(0);
}



                body.warranty.moorgen.home .g-home .l-info {
                    background: url(../images/moorgen/bg_home.jpg) no-repeat;
                    background-size: cover;
                    padding: 5vw;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
    body.warranty.moorgen.home .g-home .r-info {
        background: url(../images/moorgen/bg_home2.jpg) no-repeat;
        background-size: cover;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        padding: 5vw 4vw;
        position:relative;
    }
        body.warranty.moorgen.home .g-home .r-info .bg {
            overflow:hidden;
            position: absolute;
            bottom: 0;
            right: 0;
            width:70%;
            top:0;
            display:flex;
            align-items:flex-end;
        }
            body.warranty.moorgen.home .g-home .r-info .bg img{
            }
            .footer .social-list a:not(.txt-link) {
                font-size: 20px;
            }
.footer .social-list li{
    margin-right:10px;
}
.form-control {
    border: none;
    box-shadow: none;
    background: #fff;
}
body.home .footer .bg{
    display:none!important;
}
.footer .bg{
    position:absolute;  
    bottom:0;
    right:0;
    width:30%;
}
body:not(.home) .page_wrapper {
    height: 100%;
    position: static;
}
body:not(.home) {
    min-height:100vh;
    position:relative;
}
body:not(.home) >*{
    height:100%;
}

.input-txt {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 14px;
}

.acc_item .g-select {
    display: flex;
    align-items: center;
    width: 100%;
}
.acc_item .g-select >*{
    flex-grow: 1;
}