@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
/*Google Font Loaded*/
@import url("icon_font-awesome.css");
/*FontAwesome Icon Font Style*/
@import url("icon_themify.css");
/*Themify Icon Font Style*/
@import url("./plugins/owl.carousel.css");
/*Owl Slider Style*/
@import url("./plugins/slick.css");
/*Slick Slider Style*/
@import url("./plugins/nice-select.css"); /* Selectbox Plugin */
html {
    font-size: 87.5%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}
body {
    font-size: 14px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: arial, Microsoft JhengHei, LiHei Pro, sans-serif;
    color: #424242;
    font-weight: 400;
    margin: 0;
    background: #fff;
}
.site-wraper {
    position: relative;
    overflow: hidden;
}
.page-content-wraper {
    position: relative;
    width: 100%;
    background: #f3f3f3;
}
.content-page {
    padding-bottom: 80px;
    padding-top: 0;
}
.center {
    text-align: center;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*::after, *::before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*:after, *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: none;
    outline: none;
}
/*------------------------------------------------------------*/
/* Typography */
/*------------------------------------------------------------*/
*, h1, h2, h3, h4, h5, h6, p, ul, a {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Microsoft JhengHei";
    color: #e37222;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1, h2, h3, .h1, .h2, .h3 {
    font-weight: 400;
}
h4, h5, h6, .h4, .h5, .h6 {
    font-weight: 400;
}
h1, .h1 {
    line-height: 1.3;
}
h2, .h2 {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 30px;
}
h3, .h3 {
    font-size: 28px;
    line-height: 1.4;
}
h4, .h4 {
    font-size: 20px;
    line-height: 1.4;
}
h5, .h5 {
    font-size: 16px;
    line-height: 1.4;
}
h6, .h6 {
    font-size: 14px;
    line-height: 1.4;
}
.small {
    font-size: 12px;
    line-height: 1.7;
}
.lead {
    font-size: 16px;
    line-height: 1.7;
}
.lead-lg {
    font-size: 18px;
    line-height: 1.7;
}
.page-title {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 36px;
        line-height: 1.3;
    }
    h2, .h2 {
        font-size: 28px;
        line-height: 1.4;
    }
    h3, .h3 {
        font-size: 22px;
        line-height: 1.4;
    }
}
p, ul, ol, pre, table, blockquote {
    margin-bottom: 15px;
    margin-top: 15px;
}
ul.list-default, ol.list-default {
    list-style: initial;
}
ul, ol {
    list-style: none;
    line-height: 1.7;
}
ul.bullets, ol.bullets {
    list-style: inside;
}
ol.list-none, ol.list-none {
    list-style: none;
}
ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}
blockquote {
    font-size: 28px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-left: 0;
}
strong {
    font-weight: 500;
}
hr {
    margin: 0;
    border-color: #eee;
}
.hr-top {
    border-top: 1px solid #eee;
}
.hr-bottom {
    border-bottom: 1px solid #eee;
}
a {
    color: #ffffff;;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
a.link {
    color: #00bdb3;
}
a.link:hover {
    text-decoration: underline;
}
a.tag {
    color: #00bdb3;
    margin-bottom: 5px;
    font-size: 12px;
}
a.tag:hover {
    text-decoration: underline;
}
.inline-block {
    display: inline-block;
}
.intro-box {
    /*background-image: url(../img/slogan_banner.jpg);*/
    padding-top: 25px;
    padding-bottom: 25px;
    background-attachment: fixed;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}
.intro-box span {
    color: #FFFFFF;
}
/*! Typography Classes */
.text--center {
    text-align: center;
}
.text--left {
    text-align: left;
}
.text--right {
    text-align: right;
}
.text--fade {
    opacity: .5;
}
.text--uppercase {
    text-transform: uppercase;
}
.text--bold {
    font-weight: bold;
}
.text--italic {
    font-style: italic;
}
.text--sm {
    font-size: 12px;
}
.text--through {
    text-decoration: line-through;
    opacity: .5;
}
.text--underline {
    text-decoration: underline;
}
.text--body-font {
    font-family: 'Rubik', sans-serif;
}
.bannerBack {
    background-image: url(../img/banner.png);
    background-position: center;
    width: 100%;
    height: 69px;
    position: absolute;
    bottom: 0;
    z-index: 50 !important;
}
/*------------------------------------------------------------*/
/* Theme Colors */
/*------------------------------------------------------------*/
/* Background Color */
.bg-gray {
    background-color: #f6f6f6;
}
.bg-sky {
    background-color: #ffffff;
}
.bg-black {
    background-color: #282828;
}
.bg-white {
    background-color: #fff;
}
.bg-color {
    background-color: #00bdb3;
}
/* Type Color */
.white {
    color: #fff;
}
.color {
    color: #00bdb3;
}
.black {
    color: #282828;
}
/*------------------------------------------------------------*/
/* Position */
/*------------------------------------------------------------*/
.pos-relative {
    position: relative;
}
.pos-absolute {
    position: absolute;
}
.pos-top {
    top: 0;
}
.pos-bottom {
    bottom: 0;
}
.pos-right {
    right: 0;
}
.pos-left {
    left: 0;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.float-none {
    float: none;
}
@media all and (max-width: 767px) {
    .float-left, .float-right {
        float: none;
    }
    .float-left-xs {
        float: left;
    }
    .float-right-xs {
        float: right;
    }
}
.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
@media all and (max-width: 767px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none;
    }
}
.inline-block {
    display: inline-block;
}
.block {
    display: block;
}
@media all and (max-width: 767px) {
    .block--xs {
        display: block;
    }
}
@media all and (max-width: 991px) {
    .text-center-md {
        text-align: center;
    }
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
}
@media all and (max-width: 767px) {
    .text-center-xs {
        text-align: center;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-right-xs {
        text-align: right;
    }
}
/*------------------------------------------------------------*/
/* Form */
/*------------------------------------------------------------*/
form {
    max-width: 100%;
}
form:before, form:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
form:after {
    clear: both;
}
label {
    color: #282828;
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 0px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
    vertical-align: middle;
    display: block;
    font-family: inherit;
}
label.left {
    text-align: left;
}
label.inline-block {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
}
input[type="radio"], input[type="checkbox"] {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ddd;
}
input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select, .input-md {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25 !important;
    font-family: inherit;
    vertical-align: middle;
}
input[type]:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #00bdb3;
}
input[type]:active, textarea:active, select:active {
    outline: none;
}
.input-lg {
    padding: 10px 18px !important;
}
.input-xlg {
    padding: 12px 20px !important;
}
.form-full {
    width: 100%;
}
.form-field-wrapper {
    margin-bottom: 20px;
    position: relative;
}
form .error {
    border-color: #e1534f;
}
.form-required {
    color: #f00;
}
.successContent, .errorContent {
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}
.form-border-box {
    border: 1px solid #eee;
    padding: 30px;
}
.required {
    color: #E3272A;
}
/*------------------------------------------------------------*/
/* Buttons */
/*------------------------------------------------------------*/
input[type="button"], button, .btn {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid;
    background: #ff9800;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 1.25 !important;
    display: inline-block;
    font-family: inherit;
    outline: none;
    cursor: pointer;
    border-color: transparent;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    vertical-align: middle;
}
input[type="button"]:hover, button:hover, .btn:hover {
    background-color: #dadada;
}
.btn-color {
    background: #FF9800 !important;
    color: #fff !important;
}
.btn-color:hover {
    background: #db8300 !important;
    color: #fff !important;
}
.btn-outline {
    background: transparent !important;
    color: #282828 !important;
    border-color: #ddd !important;
}
.btn-outline:hover {
    background: transparent !important;
    color: #282828 !important;
    border-color: #bbb !important;
}
.btn-outline-light {
    background: transparent !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.50) !important;
}
.btn-outline-light:hover {
    background: transparent !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 1) !important;
}
.btn-lg {
    padding: 10px 30px !important;
}
.btn-xlg {
    padding: 12px 30px !important;
}
.btn-sm {
    padding: 7px 22px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}
.btn i.right, button i.right, .btn i.right, button i.right, i.right {
    margin-left: 6px;
    margin-right: 0px;
    vertical-align: middle;
}
.btn i, button i, .btn i, button i, i.left {
    margin-right: 6px;
    margin-left: 0px;
}
/*------------------------------------------------------------*/
/* Spacing */
/*------------------------------------------------------------*/
.section-padding100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}
.section-padding-t {
    padding-top: 70px;
}
.section-padding-b {
    padding-bottom: 70px;
}
.section-padding-sm {
    padding-top: 45px;
    padding-bottom: 45px;
}
.section-padding-sm-t {
    padding-top: 45px;
}
.section-padding-sm-b {
    padding-bottom: 45px;
}
.section-padding-xsm {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-padding-xsm-t {
    padding-top: 30px;
}
.section-padding-xsm-b {
    padding-bottom: 30px;
}
.section-margin {
    margin-top: 70px;
    margin-bottom: 70px;
}
.section-margin-t {
    margin-top: 70px;
}
.section-margin-b {
    margin-bottom: 70px;
}
.section-margin-sm {
    margin-top: 45px;
    margin-bottom: 45px;
}
.section-margin-sm-t {
    margin-top: 45px;
}
.section-margin-sm-b {
    margin-bottom: 45px;
}
.section-margin-xsm {
    margin-top: 30px;
    margin-bottom: 30px;
}
.section-margin-xsm-t {
    margin-top: 30px;
}
.section-margin-xsm-b {
    margin-bottom: 30px;
}
/*--*/
.p-90 {
    padding: 90px;
}
.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.plt-90 {
    padding-left: 90px;
    padding-right: 90px;
}
.pt-90 {
    padding-top: 90px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-80 {
    padding-bottom: 80px;
}
/*--*/
.p-85 {
    padding: 85px;
}
.ptb-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}
.plt-85 {
    padding-left: 85px;
    padding-right: 85px;
}
.pt-85 {
    padding-top: 85px;
}
.pb-85 {
    padding-bottom: 85px;
}
/*--*/
.p-80 {
    padding: 80px;
}
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.plt-80 {
    padding-left: 80px;
    padding-right: 80px;
}
.pt-80 {
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
/*--*/
.p-75 {
    padding: 75px;
}
.ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}
.plt-75 {
    padding-left: 75px;
    padding-right: 75px;
}
.pt-75 {
    padding-top: 75px;
}
.pb-75 {
    padding-bottom: 75px;
}
/*--*/
.p-70 {
    padding: 70px;
}
.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.plt-70 {
    padding-left: 70px;
    padding-right: 70px;
}
.pt-70 {
    padding-top: 70px;
}
.pb-70 {
    padding-bottom: 70px;
}
/*--*/
.p-65 {
    padding: 65px;
}
.ptb-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.plt-65 {
    padding-left: 65px;
    padding-right: 65px;
}
.pt-65 {
    padding-top: 65px;
}
.pb-65 {
    padding-bottom: 65px;
}
/*--*/
.p-60 {
    padding: 60px;
}
.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.plt-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
/*--*/
.p-55 {
    padding: 55px;
}
.ptb-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.plt-55 {
    padding-left: 55px;
    padding-right: 55px;
}
.pt-55 {
    padding-top: 55px;
}
.pb-55 {
    padding-bottom: 55px;
}
/*--*/
.p-50 {
    padding: 50px;
}
.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.plt-50 {
    padding-left: 50px;
    padding-right: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
/*--*/
.p-45 {
    padding: 45px;
}
.ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.plt-45 {
    padding-left: 45px;
    padding-right: 45px;
}
.pt-45 {
    padding-top: 45px;
}
.pb-45 {
    padding-bottom: 45px;
}
/*--*/
.p-40 {
    padding: 40px;
}
.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.plt-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
/*--*/
.p-35 {
    padding: 35px;
}
.ptb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.plt-35 {
    padding-left: 35px;
    padding-right: 35px;
}
.pt-35 {
    padding-top: 35px;
}
.pb-35 {
    padding-bottom: 35px;
}
/*--*/
.p-30 {
    padding: 30px;
}
.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.plt-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.pt-30 {
    padding-top: 30px;
}
.pb-30 {
    padding-bottom: 30px;
}
/*--*/
.p-25 {
    padding: 25px;
}
.ptb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.plt-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.pt-25 {
    padding-top: 25px;
}
.pb-25 {
    padding-bottom: 25px;
}
/*--*/
.p-20 {
    padding: 20px;
}
.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.plt-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-20 {
    padding-bottom: 20px;
}
/*--*/
.p-15 {
    padding: 15px;
}
.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.plr-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.plt-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.pt-15 {
    padding-top: 15px;
}
.pb-15 {
    padding-bottom: 15px;
}
/*--*/
.p-10 {
    padding: 10px;
}
.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.plt-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}
/*--*/
.p-5 {
    padding: 5px;
}
.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.plt-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.pt-5 {
    padding-top: 5px;
}
.pb-5 {
    padding-bottom: 5px;
}
/*--*/
.m-90 {
    margin: 90px;
}
.mlr-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}
.mlt-90 {
    margin-left: 90px;
    margin-right: 90px;
}
.mt-90 {
    margin-top: 90px;
}
.mb-90 {
    margin-bottom: 90px;
}
/*--*/
.m-85 {
    margin: 85px;
}
.mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}
.mlt-85 {
    margin-left: 85px;
    margin-right: 85px;
}
.mt-85 {
    margin-top: 85px;
}
.mb-85 {
    margin-bottom: 85px;
}
/*--*/
.m-80 {
    margin: 80px;
}
.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mlt-80 {
    margin-left: 80px;
    margin-right: 80px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
/*--*/
.m-75 {
    margin: 75px;
}
.mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}
.mlt-75 {
    margin-left: 75px;
    margin-right: 75px;
}
.mt-75 {
    margin-top: 75px;
}
.mb-75 {
    margin-bottom: 75px;
}
/*--*/
.m-70 {
    margin: 70px;
}
.mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}
.mlt-70 {
    margin-left: 70px;
    margin-right: 70px;
}
.mt-70 {
    margin-top: 70px;
}
.mb-70 {
    margin-bottom: 70px;
}
/*--*/
.m-65 {
    margin: 65px;
}
.mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}
.mlt-65 {
    margin-left: 65px;
    margin-right: 65px;
}
.mt-65 {
    margin-top: 65px;
}
.mb-65 {
    margin-bottom: 65px;
}
/*--*/
.m-60 {
    margin: 60px;
}
.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.mlt-60 {
    margin-left: 60px;
    margin-right: 60px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px !important;
}
/*--*/
.m-55 {
    margin: 55px;
}
.mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}
.mlt-55 {
    margin-left: 55px;
    margin-right: 55px;
}
.mt-55 {
    margin-top: 55px;
}
.mb-55 {
    margin-bottom: 55px;
}
/*--*/
.m-50 {
    margin: 50px;
}
.mtb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.mlt-50 {
    margin-left: 50px;
    margin-right: 50px;
}
.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px !important;
}
/*--*/
.m-45 {
    margin: 45px;
}
.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.mlt-45 {
    margin-left: 45px;
    margin-right: 45px;
}
.mt-45 {
    margin-top: 45px;
}
.mb-45 {
    margin-bottom: 45px;
}
/*--*/
.m-40 {
    margin: 40px;
}
.mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.mlt-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
/*--*/
.m-35 {
    margin: 35px;
}
.mtb-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}
.mlt-35 {
    margin-left: 35px;
    margin-right: 35px;
}
.mt-35 {
    margin-top: 35px;
}
.mb-35 {
    margin-bottom: 35px;
}
/*--*/
.m-30 {
    margin: 30px;
}
.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mlt-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
/*--*/
.m-25 {
    margin: 25px;
}
.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.mlt-25 {
    margin-left: 25px;
    margin-right: 25px;
}
.mt-25 {
    margin-top: 25px;
}
.mb-25 {
    margin-bottom: 25px;
}
/*--*/
.m-20 {
    margin: 20px;
}
.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mlt-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
/*--*/
.m-15 {
    margin: 15px;
}
.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mlt-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
/*--*/
.m-10 {
    margin: 10px;
}
.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mlt-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mr-10 {
    margin-right: 10px;
}
/*--*/
.m-5 {
    margin: 5px;
}
.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.mlt-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.mt-5 {
    margin-top: 5px;
}
.mb-5 {
    margin-bottom: 5px;
}
/*--*/
.m-0 {
    margin: 0px;
}
.mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mlt-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.mt-0 {
    margin-top: 0px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
@media (max-width: 991px) {
    .mt-sm-45 {
        margin-top: 45px;
    }
    .mb-sm-45 {
        margin-bottom: 45px;
    }
    .mt-sm-30 {
        margin-top: 30px;
    }
    .mb-sm-30 {
        margin-bottom: 30px;
    }
    .mt-sm-15 {
        margin-top: 15px;
    }
    .mb-sm-15 {
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .mt-xs-45 {
        margin-top: 45px;
    }
    .mb-xs-45 {
        margin-bottom: 45px;
    }
    .mt-xs-30 {
        margin-top: 30px;
    }
    .mb-xs-30 {
        margin-bottom: 30px;
    }
    .mt-xs-15 {
        margin-top: 15px;
    }
    .mb-xs-15 {
        margin-bottom: 15px;
    }
}
/*------------------------------------------------------------*/
/* Box */
/*------------------------------------------------------------*/
.border-box-lg, .border-box-md, .border-box-sm {
    border: 1px solid #eee;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.border-box-lg, .box-lg {
    padding: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.border-box-md, .box-md {
    padding: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.border-box-sm, .box-sm {
    padding: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
[class*="border-box-"] *:last-child, [class*="box-"] *:last-child {
    margin-bottom: 0;
}
.round-xlg {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.round-lg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.round-sm {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.img-cover-wrap {
    position: relative;
    overflow: hidden;
    display: block;
}
.img-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
/*===============================================================*/
/* Header */
/*===============================================================*/
.header {
    padding-top: 10px;
    position: relative;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    z-index: 999;
    background-image: -webkit-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: -moz-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: -o-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: linear-gradient(228deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-color: #0090d5;
}
.header .row {
    position: static;
}
@media (max-width: 991px) {
    .header {
        /*  padding-bottom: 15px;*/
    }
}
/*------------------------------------------------------------*/
/* Topbar */
/*------------------------------------------------------------*/
.topbar {
    padding: 11px;
    font-size: 13px;
    position: relative;
    z-index: 3;
}
.topbar p {
    margin: 0;
    display: inline-block;
    padding-right: 30px;
}
.topbar p:last-child {
    padding-right: 0;
}
.topbar .coupon {
    border: 1px dashed #ddd;
    margin-left: 6px;
    background: #fff;
    color: #ff4747;
    text-transform: uppercase;
    padding: 3px 7px;
}
.topbar ul.links {
    list-style: none;
    margin: 0;
}
.topbar ul.links li {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}
.topbar ul.links li:last-child {
    padding-right: 0px;
}
.topbar ul.links > li > a:hover {
    text-decoration: underline;
    color: #282828;
}
/*-----------------------------------------------------------*/
/* Logo */
/*------------------------------------------------------------*/
.logo {
    display: block;
    margin: 9px 0 10px;
    text-align: center;
}
.logo img {
    max-width: 100%;
    height: 70px;
}
.logo img:nth-of-type(2) {
    margin-left: 30px;
}
/*------------------------------------------------------------*/
/* Search Bar */
/*------------------------------------------------------------*/
.search-bar {
    position: relative;
}
.search-bar .search-bar-input {
    padding-right: 45px;
}
.search-bar .search-bar-icon {
    background: none;
    color: #282828;
    padding-left: 15px;
    padding-right: 15px;
    border: 0 none;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
    font-size: 16px;
}
/*------------------------------------------------------------*/
/* Header Toolbar */
/*------------------------------------------------------------*/
.header-toolbar {
    margin-top: 5px;
}
.header-toolbar ul {
    list-style: none;
    margin: 0;
}
.header-toolbar ul li {
    display: inline-block;
    position: relative;
}
.header-toolbar > ul > li > a {
    font-size: 24px;
    display: block;
    padding: 0 10px;
    position: relative;
    text-align: center;
    color: #ffffff !important;
}
.header-toolbar .cart-tool span.cart-count {
    background-color: #FF9800;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 17px;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin-left: 5px;
    clear: both;
}
@media (max-width: 575px) {
    .header-toolbar > ul > li > a {
        font-size: 15px;
        padding: 0 5px;
    }
    .header-toolbar .cart-tool span.cart-count {
        display: none;
    }
}
/*------------------------------------------------------------*/
/* Navigation Menu */
/*------------------------------------------------------------*/
.nav-menu {
    position: static !important;
}
/*Nav Menu*/
.nav-menu > ul {
    margin: 0;
    padding: 0;
}
.nav-menu > ul > li {
    display: inline-block;
    text-align: center;
}
.nav-menu > ul > li > a {
    padding: 15px 12px;
    display: block;
    position: relative;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    font-family: "Microsoft JhengHei";
}
.nav-menu > ul > li:hover > a {
    color: #FFF;
}
.nav-menu .nav-menu-item {
    position: relative;
}
/*mobile menu Button*/
.menu-mobile-btn {
    display: none;
    opacity: 0;
    visibility: hidden;
}
/*Mobile Menu Button*/
.menu-mobile-btn span {
    background: #28282840;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    display: block;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 6px;
}
/*Dropdown*/
.nav-dropdown, .nav-dropdown-sub {
    width: 210px;
    display: none;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
}
.nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 0px;
    padding-bottom: 8px;
    text-align: left;
    list-style: none;
    z-index: 9;
}
.nav-dropdown.left {
    left: auto;
    right: 0;
}
.nav-dropdown ul {
    padding: 0;
}
.nav-dropdown ul {
    list-style: none;
}
.nav-dropdown ul li {
    padding: 5px 20px;
    position: relative;
}
.nav-dropdown [class*="col-"] ul {
    margin-bottom: 15px;
}
.nav-dropdown [class*="col-"] ul:last-child {
    margin-bottom: 0;
}
.nav-dropdown ul li, .nav-dropdown ul li a {
    display: block;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.nav-dropdown ul li a, .nav-dropdown-sub ul li a {
    color: #0e6aa9;
    font-family: "Microsoft JhengHei";
}
.nav-dropdown ul li a:hover, .nav-dropdown-sub ul li a:hover, .nav-dropdown ul li:hover > a {
    color: #282828;
}
.nav-dropdown ul li .dropdown-title {
    font-size: 16px;
    color: #ffffff;
    background-color: #ff9800;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 100%;
    display: block;
}
.nav-dropdown-sub {
    position: absolute;
    top: 0;
    left: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    list-style: none;
    margin-left: -5px;
}
.nav-dropdown-sub.left {
    left: auto;
    right: 100%;
    margin-right: -5px;
}
/* Mega Dropdown */
.nav-menu .mega-menu {
    position: static;
}
.mega-dropdown, .col2-dropdown, .col3-dropdown {
    padding: 15px 30px;
}
.mega-dropdown {
    width: 100%;
    height: 400px;
    overflow-y: auto;
}
.col3-dropdown {
    width: 720px;
}
.col2-dropdown {
    width: 500px;
}
/* dropdown elements */
.menu-dropdown-icon {
    display: none;
}
.menu-dropdown-icon:before {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #eee;
    color: #999;
    content: "";
    cursor: pointer;
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    position: relative;
    z-index: 5;
    top: 0;
    right: 0;
}
.sub-dropdown-icon::before {
    color: #999;
    content: "";
    cursor: pointer;
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.nav-menu.show-on-mobile {
    display: block;
    opacity: 1;
    visibility: visible;
    /*background: #0185c4;*/
    z-index: 5;
}
@media (min-width: 992px) {
    .nav-dropdown.col2-dropdown ul li, .nav-dropdown.col3-dropdown ul li, .nav-dropdown.mega-dropdown ul li {
        padding-left: 0;
        padding-right: 0;
    }
    .nav-dropdown-sub {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .nav-dropdown {
        margin-top: -6px;
    }
}
@media (max-width: 991px) {
    .nav-menu {
        background-color: transparent;
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute !important;
        top: 100%;
        left: 0;
    }
    .nav-menu > ul > li {
        display: block;
        text-align: left;
        position: relative;
        margin-top: 2px;
        background: #fff;
    }
    .nav-menu > ul > li > a {
        padding: 10px 15px;
        position: relative;
        border: 1px solid #eee;
        display: block;
        width: 100%;
        color: #0e6aa9;
    }
    .tp-bullet.selected, .tp-bullet:hover {
        background-color: #005FB8;
        border: 1px solid hsl(205, 100%, 50%) !important;
    }
    .tp-bullet {
        width: 15px;
        border: 1px solid hsl(205, 100%, 50%) !important;
        height: 15px;
        position: absolute;
        background: #fff;
        background: rgba(255, 255, 255, 0.3);
        cursor: pointer;
    }
    /*mobile menu Button*/
    .menu-mobile-btn {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    /*Dropdown*/
    .nav-dropdown, .nav-dropdown.left, .nav-dropdown-sub, .nav-dropdown-sub.left {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        z-index: 0;
    }
    .nav-dropdown li {
        padding: 8px 15px;
    }
    .nav-dropdown {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border: 0 none;
    }
    .nav-dropdown-sub {
        margin-left: 0px;
        display: block;
        opacity: 1;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border: 0 none;
    }
    .nav-dropdown [class*="col-"] ul, .nav-dropdown [class*="col-"] ul:last-child {
        margin-bottom: 15px;
    }
    /* Mega Dropdown */
    .nav-menu .mega-menu {
        position: relative;
    }
    .mega-dropdown, .col2-dropdown, .col3-dropdown {
        width: 100%;
        padding: 8px 0;
    }
    /* dropdown elements */
    .menu-dropdown-icon {
        display: block;
    }
    .sub-dropdown-icon::before {
        display: none;
    }
}
/*------------------------------------------------------------*/
/* Sticky Element */
/*------------------------------------------------------------*/
#sticky_element {
    position: relative;
    width: 100%;
    background: #0e6aa9;
    border-bottom: 1px solid #005C97;
}
#sticky_element.fixed {
    position: fixed;
    top: 0;
    z-index: 3000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
#sticky_element.no-stick.fixed, #sticky_element.fixed.no-stick {
    position: relative;
    z-index: auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*===============================================================*/
/* INTRO */
/*===============================================================*/
/*------------------------------------------------------------*/
/* intro */
/*------------------------------------------------------------*/
.intro {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.rev_slider {
    /*max-width: 1600px;*/
    margin: auto;
}
.tp-bannertimer {
    display: none !important;
}
img.tp-caption {
    /*width:100%;*/
    /*max-width:100%;*/
}
/*===============================================================*/
/* ELEMENTS */
/*===============================================================*/
/*------------------------------------------------------------*/
/* Search Overlay Menu */
/*------------------------------------------------------------*/
.search-overlay-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .97);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 3400;
    text-align: center;
}
.search-overlay-menu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.search-overlay-menu .container {
    height: 100%;
}
.search-overlay-menu form {
    position: relative;
    vertical-align: middle;
    top: 25%;
    left: 0;
    margin: -53px 0 0;
    width: 100%;
    text-align: left;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.search-input-label {
    margin-bottom: 15px;
}
.search-overlay-menu form input {
    width: 100%;
    font-size: 20px;
    outline: none;
    padding: 20px 65px 20px 30px;
}
.search-overlay-menu form input:focus {
    color: #282828;
}
.search-overlay-menu form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #282828;
    padding: 22px;
    font-size: 20px;
    outline: none;
}
.search-overlay-menu form button:hover {
    background-color: none;
}
.search-overlay-menu .search-overlay-close {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    font-size: 27px;
    z-index: 100;
    width: 18px;
    height: 18px;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #282828;
}
.search-overlay-menu .search-overlay-close:before {
    content: "";
    font-family: "themify";
    vertical-align: top;
}
.search-overlay-menu .search-overlay-close:hover {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #00bdb3;
}
/*------------------------------------------------------------*/
/* Sidebar Menu (Cart Menu) */
/*------------------------------------------------------------*/
.sidebar-menu {
    background: #fff;
    width: 320px;
    height: auto;
    top: 0;
    transform: translate3d(-185px, -1px, 0px);
    z-index: 3050;
    position: fixed;
    overflow: auto;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
}
.sidebar-right {
    right: -320px;
}
.sidebar-right.sidebar-open {
    right: 0;
}
/* click Buttons ( Toggle, Close ) */
#sidebar_toggle_btn {
}
#sidebar_close_icon {
}
.sidebar_close_icon {
    position: absolute;
    top: 26px;
    right: 30px;
    opacity: 1;
    z-index: 100;
    width: 16px;
    height: 16px;
    font-size: 16px;
    display: inline-block;
    line-height: 1;
    color: #282828;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #fff;
}
.sidebar_close_icon:before {
    content: "";
    font-family: "themify";
    vertical-align: top;
}
/* Sidebar Menu Overlay */
.sidebar_overlay {
}
.sidebar_overlay.sidebar_overlay_active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    z-index: 3030;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sidebar-menu .cart-sidebar-wrap {
    display: table;
    width: 100%;
    height: 100%;
}
/* Sidebar Content Cart */
.sidebar-menu .cart-widget-heading {
    padding: 20px 30px;
    display: block;
    background: #00bdb3;
}
.sidebar-menu .cart-widget-heading h4, .sidebar-menu .cart-widget-heading h5, .sidebar-menu .cart-widget-heading h4, .sidebar-menu .cart-widget-heading h3 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}
/*Cart Product Content*/
.sidebar-menu .cart-widget-content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    position: relative;
}
.sidebar-menu .cart-widget-content .cart-widget-product {
    position: relative;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-empty {
    display: none;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-empty p {
    font-size: 13px;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item {
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
    position: relative;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li:last-child {
    border-bottom: 0px none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-image {
    margin-right: 15px;
    display: table-cell;
    float: none !important;
    margin-right: 0;
    width: 30%;
}
.cart-widget-content .cart-widget-product .cart-product-item li .product-image img {
    width: 100%;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    border: none;
    outline: none;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content {
    border: 0 none;
    width: 70%;
    display: table-cell;
    float: none !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .product-remove {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    text-align: center;
}
.product-remove {
    color: #FF6E00;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .product-link {
    color: #282828;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    line-height: 1.4;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .product-link:hover {
    color: #00bdb3;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .cart-collateral {
    color: #777;
    font-size: 12px;
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .cart-collateral .qty-cart {
}
.sidebar-menu .cart-widget-content .cart-widget-product .cart-product-item li .product-content .cart-collateral .product-price-amount {
    font-weight: 500;
    color: #282828;
}
/*Cart Footer (Totle, Buttons)*/
.sidebar-menu .cart-widget-footer {
    display: table-row;
    vertical-align: bottom;
    height: auto;
}
.sidebar-menu .cart-widget-footer .cart-footer-inner {
    padding: 30px;
    display: table-cell;
    vertical-align: bottom;
}
.sidebar-menu .cart-widget-footer .cart-total-hedding {
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
.sidebar-menu .cart-widget-footer .cart-total-hedding .cart-total-price {
    color: #00bdb3;
    float: right;
}
.sidebar-menu .cart-widget-footer .cart-action-buttons {
    display: block;
    text-align: center;
}
.sidebar-menu .cart-widget-footer .cart-action-buttons .btn {
    width: 100%;
}
.sidebar-menu .cart-widget-footer .cart-action-buttons .btn:first-child {
    margin-bottom: 15px;
}
/*------------------------------------------------------------*/
/* Action Block */
/*------------------------------------------------------------*/
.action-block-sm {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    display: block;
    width: 100%;
}
.action-block-sm * {
    margin-bottom: 0;
    display: inline-block;
}
/*------------------------------------------------------------*/
/* Product Tab */
/*------------------------------------------------------------*/
.product-tab, ul.product-tab {
    position: relative;
    margin: 0 auto 15px auto;
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eee;
}
.product-tab li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #eee;
    margin: 0;
    padding: 0;
    float: left;
}
.product-tab li:last-child {
    border-right: 0px none;
}
.product-tab li a {
    display: block;
    padding: 5px 30px;
    color: #282828;
}
.product-tab li a.active, .product-tab li.active a {
    background: #f5f5f5;
}
/*------------------------------------------------------------------*/
/* Tabs */
/*------------------------------------------------------------------*/
.tab-content {
    display: block;
    width: 100%;
}
.tab-content .tab-pane.active {
    display: block;
}
.tab-content .tab-pane {
    display: none;
}
/*------------------------------------------------------------------*/
/* Bread Crumb */
/*------------------------------------------------------------------*/
.breadcrumb {
    padding: 30px 0 45px;
    /*background-image: url(../img/breadcrumb.jpg);*/
    background-size: 100% auto;
}
.breadcrumb .breadcrumb-link {
    font-size: 13px;
    font-family: inherit;
    text-align: left;
    color: #282828;
}
.breadcrumb .breadcrumb-link a:hover span {
    text-decoration: underline;
}
.breadcrumb .breadcrumb-link a:after {
    content: "\f105";
    font-weight: normal;
    font-family: FontAwesome;
    padding-right: 7px;
    padding-left: 7px;
    color: #008fd4;
    text-decoration: none;
}
.breadcrumb .breadcrumb-link > span {
    color: #ff9800;
}
/*------------------------------------------------------------------*/
/* Sidebar Widget */
/*------------------------------------------------------------------*/
.sidebar-container {
    position: relative;
    margin-bottom: 40px;
}
.widget-sidebar {
    border: 1px solid #eee;
    margin-bottom: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.widget-title {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #eee;
    display: block;
    background-image: -webkit-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: -moz-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: -o-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-image: linear-gradient(228deg, rgba(0, 133, 197, 1.00) 45.60%, rgba(0, 144, 213, 1.00) 45.60%);
    background-color: #0090d5;
    color: #FFF;
}
.alt-widget-sidebar {
    padding: 0;
    border: 0px none;
}
.alt-widget-sidebar .widget-title {
    border: 0px none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 25px;
}
.alt-widget-sidebar .widget-content {
    padding: 0;
}
.widget-sidebar ul, .widget-sidebar ul li {
    list-style: none;
}
.widget-sidebar ul li {
    margin-bottom: 10px;
}
.widget-sidebar ul li ul a {
    font-size: 13px;
}
.widget-sidebar ul li:last-child {
    margin-bottom: 0;
}
.widget-sidebar ul li, .widget-sidebar ul li a {
    font-size: 14px;
}
.widget-content {
    list-style: none;
    margin: 0;
    padding: 12px 5px;
    color: #777;
}
.widget-content li, .widget-content ul li {
    list-style: none;
    margin: 0;
}
.widget-sidebar .widget-product-categories li {
    margin-bottom: 10px;
    position: relative;
}
.widget-sidebar .widget-product-categories li:last-child {
    margin-bottom: 0px;
}
.widget-sidebar .widget-product-categories li a {
    display: block;
}
.widget-sidebar .widget-product-categories li > ul {
    margin-top: 12px;
}
.widget-sidebar .widget-product-categories li > ul > li, .widget-sidebar .widget-product-categories li > ul > li > ul > li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #777;
}
.widget-sidebar .widget-product-categories li > ul > li > a, .widget-sidebar .widget-product-categories li > ul > li > ul > li > a {
    color: inherit;
}
.widget-sidebar .widget-product-categories li > ul > li > a:hover, .widget-sidebar .widget-product-categories li > ul > li > ul > li > a:hover, .widget-content a:hover {
    color: #0090d5;
}
/* Price Rage Slider */
.widget-price-range form {
    padding-top: 10px;
}
.price-range-slider {
    width: 100%;
    height: 2px;
    position: relative;
    background: #e0e0e0;
    margin-bottom: 25px;
    margin-top: 25px;
}
.ui-slider-range, .ui-slider-handle {
    background: #00bdb3;
    position: absolute;
}
.ui-slider-range {
    height: 100%;
}
.ui-slider-handle {
    height: 15px;
    width: 15px;
    display: block;
    margin-top: -7px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: w-resize;
}
.price-range-amount {
    display: inline-block;
    vertical-align: sub;
    color: #777;
}
.price-range-amount #price-range-from-to {
    display: inline-block;
}
.price-range-amount #price-range-from-to span {
    font-weight: 500;
    color: #282828;
}
/*filter By Color*/
.widget-filter-color .filter-color-switcher {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
.widget-filter-color .filter-color-switcher span {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.widget-filter-color .color-count {
    color: #bbb;
    float: right;
}
/*filter By Size*/
.widget-filter-size ul li {
    list-style: none;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-right: 10px;
    display: inline-block;
}
.widget-filter-size ul li a {
    display: inline-block;
    font-weight: 600;
}
.widget-filter-size ul li span {
    margin-left: 2px;
    color: #bbb;
    font-size: 12px;
}
/*filter By Tag*/
.widget-filter-tag ul li {
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.widget-filter-tag ul li a {
    display: block;
    font-size: 13px;
    padding: 4px 15px;
    background: #eee;
    color: #282828;
    border-radius: 5px;
    -border-radius: 5px;
    border-radius: 5px;
}
.widget-filter-tag ul li a:hover {
    color: #00bdb3;
}
/*Widget Product*/
.widget-product ul li {
    border-bottom: 1px solid #eee;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}
.widget-product ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0 none;
}
.widget-product ul li .product-img {
    display: table-cell;
    float: none !important;
    margin-right: 0;
    width: 25%;
}
.widget-product ul li .product-img img {
    width: 100%;
}
.widget-product ul li .product-content {
    border: 0 none;
    display: table-cell;
    float: none !important;
    padding: 0 0px 0 15px;
    text-align: left;
    vertical-align: top;
    width: 75%;
}
.widget-product ul li .product-content .product-link {
    color: #282828;
    display: block;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.widget-product ul li .product-content .date-description {
    color: #777;
    display: block;
    font-size: 13px;
    line-height: 1.4;
}
.widget-product ul li .product-content .product-link:hover {
    text-decoration: underline;
}
.widget-product ul li .product-content .product-amount {
    color: #282828;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}
.widget-product ul li .product-content .star-rating {
    float: none;
    display: inline-block;
    margin-top: 0;
}
.widget-product ul li .product-content .star-rating:before, .widget-product ul li .product-content .star-rating span:before {
    font-size: 12px;
}
/*Widget Banner*/
.widget-banner {
    overflow: hidden;
    position: relative;
}
/*shine effect*/
.widget-banner:after {
    content: "";
    position: absolute;
    top: -150%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1); /* IE6-9 */
}
.widget-banner:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    -moz-transition-property: left, top, opacity;
    -o-transition-property: left, top, opacity;
    -webkit-transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    -moz-transition-duration: 0.7s, 0.7s, 0.15s;
    -o-transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}
/*End shine effect*/
.widget-banner .banner-image-wrap {
    transition: all 700ms ease 0s;
    -moz-transition: all 700ms ease 0s;
    -o-transition: all 700ms ease 0s;
    -webkit-transition: all 700ms ease 0s;
    display: block;
}
.widget-banner:hover .banner-image-wrap {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.widget-banner .banner-image-wrap img {
    width: 100%;
    height: auto;
}
.widget-banner .banner-content-wrap {
    background: rgba(0, 0, 0, 0.08);
    color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    width: 100%;
    z-index: 2;
}
.widget-banner:hover .banner-content-wrap {
    background: rgba(0, 0, 0, 0.3);
}
.widget-banner .banner-content-wrap .banner-content-wrap-inner {
    left: 0;
    width: 100%;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}
.banner-content-bg-color {
    background: rgba(52, 183, 157, 0.75) !important;
}
.widget-banner .banner-content-wrap .banner-sub-title {
    margin-bottom: 12px;
    font-size: 14px;
}
.widget-banner .banner-content-wrap .banner-title {
    font-size: 28px;
    margin-bottom: 18px;
}
.widget-banner .banner-content-wrap .banner-content-text {
    font-size: 14px;
    margin-bottom: 20px;
}
.widget-banner .banner-content-wrap .banner-sub-title, .widget-banner .banner-content-wrap .banner-title, .widget-banner .banner-content-wrap .banner-content-text {
    color: #fff;
}
/*------------------------------------------------------------------*/
/* Accordian */
/*------------------------------------------------------------------*/
.jq-accordian .jq-accordionIcon {
    position: absolute;
    right: 0;
}
.jq-accordian .jq-accordionIcon::before {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: normal;
    color: #aaa;
    padding-right: 5px;
}
.jq-accordian .is-active .jq-accordionIcon::before {
    content: "\f106";
    color: #0090d5;
}
/*------------------------------------------------------------------*/
/* Product Listing Page (Top-Banner, Title, Filter Product-Grid) */
/*------------------------------------------------------------------*/
/*Title & Description*/
.list-page-title {
    margin-bottom: 20px;
}
.list-page-description, .list-page-main_banner {
    margin-bottom: 30px;
}
.list-page-title h1, .list-page-title h2, .list-page-title h3, .list-page-title h4 {
    margin-bottom: 0;
}
/* Product Filter */
.product-filter-content {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
.product-filter-content form {
    display: inline-block;
}
.product-filter-content form label {
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 5px;
    display: inline-block;
}
.product-filter-divider {
    padding-right: 30px;
    border-right: 1px solid #eee;
}
.product-filter-content form {
    margin-right: 30px;
}
.product-filter-content form:last-child {
    margin-right: 0px;
    float: right;
}
/**/
.product-view-switcher {
    float: right;
}
.product-view-switcher .product-view-icon {
    display: inline-block;
}
.product-view-switcher .product-view-icon a {
    height: 38px;
    border: 1px solid #ddd;
    width: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
    color: #282828;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.product-view-switcher .product-view-icon.product-view-icon-active a, .product-view-switcher .product-view-icon a:hover {
    color: #fff;
    background: #00bdb3;
    border-color: transparent;
}
/*------------------------------------------------------------------*/
/* Pagination --------*/
/*------------------------------------------------------------------*/
.pagination-wraper {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 30px 0;
}
.pagination-wraper > p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.pagination {
    float: right;
    display: block;
    vertical-align: middle;
}
ul.pagination-numbers, .pagination .pagination-numbers, .pagination-numbers {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    text-align: right;
    width: 100%;
}
.pagination-numbers li {
    display: inline-block;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 4px;
}
.pagination-numbers li a, .pagination-numbers li span {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 34px;
    line-height: 33px;
    padding: 0 12px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    color: #282828;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 99px;
}
.pagination-numbers li a:hover, .pagination-numbers li span:hover, .pagination-numbers li span.current, .pagination-numbers li a.current {
    color: #fff;
    border-radius: 99px;
    background-image: -webkit-linear-gradient(309deg, rgba(22, 147, 233, 1.00) 41.97%, rgba(11, 114, 185, 1.00) 41.97%);
    background-image: -moz-linear-gradient(309deg, rgba(22, 147, 233, 1.00) 41.97%, rgba(11, 114, 185, 1.00) 41.97%);
    background-image: -o-linear-gradient(309deg, rgba(22, 147, 233, 1.00) 41.97%, rgba(11, 114, 185, 1.00) 41.97%);
    background-image: linear-gradient(141deg, rgba(22, 147, 233, 1.00) 41.97%, rgba(11, 114, 185, 1.00) 41.97%);
}
.pagination-numbers li a.dots, .pagination-numbers li span.dots {
    background-color: transparent;
    border: medium none;
    padding: 0;
}
.pagination-numbers li a.dots:hover, .pagination-numbers li span.dots:hover {
    color: inherit;
    background: inherit;
}
/*===============================================================*/
/* FOOTER */
/*===============================================================*/
.footer {
    background: #0e6aa9;
    color: #fff;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer .footer_newsletter label, .copyright a {
    color: #fff;
}
.footer .footer_newsletter {
    padding: 45px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer .footer_newsletter > * {
    display: inline-block;
}
.footer .footer_newsletter input {
    min-width: 278px;
}
.footer .footer-block {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer p, .footer .footer-block a, .footer .footer-block li {
    color: #fff;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.footer .footer-block a:hover {
    color: #fff;
}
.footer .footer-block h4, .footer .footer-block h5, .footer .footer-block h6 {
    margin-bottom: 30px;
}
.footer-block.links li {
    margin-bottom: 5px;
    display: block;
}
.footer-social-icon li a {
    background: #ff9800;
    color: #ffffff;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px;
    text-align: center;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    border: 1px solid #FFFFFF;
}
.footer-social-icon {
    padding: 0;
}
.footer-social-icon li {
    display: inline-block;
    margin-right: 5px;
}
.footer-social-icon li a:hover {
    background: rgba(255, 255, 255, 1);
    color: #282828 !important;
}
.footer-block.contact-block li {
    padding-left: 20px;
    margin-bottom: 6px;
    position: relative;
}
.footer-block.contact-block li i {
    position: absolute;
    left: 0;
    line-height: inherit;
}
.copyright-bar {
    background: rgba(0, 0, 0, 0.15);
}
.copyright {
    text-align: center;
}
.copyright a:hover {
    text-decoration: underline !important;
}
/*===============================================================*/
/* GLOBEL */
/*===============================================================*/
/*------------------------------------------------------------*/
/* Product Item */
/*------------------------------------------------------------*/
.product-item {
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    position: relative;
    border: 1px solid #eee;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    overflow: hidden;
    text-align: center;
    background-image: -webkit-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: -moz-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: -o-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: linear-gradient(138deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
}
.product-item:hover {
    border: 1px solid #FF9E00;
}
.product-item .product-item-img {
    margin-bottom: 25px;
    overflow: hidden;
}
.product-item .product-item-img-wrap img {
    width: 100%;
}
.product-item .product-button {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -50px;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    margin-top: -30px;
}
.product-item:hover .product-button {
    left: 15px;
    opacity: 1;
    visibility: visible;
}
.product-item .product-button a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 43px;
    color: #282828;
    font-size: 18px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, 0.90);
    margin-top: 5px;
    margin-bottom: 5px;
}
.product-item .product-button a i {
    color: inherit;
}
.product-item .product-item-content {
    overflow: hidden;
    text-align: left;
}
.product-item .product-item-content .tag {
    color: #00bdb3;
    font-size: 12px;
    margin-bottom: 5px;
}
.product-item .product-item-content .product-title {
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: none;
    display: block;
    color: #282828;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
}
.product-item .product-item-content .product-title:hover {
    text-decoration: underline;
}
.product-item .product-item-content .product-description {
    margin-bottom: 30px;
}
.product-item .product-item-content .product-price {
    font-size: 14px;
    color: #282828;
    display: block;
}
.product-item .product-item-content .product-price del {
    color: #999;
    font-weight: 400;
    margin-right: 7px;
}
.product-item .product-item-content .product-description, .product-item .product-item-content .tag {
    display: none;
}
/**/
.product-list-view .product-item-element {
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.product-list-item {
    margin-top: 30px;
}
.product-list-item .product-item-element {
    margin-bottom: 30px;
}
.product-list-view .product-item-element .product-item-img {
    float: left;
    margin-bottom: 0;
    max-width: 220px;
}
.product-list-view .product-item-element .product-item-content {
    padding-left: 30px;
    text-align: left;
}
.product-list-item.product-list-view .product-item .product-description, .product-list-item.product-list-view .product-item .tag, .product-list-item.product-list-view .product-item .product-rating {
    display: block;
}
.product-list-item.product-list-view .product-item .product-title, .product-list-view .product-item .product-title {
    font-size: 18px;
}
.product-list-item .product-item .product-description {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}
.product-title_t1 {
    font-size: 20px !important;
    text-align: left !important;
}
.product-item .product-detail .item-price, .product-item .product-detail .star-rating {
    display: inline-block;
}
.product-list-item .product-rating {
    margin-top: 15px;
}
.product-rating-count {
    display: none;
    color: #f55151;
    margin-left: 7px;
}
.product-list-item.product-list-view .product-rating-count {
    display: inline-block;
}
/**/
@media (max-width: 480px) {
    .col-xsm-12 {
        width: 100%;
    }
    .product-list-view .product-item-element .product-item-img {
        float: none;
        margin-bottom: 15px !important;
        max-width: 100% !important;
        width: 100%;
    }
    .product-list-view .product-item-element .product-item-content {
        text-align: left !important;
        padding-left: 0px !important;
        max-width: 100%;
        width: 100%;
    }
}
.price-discount-label {
    background: #f00;
    color: #fff;
    font-size: 10px;
    padding: 3px;
    display: inline;
    font-weight: 500;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    margin-left: 7px;
}
.product-rating {
    display: block;
    margin-bottom: 6px;
}
.star-rating {
    display: inline-block;
    margin-top: 0;
    position: relative;
    font-size: 12px;
}
.star-rating::before {
    content: "";
    display: block;
    font-family: "FontAwesome";
    letter-spacing: 3px;
    color: #ddd;
}
.star-rating span {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.star-rating span::before {
    content: "";
    display: block;
    font-family: "FontAwesome";
    letter-spacing: 3px;
    color: #ffc418;
}
.product-item .sale-label {
    background: #f00;
}
.product-item .new-label {
    background: #00bdb3;
}
.product-item .sale-label, .product-item .new-label {
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
    padding: 4px 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
}
/* Hot Product */
.hot-product {
}
.hot-product .product-item-img {
    display: block;
}
.hot-product .product-item-img img {
    width: 100%;
}
.hot-product .product-item-content {
    display: block;
}
.hot-product .product-item-content .product-title {
    color: #282828;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
    text-transform: none;
}
.hot-product .product-item-content .product-title:hover {
    text-decoration: underline;
}
.hot-product .product-item-content .product-price {
    color: #282828;
    display: block;
    font-size: 14px;
}
.hot-product .product-item-content .product-price del {
    color: #999;
    font-weight: 400;
    margin-right: 7px;
}
/*Item Clock*/
.item-offer-clock p {
    margin-bottom: 10px;
}
.countdown-clock {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.countdown-clock li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    color: #282828;
}
.countdown-clock li.seperator {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1;
}
.countdown-clock li span, .countdown-clock li p {
    display: block;
    color: #282828;
    line-height: 1;
}
.countdown-clock li span {
    font-size: 22px;
    margin-bottom: 3px;
}
.countdown-clock li p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
}
/*------------------------------------------------------------*/
/* Sub Banner */
/*------------------------------------------------------------*/
.promo-banner-wrap, .hover-redial {
    cursor: default;
    overflow: hidden;
    position: relative;
    display: block;
}
.promo-banner-wrap::before, .hover-redial::before {
    border: 50px solid transparent;
    border-radius: 50px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 100px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(7);
    -moz-transform: scale(7);
    -ms-transform: scale(7);
    -o-transform: scale(7);
    -webkit-transform: scale(7);
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    visibility: visible;
    width: 100px;
    z-index: 1;
}
.promo-banner-wrap:hover::before, .hover-redial:hover::before {
    border: 0 solid rgba(255, 255, 255, 1);
    opacity: 0;
}
.promo-banner-wrap img, .hover-redial img {
    width: 100%;
}
/*------------------------------------------------------------*/
/* Follow Banner */
/*------------------------------------------------------------*/
.follow-banner {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.follow-banner p {
    margin-bottom: 0;
}
/*------------------------------------------------------------*/
/* Categories Blocks */
/*------------------------------------------------------------*/
.categories-block {
    display: block;
    position: relative;
}
.categories-block .categories-img-wrap {
    margin-bottom: 15px;
    overflow: hidden;
}
.categories-block .categories-img-wrap img {
    width: 100%;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}
.categories-block:hover .categories-img-wrap.categories-img-wrap img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    -webkit-transform: scale(1.03);
}
.categories-block .categories-content {
    position: relative;
    text-align: center;
}
.categories-block .categories-content a {
    color: #282828;
}
.categories-block .categories-content a:hover {
    text-decoration: underline;
}
/*------------------------------------------------------------*/
/* Blog Box */
/*------------------------------------------------------------*/
.blog-box {
    position: relative;
}
.blog-box .blog-img-wrap {
    display: block;
    overflow: hidden;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}
.blog-box .blog-img-wrap img {
    height: auto;
    transition: all 350ms ease-out 0s;
    width: 100%;
}
.blog-box .blog-box-content {
    padding: 0 30px;
    text-align: left;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px;
}
.blog-box .blog-box-content .tag {
    display: block;
    margin-bottom: 10px;
}
.blog-box .blog-box-content .tag a {
    color: #00bdb3;
    text-decoration: none;
    font-size: 12px;
}
.blog-box .blog-box-content .tag a:hover {
    text-decoration: underline;
}
.blog-box .blog-box-content .tag a:after {
    content: ",";
    padding: 0 5px 0 0;
}
.blog-box .blog-box-content .tag a:after:last-child {
    content: "";
    padding: 0;
}
.blog-box .blog-box-content .blog-title {
    margin-bottom: 20px;
}
.blog-box .blog-box-content .blog-title a:hover {
    text-decoration: underline;
}
.blog-box .blog-box-content .description-content {
    display: block;
    margin-bottom: 25px;
}
.blog-box .blog-box-content .info {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px;
}
.blog-box .blog-box-content .info > span::after {
    content: "";
    padding-left: 5px;
    padding-right: 5px;
}
.blog-box .blog-box-content .info > span:last-child::after {
    content: "";
    display: none;
}
.blog-box .blog-box-content .info span a, .blog-box .blog-box-content .info span span {
    color: #282828;
}
.blog-box .blog-box-content .info span a:hover {
    color: #00bdb3;
}
.blog-box .blog-box-content .info span i {
    margin-right: 3px;
}
/* Blog Page */
.blog-entry .blog-box {
    margin-bottom: 30px;
}
/*------------------------------------------------------------*/
/* promo */
/*------------------------------------------------------------*/
.promo {
    position: relative;
    background: #f5f5f5;
}
.promo-box {
    position: relative;
    width: 100%;
}
.promo-item {
    text-align: center;
}
.promo-item .icon {
    background-color: #0090d5;
    color: #fff;
    height: 65px;
    width: 65px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.promo-item .icon i {
    font-size: 28px;
    line-height: 63px;
}
.promo-item .info {
    display: block;
}
.promo-item .info > p {
    margin-top: 3px;
}
.promo-item .info > p, .promo-item .info > h4, .promo-item .info > h5 {
    margin-bottom: 0;
}
/* Left*/
.promo-item.left {
    text-align: left;
}
.promo-item.left .icon {
    background-color: transparent;
    color: #282828;
    height: auto;
    width: auto;
    display: inline-block;
    text-align: left;
    margin-bottom: 0px;
    vertical-align: middle;
}
.promo-item.left .icon i {
    font-size: 34px;
    line-height: 1;
}
.promo-item.left .info {
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
/*------------------------------------------------------------*/
/* Brand Logo Slider */
/*------------------------------------------------------------*/
.brand-logo-carousel .item a {
    display: block;
    text-align: center;
    opacity: 0.5;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
}
.brand-logo-carousel .item a:hover {
    opacity: 1;
}
.brand-logo-carousel .item a img {
    max-width: 100%;
    width: auto;
    max-height: 70px;
    margin: auto;
}
/*==========================================================================================================*/
/* Product Detail Page     ||---------------------------- */
/*==========================================================================================================*/
#product-detail {
    position: relative;
}
#product-detail .product-sidebar {
    max-width: 500px;
}
/*------------------------------------------------------------------*/
/* Product Image */
/*------------------------------------------------------------------*/
.product-page-image {
    border: 1px solid #eee;
}
.product-page-image, .product-image-gallery, .product-image-slider-thumbnails {
    position: relative;
}
.product-gallery-item {
    cursor: crosshair;
}
.product-image-gallery .product-gallery-item img {
    width: 100%;
}
.product-image-slider-thumbnails {
    margin-top: 15px;
}
.product-image-slider-thumbnails .item {
    padding-right: 7px;
    padding-left: 7px;
    opacity: 0.6;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
.product-image-slider-thumbnails .item img {
    cursor: pointer;
    width: 100%;
}
.product-image-slider-thumbnails .item:hover, .product-image-slider-thumbnails .item.slick-current {
    opacity: 1;
}
.zoom-images-button {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 19px;
    color: #777;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    display: none;
    position: absolute;
    bottom: 15px;
    left: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
/*Product Image Slider Buttons */
.product-image-slider .slick-prev, .product-image-slider .slick-next {
    z-index: 2;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /*border:1px solid #ddd;*/
    background: #0090d5;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
}
.product-image-slider:hover .slick-prev, .product-image-slider:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
.product-image-slider .slick-prev {
    left: 15px;
}
.product-image-slider .slick-next {
    right: 15px;
}
.product-image-slider .slick-next::before {
    margin-left: 2px;
}
.product-image-slider .slick-prev::before {
    margin-right: 2px;
}
/*Product Thumb Slider Buttons */
.product-image-slider-thumbnails {
    /*padding-left:30px;
        padding-right:30px;*/
}
.product-image-slider-thumbnails .slick-prev, .product-image-slider-thumbnails .slick-next {
    width: 25px;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 0px;
}
.product-image-slider-thumbnails .slick-prev {
    left: 0px;
}
.product-image-slider-thumbnails .slick-next {
    right: 0px;
}
/*------------------------------------------------------------------*/
/* Product Content */
/*------------------------------------------------------------------*/
.product-page-content {
}
.product-title {
    text-transform: none;
    font-weight: bold;
    margin-bottom: 10px;
    /* margin-top: 5px; */
    color: #0e6aa9;
    /* padding-top: 10px; */
    /* padding-right: 10px; */
    /* padding-left: 0px; */
    /* padding-bottom: 10px; */
    font-size: 14px;
    font-family: "Microsoft JhengHei";
    line-height: 20px;
    text-align: center;
    height: 41px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: start;
    -webkit-justify-content: center;
    justify-content: center;
}
.product-title2 {
    text-transform: none;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0e6aa9;
    font-size: 16px;
    font-family: "Microsoft JhengHei";
    line-height: 20px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#product-detail .product-rating .product-rating-count {
    display: inline-block;
}
#product-detail .product-price {
    margin-top: 30px;
    color: #F44336;
    font-size: 36px;
    font-weight: 400;
}
.product-price del {
    color: #999;
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
    font-style: italic;
}
.product-description {
    margin-bottom: 30px;
}
.product-filters form {
    margin-bottom: 30px;
}
.product-filters {
}
.product-filters .color-selector .entry {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}
.product-filters .color-selector .entry:before {
    border: 1px solid #fff;
    bottom: 2px;
    content: "";
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 2px;
}
.product-filters .color-selector .entry:after {
    border: 2px solid #282828;
    opacity: 0;
    bottom: -4px;
    content: "";
    left: -4px;
    opacity: 0;
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.product-filters .color-selector .entry.active:after {
    border: 2px solid #282828;
    opacity: 1;
}
.product-filters .size-selector .entry {
    display: inline-block;
    position: relative;
    height: 27px;
    line-height: 25px;
    border: 1px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}
.product-filters .size-selector .entry.active {
    border-color: #282828;
}
.single-variation-wrap {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.product-quantity {
    position: relative;
    width: 120px;
    float: left;
    display: block;
    margin-right: 20px;
}
.product-quantity .quantity, .product-quantity .quantity:hover, .product-quantity .quantity:focus {
    margin: 0;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    width: 100%;
    min-width: 80px;
    border-color: #ddd;
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
}
.product-quantity input[type="number"]::-webkit-outer-spin-button, product-quantity input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}
.product-quantity .quantity::-ms-expand {
    display: none;
}
.quantityPlus, .quantityMinus {
    position: absolute;
    right: 0;
    cursor: pointer;
    height: 100%;
    width: 30px;
    top: 0;
}
.quantityPlus {
    border-left: 1px solid #ddd;
}
.quantityMinus {
    left: 0;
    border-right: 1px solid #ddd;
}
.quantityPlus:before, .quantityMinus:before {
    height: 100%;
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 2.5;
    font-size: 18px;
}
.quantityPlus:before {
    content: "+";
    color: hsla(0, 0%, 24%, 1.00);
}
.quantityMinus:before {
    content: "–";
    color: hsla(0, 0%, 24%, 1.00);
}
single-add_to_cart {
}
.single-add-to-wrap {
    position: relative;
    display: block;
    padding: 0;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}
.single-add-to-wrap .single-add-to-wishlist, .single-add-to-wrap .single-add-to-compare {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 30px;
}
.product-meta {
    margin-bottom: 15px;
}
.product-meta > span, .product-share > span {
    color: #282828;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
}
.product-meta > span span, .product-share ul {
    color: #4e4e4e;
    display: inline-block;
    font-weight: 400;
    margin: 0 2px;
}
.product-share {
    margin-bottom: 30px;
}
.product-share ul li, .product-share > span {
    display: inline-block;
}
.product-share ul li {
    margin: 0 5px;
}
.product-share ul li a {
    display: block;
    color: #777;
    border-radius: 99px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.product-share ul li a:hover {
    color: #FFF;
    background-color: #0e6aa9;
    border-radius: 99px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.product-tabs-wrapper {
    margin-top: 30px;
}
/* Tabs */
.product-content-tabs {
    margin-bottom: -1px;
}
.product-content-tabs {
    text-align: center;
}
.product-content-tabs li {
    display: inline-block;
    list-style: none;
}
.product-content-tabs li a {
    color: #777;
    display: block;
    font-size: 16px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid;
    border-color: transparent;
    font-family: "Microsoft JhengHei";
}
.product-content-tabs li a.active {
    color: #ffffff;
    border-bottom: 2px solid #ff9800;
    background: #0090d5;
}
/* End Tabs */
/*product content wraper*/
.product-content-Tabs_wraper {
    border: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}
.product-content-Tabs_wraper .product-collapse-title {
    display: none;
    margin-bottom: 2px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-weight: 400;
}
@media (min-width: 776px) {
    .product-content-Tabs_wraper .collapse {
        display: block;
    }
}
@media (max-width: 775px) {
    .product-content-tabs {
        display: none;
    }
    .product-content-Tabs_wraper .product-collapse-title {
        display: block;
    }
    .product-content-Tabs_wraper .product-collapse {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .product-content-Tabs_wraper .tab-pane {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}
/*Producr Description Table*/
.shop_description p {
    margin-bottom: 30px;
}
.shop_description ul {
    padding-left: 30px;
}
.shop_description ul {
    color: #777;
}
/*Producr Information Table*/
.shop_attributes {
    width: 100%;
}
.shop_attributes th {
    color: #282828;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 400;
}
table.shop_attributes th, table.shop_attributes td {
    border-bottom: 1px solid #eee;
    border-left: 0 none;
    border-right: 0 none;
    padding: 1.07em 0.71em;
    vertical-align: top;
}
table.shop_attributes tr:last-child th, table.shop_attributes tr:last-child td {
    border-bottom: 0px none;
}
table.shop_attributes th:last-child, table.shop_attributes td:last-child {
    padding-right: 0;
}
/* Product Review --------------------*/
.review-title {
    margin-bottom: 30px;
}
/*Comment Form*/
.single-product-content .comment-form .stars span a::after, .comment-form .stars span a::after {
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
}
.single-product-content .comment-form .stars span a, .comment-form .stars span a {
    color: #ddd;
}
.single-product-content .comment-form .stars span a:hover, .single-product-content .comment-form .stars span a.active, .comment-form .stars span a:hover, .comment-form .stars span a.active {
    color: #00bdb3;
}
.single-product-content .comment-form .stars span a, .comment-form .stars span a {
    display: inline-block;
    font-size: 0;
    letter-spacing: 2px;
    margin-right: 20px;
}
.single-product-content .comment-form .stars span a.star-1::after, .comment-form .stars span a.star-1::after {
    content: "\f005";
}
.single-product-content .comment-form .stars span a.star-2::after, .comment-form .stars span a.star-2::after {
    content: "\f005\f005";
}
.single-product-content .comment-form .stars span a.star-3::after, .comment-form .stars span a.star-3::after {
    content: "\f005\f005\f005";
}
.single-product-content .comment-form .stars span a.star-4::after, .comment-form .stars span a.star-4::after {
    content: "\f005\f005\f005\f005";
}
.single-product-content .comment-form .stars span a.star-5::after, .comment-form .stars span a.star-5::after {
    content: "\f005\f005\f005\f005\f005";
}
/*Comment Review*/
.single-product-content .comments, .comments {
}
.single-product-content .comments .review-blank, .comments .review-blank {
    font-weight: 300;
    font-style: italic;
}
.single-product-content .comments ul.commentlist, .comments ul.commentlist {
    list-style: none;
    padding: 0;
}
.single-product-content .comments ul.commentlist li, .comments ul.commentlist li {
    margin-bottom: 45px;
}
.single-product-content .comments ul.commentlist li:last-child, .comments ul.commentlist li:last-child {
    margin-bottom: 0px;
}
.commentlist .avatar {
    float: left;
    margin-right: 15px;
    max-width: 60px;
    width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.commentlist .comment-text {
    padding-left: 90px;
}
.commentlist .comment-text .meta {
    display: inline;
}
.commentlist .comment-text .meta strong {
    font-weight: 400;
    color: #282828;
}
.commentlist .comment-text .meta time, .commentlist .comment-text .meta em {
    font-size: 12px;
    font-style: italic;
}
.star-rating::before {
    content: "\f006\f006\f006\f006\f006";
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    letter-spacing: 3px;
}
.commentlist .comment-text .star-rating {
    float: right;
}
.star-rating {
    position: relative;
}
.star-rating span::before {
    content: "\f005\f005\f005\f005\f005";
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    letter-spacing: 3px;
}
.star-rating span {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.commentlist .comment-text .description {
    margin-top: 5px;
}
.commentlist .comment-text .description p {
    margin-top: 0;
}
.commentlist .comment-text .description p:last-child {
    margin-bottom: 0;
}
/*------------------------------------------------------------------*/
/* Product Carousel */
/*------------------------------------------------------------------*/
.product-carousel {
    margin-top: 60px;
}
/*------------------------------------------------------------------*/
/* Sidebar Widget */
/*------------------------------------------------------------------*/
.sidebar-widget-outline {
    padding: 20px;
    display: block;
    border: 1px solid #eee;
    margin-bottom: 20px;
}
.product-brand {
    text-align: center;
}
.product-brand a.image-link {
    padding: 30px;
}
.product-brand a.image-link img {
    max-width: 130px;
    width: 100%;
}
.product-brand a {
    width: 100%;
    display: block;
}
.product-brand a.text-link {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eee;
    margin-bottom: 0;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
    color: #282828;
}
.product-list ul li:last-child {
    margin-bottom: 0;
}
.product-banner-icon-text {
    padding: 20px;
}
/*==========================================================================================================*/
/* Pages     ||---------------------------- */
/*==========================================================================================================*/
/*------------------------------------------------------------------*/
/* All Pages */
/*------------------------------------------------------------------*/
.map.style1 {
    height: 450px;
    margin-top: 0;
    border: 1px solid #eee;
}
.Contact-information {
    list-style: none;
    padding: 0;
    color: #777;
}
.Contact-information li {
    margin-left: 0;
    padding: 0;
}
.Contact-information li i {
    margin-right: 10px;
}
/*------------------------------------------------------------------*/
/* Cart Page */
/*------------------------------------------------------------------*/
.post-8 table {
    width: 100%;
}
.post-8 table tr th {
    color: #282828 !important;
    border-bottom: 2px solid #eee;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
    padding: 15px 10px;
    color: inherit;
    margin: 0;
}
.post-8 table tr th.product-remove {
    width: 40px;
}
.post-8 table tr th.product-thumbnail {
    width: 10px;
}
.post-8 table tr th.product-name {
    text-align: left;
}
.post-8 table tr th.product-quantity {
    float: none;
    display: table-cell;
}
.post-8 table tr td {
    border-bottom: 1px solid #eee;
    padding: 15px 12px;
    text-align: center;
    vertical-align: middle;
    color: #282828;
}
.post-8 td.product-thumbnail img {
    max-width: 80px;
}
.post-8 table tr td.product-name {
    text-align: left;
}
.post-8 td.product-price {
    color: inherit;
    font-size: inherit;
}
.post-8 td.product-quantity, .post-8 td .product-quantity {
    margin: 0;
    float: none;
    display: table-cell;
}
.post-8 td.product-quantity, .post-8 td.product-subtotal {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
}
.post-8 .cart-product-table-wrap {
    margin-bottom: 30px;
}
.post-8 .cart-actions {
    margin-bottom: 80px;
    display: flexbox;
    flex-direction: row;
}
.post-8 .cart-collateral {
    width: 100%;
    clear: both;
}
.post-8 .cart-collateral .cart_totals {
    border: 1px solid #eee;
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    float: right;
    padding: 25px 0px 15px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.post-8 .cart-collateral .cart_totals h3 {
    text-align: center;
}
.post-8 .cart-collateral .cart_totals div.responsive-table {
    background: #fff;
    padding: 10px 20px;
}
.post-8 .cart-collateral .cart_totals table tr td {
    text-align: right;
}
.post-8 .cart-collateral .cart_totals table tr th {
    text-align: left;
    text-transform: none;
    border-width: 1px;
}
.post-8 .cart-collateral .cart_totals table tr td ul {
    list-style: none;
}
.post-8 .cart-collateral .cart_totals table tr.order-total {
    text-align: left;
    border-width: 1px;
}
.post-8 .cart-collateral .cart_totals table tr.order-total th, .post-8 .cart-collateral .cart_totals table tr.order-total td {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 0px none;
    color: #282828;
}
ul#shipping_method {
    list-style: none;
}
#shipping_method label {
    display: inline-block;
    margin-bottom: 0;
}
.cart-collateral .cart_totals table .shipping a {
    border-bottom: 1px solid;
}
.responsive-table {
    overflow-x: auto;
}
.product-proceed-to-checkout {
    padding-left: 20px;
    padding-right: 20px;
}
/*------------------------------------------------------------------*/
/* Checkout Page */
/*------------------------------------------------------------------*/
.product-checkout .checkout-order-review {
    background-color: #fff;
    margin-top: 8px;
    padding: 30px 30px;
    border: 1px solid #eee;
}
.product-checkout .checkout-order-review h3 {
    text-align: center;
}
.product-checkout .checkout-order-review .product-checkout-review-order {
    display: flex;
    flex-direction: column;
}
.product-checkout-review-order .responsive-table {
    background-color: #fff;
    padding: 20px 25px 0;
    margin-bottom: 30px;
    border: 1px solid #eee;
}
.product-checkout-review-order table tr th, .product-checkout-review-order table tr td {
    border: medium none;
    max-width: 50%;
    width: 50%;
}
.product-checkout-review-order .product-total, .product-checkout-review-order .cart-subtotal td, .product-checkout-review-order .shipping td, .product-checkout-review-order .order-total td {
    text-align: right;
}
.product-checkout-review-order .cart-subtotal th, .product-checkout-review-order .shipping th {
    text-align: left;
    text-transform: none;
}
.product-checkout-review-order .order-total th {
    text-align: left;
}
.product-checkout-review-order .order-total th, .product-checkout-review-order .order-total td {
    font-size: 22px;
    font-weight: 400;
}
.product-checkout-review-order .order-total td {
    color: #00bdb3;
}
.product-checkout-payment {
}
.product-checkout-payment ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-checkout-payment ul li {
    margin-bottom: 20px;
}
.product-checkout-payment ul li input[type="radio"], .product-checkout-payment ul li label {
    display: inline-block;
    margin: 0;
}
.product-checkout-payment ul li img.paypal-img {
    width: 150px;
    margin-left: 10px;
    margin-right: 10px;
}
/*------------------------------------------------------------------*/
/* Blog Single */
/*------------------------------------------------------------------*/
.blog-single .blog-title {
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 1.5;
}
.blog-single .blog-box .blog-img-wrap {
    border-radius: 0;
    border-radius: 0;
    border-radius: 0;
}
.blog-single .blog-box .blog-box-content {
    text-align: left;
    padding: 30px 0;
    border: 0 none;
}
.blog-single .blog-box .blog-box-content .blog-box-content-inner {
    padding-left: 0;
    padding-right: 0;
}
.blog-single .blog-box .blog-box-content .info {
    margin-bottom: 20px;
}
/*------------------------------------------------------------------*/
/* Portfolio Page */
/*------------------------------------------------------------------*/
.portfolio-box {
    margin-bottom: 30px;
}
.portfolio-box .portfolio-thumb {
    display: block;
}
.portfolio-box .portfolio-thumb img {
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}
.portfolio-box .portfolio-content {
    display: block;
    text-align: center;
    padding: 15px;
    border: 1px solid #0093FF;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.portfolio-box .portfolio-content .portfolio-link:hover {
    color: #00bdb3;
}
.portfolio-box .portfolio-content h5, .portfolio-box .portfolio-content h6, .portfolio-box .portfolio-content p {
    margin: 0;
}
/*Portfolio Single*/
.portfolio-single-post .media-wrap {
    margin-bottom: 30px;
}
.portfolio-single-post .porfolio-title, .portfolio-single-post .porfolio-content {
    margin-bottom: 30px;
}
/*------------------------------------------*/
.left {
    text-align: left !important;
    display: -webkit-box;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.lang_org {
    background-color: #FF9800;
    display: inline-block;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    /* padding-left: 4px; */
    margin-left: 7px;
    border-radius: 6px;
}
.about_light {
    background-color: #efefef;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    background-image: url(../img/bg3.jpg);
    background-position: center center;
    background-size: cover;
}
.about_light img {
    border-radius: 32px;
}
header .links {
    color: #FFFFFF;
}
footer h6 {
    background-color: #0d5a90;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-left: 15px ridge #FFAE00;
    border-top-left-radius: 99px;
    border-bottom-right-radius: 99px;
    font-size: 18px;
}
.intro-box-title {
    font-size: 3vh;
    font-family: "Microsoft JhengHei";
}
p {
    font-family: "Microsoft JhengHei";
}
button {
    font-family: "Microsoft JhengHei" !important;
}
.breadcrumb a {
    font-family: "Microsoft JhengHei";
}
.breadcrumb {
    font-family: "Microsoft JhengHei";
}
.footer_light {
    border-top: 3px solid #ff9800;
}
.margin-top-40 {
    margin-top: 40px;
}
.widget-sidebar ul li a {
    color: #5B5B5B;
    background-color: #F4F4F4;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
}
.widget-sidebar ul li a.active {
    color: #FFFFFF;
    background-color: #FF8E00;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    display: block !important;
}
.widget-sidebar ul li ul li a {
    color: #5B5B5B;
    background-color: #FFF;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    display: block;
    font-family: "Microsoft JhengHei";
    border-bottom: 1px dashed #C0C0C0;
}
.panel-group .panel-heading {
    background-image: -webkit-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 19.69%, rgba(0, 144, 213, 1.00) 19.69%);
    background-image: -moz-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 19.69%, rgba(0, 144, 213, 1.00) 19.69%);
    background-image: -o-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 19.69%, rgba(0, 144, 213, 1.00) 19.69%);
    background-image: linear-gradient(228deg, rgba(0, 133, 197, 1.00) 19.69%, rgba(0, 144, 213, 1.00) 19.69%);
    background-color: #0090d5;
    border-left: 2px solid #FF9E00;
    color: #FFF;
    font-family: "Microsoft JhengHei";
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    margin-top: 5px;
    border-radius: 14px;
}
.panel-group .panel-heading:hover {
    background-image: -webkit-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 48.71%, rgba(0, 144, 213, 1.00) 49.74%);
    background-image: -moz-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 48.71%, rgba(0, 144, 213, 1.00) 49.74%);
    background-image: -o-linear-gradient(222deg, rgba(0, 133, 197, 1.00) 48.71%, rgba(0, 144, 213, 1.00) 49.74%);
    background-image: linear-gradient(228deg, rgba(0, 133, 197, 1.00) 48.71%, rgba(0, 144, 213, 1.00) 49.74%);
    background-color: #0090d5;
    border-left: 2px solid #FF9E00;
    color: #FFF;
    font-family: "Microsoft JhengHei";
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    margin-top: 5px;
    border-radius: 14px;
}
.panel-group .panel .panel-heading.active, .panel-group .panel .panel-heading.active:hover, .light .panel-group .panel .panel-heading.active, .panel-group .panel .panel-heading.active:hover {
    background-image: -webkit-linear-gradient(222deg, rgba(225, 135, 1, 1.00) 19.69%, rgba(255, 152, 0, 1.00) 19.69%);
    background-image: -moz-linear-gradient(222deg, rgba(225, 135, 1, 1.00) 19.69%, rgba(255, 152, 0, 1.00) 19.69%);
    background-image: -o-linear-gradient(222deg, rgba(225, 135, 1, 1.00) 19.69%, rgba(255, 152, 0, 1.00) 19.69%);
    background-image: linear-gradient(228deg, rgba(225, 135, 1, 1.00) 19.69%, rgba(255, 152, 0, 1.00) 19.69%);
    background-color: #0090d5
}
.accordion .panel-heading > .panel-title > a.collapsed > .icon-collapse::before {
    content: "\f067";
}
.accordion .panel-heading > .panel-title > a > .icon-collapse::before {
    content: "\f068";
}
aside .sp14 li {
    border-bottom: 1px dashed #B7B7B7;
    color: #555555;
}
aside .sp14 li a {
    color: #3E3E3E;
    font-family: "Microsoft JhengHei";
    list-style-position: outside;
    list-style-type: disc;
}
.text-r {
    text-align: right;
    margin-top: 10px;
    font-family: "Microsoft JhengHei";
}
.owl-stage-outer .product-item {
    border-width: 0px;
}
.accordion .panel-heading > .panel-title > a > .icon-collapse::before {
    color: #FFF;
    font-family: fontawesome;
    font-size: 12px;
    height: 22px;
    right: 0;
    line-height: 22px;
    text-align: right;
    width: 22px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}
.to-top {
    background: #3498db;
    color: #fff;
    padding: 5px;
    border-radius: 99px;
    text-align: center;
    border-bottom: 5px ridge #FFAE00;
}
.aside1 .list-ul a {
    color: #212121;
    font-family: "Microsoft JhengHei";
}
.aside1 .list-ul li.active a {
    color: #ff9800;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
}
.panel-body .list-menu .list-ul li {
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 5px;
    display: block;
    /*border-bottom: 1px dashed #ADADAD;*/
    font-family: "Microsoft JhengHei";
}
.light .panel-title a {
    font-size: 18px;
}
.right {
    text-align: right;
}
.c30 {
    margin-top: 0px !important;
}
.re_product {
    background-image: -webkit-linear-gradient(321deg, rgba(239, 239, 239, 1.00) 32.12%, rgba(229, 229, 229, 1.00) 32.12%);
    background-image: -moz-linear-gradient(321deg, rgba(239, 239, 239, 1.00) 32.12%, rgba(229, 229, 229, 1.00) 32.12%);
    background-image: -o-linear-gradient(321deg, rgba(239, 239, 239, 1.00) 32.12%, rgba(229, 229, 229, 1.00) 32.12%);
    background-image: linear-gradient(129deg, rgba(239, 239, 239, 1.00) 32.12%, rgba(229, 229, 229, 1.00) 32.12%);
    padding-top: 19px;
}
.ec_click_product {
    color: #0e6aa9;
    font-family: "Microsoft JhengHei";
    font-size: 18px;
    font-weight: bold;
}
.item01 {
    background-color: #ffffff;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: -webkit-linear-gradient(321deg, rgba(255, 255, 255, 1.00) 91.71%, rgba(232, 232, 232, 1.00) 91.71%);
    background-image: -moz-linear-gradient(321deg, rgba(255, 255, 255, 1.00) 91.71%, rgba(232, 232, 232, 1.00) 91.71%);
    background-image: -o-linear-gradient(321deg, rgba(255, 255, 255, 1.00) 91.71%, rgba(232, 232, 232, 1.00) 91.71%);
    background-image: linear-gradient(129deg, rgba(255, 255, 255, 1.00) 91.71%, rgba(232, 232, 232, 1.00) 91.71%);
}
.product_id {
    color: #9c9c9c;
}
body {
    font-family: arial, Microsoft JhengHei, LiHei Pro, sans-serif;
}
.aside1 h1 {
    margin-bottom: 10px;
    border-left: 7px groove #008CFF;
    padding-left: 7px;
    font-size: 28px;
}
.news-item {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border: 1px solid #eee;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 17px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(128deg, rgba(255, 255, 255, 1.00) 0%, rgba(243, 243, 243, 1.00) 100%);
    background-image: -moz-linear-gradient(128deg, rgba(255, 255, 255, 1.00) 0%, rgba(243, 243, 243, 1.00) 100%);
    background-image: -o-linear-gradient(128deg, rgba(255, 255, 255, 1.00) 0%, rgba(243, 243, 243, 1.00) 100%);
    background-image: linear-gradient(322deg, rgba(255, 255, 255, 1.00) 0%, rgba(243, 243, 243, 1.00) 100%);
}
.news-title {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    color: #424242;
    font-family: "Microsoft JhengHei";
    border-bottom: 1px solid #e2e2e2;
    width: 90%;
    font-size: 20px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.news-title1 {
    margin-right: auto;
    margin-left: auto;
    color: #424242;
    font-family: "Microsoft JhengHei";
    width: 100%;
    font-size: 20px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: left;
}
.news-date {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    border-bottom: 1px solid #0e6aa9;
    width: 100%;
    font-size: 15px;
    display: block;
    position: absolute;
    background: #0090d573;
    TOP: 0;
}
.news-date1 {
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    font-size: 12px;
    display: block;
    text-align: left;
    background: #ff9800;
    padding: 5px;
    display: inline-block;
    border-radius: 8px;
}
.news-des {
    margin-right: auto;
    margin-left: auto;
    color: #101b26;
    font-family: "Microsoft JhengHei";
    width: 96%;
    font-size: 14px;
    display: block;
}
.ma {
    margin-right: 0px;
    margin-left: 0px;
}
.product-item-img-wrap img {
    width: 100% !important;
}
.news2_title {
    color: #0e6aa9;
    font-family: "Microsoft JhengHei";
    font-weight: bold;
    font-size: 20px;
    display: block;
}
.pull-right img {
    max-width: 100%;
    height: auto;
}
.new_item1 {
    margin-bottom: 18px;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 10px;
}
.new_item1 img {
    border-radius: 10px;
}
.hr2 {
    border-color: #ACACAC;
}
form {
    font-family: "Microsoft JhengHei";
}
.cha {
    margin-top: 10px;
}
.topic_t {
    background-color: #0d5a90;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-left: 15px ridge #FFAE00;
    border-top-left-radius: 99px;
    border-bottom-right-radius: 99px;
    color: #FFFFFF;
    font-family: "Microsoft JhengHei";
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}
.sitemap h3 {
    background-color: #0d5a90;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-left: 15px ridge #FFAE00;
    border-top-left-radius: 99px;
    border-bottom-right-radius: 99px;
    color: #FFFFFF;
    font-family: "Microsoft JhengHei";
    width: 100%;
    font-size: 18px;
}
.sitemap ul.first li a {
    padding: 8px 18px;
    color: #555;
    display: block;
    margin-bottom: 2px;
    background: #FFFFFF;
    border-bottom: 1px dashed #FFFFFF;
}
.sitemap ul.sec li a {
    padding: 8px 25px;
    background: #f3f3f3;
    border-bottom: 1px dashed #d0d0d0;
}
.size-25 {
    font-size: 25px !important;
    line-height: 30px !important;
}
blockquote {
    border-left: 5px solid rgba(0, 0, 0, 0.1);
    font-size: 1.3em;
    font-style: normal;
    letter-spacing: -1px;
    margin: 25px 0;
    padding: 0 0 0 25px;
    position: relative;
}
footer img {
    max-width: 190px;
    height: auto;
}
.parallax {
    background-image: url(../img/slogan_banner.jpg);
    color: #FFFFFF;
    font-family: "Microsoft JhengHei";
    padding-top: 20px;
    padding-bottom: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 8vh;
    background-attachment: fixed;
    background-size: cover;
}
img.img-responsive {
    display: inline-block;
}
img.pull-left {
    margin: 0 20px 10px 0;
}
.pull-left {
    float: left !important;
}
.testimonial-content {
    position: relative;
    padding-left: 75px;
}
ul.testimonial-dotted {
    overflow: hidden;
}
ul.testimonial-dotted > li {
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.testimonial-dotted > li figure {
    text-align: center;
    display: block;
}
ul.testimonial-dotted > li img {
    display: inline-block;
}
ul.testimonial-dotted > li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}
ul.testimonial-dotted > li:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed rgba(0, 0, 0, 0.3);
}
section.dark ul.testimonial-dotted > li:after {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
section.dark ul.testimonial-dotted > li:before {
    border-left: 1px dashed rgba(255, 255, 255, 0.3);
}
div.testimonial p {
    margin-top: 0;
}
div.testimonial > figure > img {
    width: 65px;
    height: 65px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.testimonial cite {
    font-weight: bold;
    text-shadow: none;
}
.testimonial cite span {
    display: block;
    color: #888;
    font-size: 12px;
    font-weight: 300;
}
section.parallax .testimonial cite span {
    color: #ddd;
}
.forcefullwidth_wrapper_tp_banner {
    font-family: "Microsoft JhengHei";
}
.testimonial-content {
    position: relative;
    padding-left: 75px;
}
.lang_org i {
    margin-right: 5px;
    margin-left: 5px;
}
.lang_org .dropdown-menu {
    background: #fff
}
.mb40a {
    margin-top: 9px;
    margin-bottom: 9px;
}
@media screen and (max-width: 994px) {
    .nav-menu > ul > li:hover > a {
        color: #000 !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
    .show-on-mobile_dark {
        max-height: 250px;
        overflow-x: auto;
        background-color: #1D1D1D !important;
        color: #FFF;
        width: 100% !important;
    }
}
@media screen and (min-width: 990px) {
    .nav-dropdown, .nav-dropdown-sub {
        width: 217px !important;
    }
    .mega-dropdown {
        width: 100% !important;
    }
}
/*@media screen and (min-width: 769px) and (max-width: 990px) {*/
/*    .aside1 {*/
/*        display: none;*/
/*    }*/
/*}*/
@media screen and (min-width: 769px) and (max-width: 990px) {
    .caret {
        display: none;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    /*.aside1 {*/
    /*    display: none;*/
    /*}*/
    .aside1 {
        margin-bottom: 20px;
    }
    .logo {
        /*display: inline-block;*/
        /*max-width: 208px;*/
        /*width: 100%;*/
        /*text-align: center;*/
    }
    header .links {
        color: #FFFFFF;
        text-align: center;
    }
    .sticky_element_dark {
        display: none;
    }
    .dark_nav a {
        color: #000;
        margin-top: 23px;
    }
    .show-on-mobile_dark {
        max-height: 250px;
        overflow-x: auto;
        background-color: #1D1D1D !important;
        color: #4F4F4F;
        width: 100% !important;
    }
    .show-on-mobile_light {
        max-height: 250px;
        overflow-x: auto;
        width: 100% !important;
    }
    .caret {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    /*.aside1 {*/
    /*    display: none;*/
    /*}*/
    .aside1 {
        margin-bottom: 20px;
    }
    .logo {
        display: inline-block;
        max-width: 208px;
        width: 100%;
        text-align: center;
    }
    header .links {
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 0px !important;
    }
    .sticky_element_dark {
        display: none;
    }
    .show-on-mobile_dark {
        max-height: 250px;
        overflow-x: auto;
        background-color: #1D1D1D !important;
        /*background-color: rgba(29, 29, 29, 0.95) !important;*/
        color: #4F4F4F;
        width: 100% !important;
    }
    .caret {
        display: none;
    }
}
/*dark版*/
@media screen and (min-width: 1400px) {
    .dark_nav a {
        margin-top: 15px;
    }
    .dark_nav ul li a {
        margin-top: 0px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .dark_nav a {
        margin-top: 15px;
    }
    .nav-dropdown ul > li a {
        margin-top: 5px;
    }
}
.header_dark {
    padding-top: 0px;
    position: fixed !important;
    width: 100% !important;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    z-index: 999;
    /* background-image: -webkit-linear-gradient(222deg, rgba(0,133,197,1.00) 45.60%, rgba(0,144,213,1.00) 45.60%); */
    background-image: -moz-linear-gradient(222deg, rgba(37, 37, 37, 0.72) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    background-image: -o-linear-gradient(222deg, rgba(37, 37, 37, 0.72) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    /* background-image: linear-gradient(228deg, rgba(0,133,197,1.00) 45.60%, rgba(0,144,213,1.00) 45.60%); */
    background-color: rgba(37, 37, 37, 0.32) !important;
    background-image: -webkit-linear-gradient(222deg, rgba(37, 37, 37, 0.72) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    background-image: linear-gradient(228deg, rgba(37, 37, 37, 0.72) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
}
.header_dark_in {
    padding-top: 0px;
    position: relative !important;
    width: 100% !important;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    z-index: 999;
    /* background-image: -webkit-linear-gradient(222deg, rgba(0,133,197,1.00) 45.60%, rgba(0,144,213,1.00) 45.60%); */
    background-image: -moz-linear-gradient(222deg, rgba(37, 37, 37, 1.00) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    background-image: -o-linear-gradient(222deg, rgba(37, 37, 37, 1.00) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    /* background-image: linear-gradient(228deg, rgba(0,133,197,1.00) 45.60%, rgba(0,144,213,1.00) 45.60%); */
    background-color: rgba(37, 37, 37, 1.00) !important;
    background-image: -webkit-linear-gradient(222deg, rgba(37, 37, 37, 1.00) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
    background-image: linear-gradient(228deg, rgba(37, 37, 37, 1.00) 14.51%, rgba(37, 37, 37, 0.72) 45.60%);
}
.sticky_element_dark {
    position: relative !important;
    width: 100% !important;
    background: rgba(51, 63, 72, 1) !important;
    padding-bottom: 6px !important;
    border-top: 2px solid #03A9F4;
    border-bottom: 0px solid #E3272A !important;
}
.header-toolbar_dark > ul > li > a {
    font-size: 16px !important;
    display: block;
    padding: 0 5px !important;
    position: relative;
    text-align: center;
    color: #ffffff !important;
}
.header_r_dark {
    margin-top: 17px !important;
}
.mobile_bar {
    z-index: 2;
    bottom: 4px;
    position: relative;
}
.mobile_bar i {
    font-size: 24px;
}
.menu-mobile-btn_dark span {
    background: #28282840;
    color: #fff;
    font-size: 14px;
    padding: 10px 1px;
    width: 100%;
    display: block;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.bannerBack1 {
    background-image: url(../img/banner.png);
    background-position: center;
    width: 100%;
    height: 168px;
    position: absolute;
    bottom: 0;
    z-index: 50 !important;
}
.dark_bg {
    background-color: #333f48 !important;
    display: block;
    /* background-image: url(../img/dark_bg.png); */
    background-attachment: fixed;
}
.ttt2 {
    color: #1D1D1D;
    background-image: -webkit-linear-gradient(219deg, rgba(0, 44, 166, 1.00) 19.69%, rgba(1, 147, 215, 1.00) 35.75%, rgba(148, 133, 255, 1.00) 55.96%);
    background-image: -moz-linear-gradient(219deg, rgba(0, 44, 166, 1.00) 19.69%, rgba(1, 147, 215, 1.00) 35.75%, rgba(148, 133, 255, 1.00) 55.96%);
    background-image: -o-linear-gradient(219deg, rgba(0, 44, 166, 1.00) 19.69%, rgba(1, 147, 215, 1.00) 35.75%, rgba(148, 133, 255, 1.00) 55.96%);
    background-image: linear-gradient(231deg, rgba(0, 44, 166, 1.00) 19.69%, rgba(1, 147, 215, 1.00) 35.75%, rgba(148, 133, 255, 1.00) 55.96%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Microsoft JhengHei", "Microsoft JhengHei", "Arial Black",;
    line-height: 45px;
    font-size: 30px;
    font-weight: bold;
}
.content-block {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.67;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
}
.hr_p {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #656565 !important;
}
.pw p {
    color: #FFFFFF;
}
.about_dark {
    background-image: url(../img/p.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
}
.about_in {
    font-family: "Microsoft JhengHei";
    font-size: 6vh;
    color: #FFFFFF;
}
.about_in_p {
    font-family: "Microsoft JhengHei";
    font-size: 2vh;
    color: #FFFFFF;
    margin-bottom: 32px;
}
.product-item_dark {
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0px !important;
    position: relative;
    border: 1px solid #eee;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    overflow: hidden;
    text-align: center;
    background-image: -webkit-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: -moz-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: -o-linear-gradient(312deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    background-image: linear-gradient(138deg, rgba(255, 255, 255, 1.00) 50.26%, rgba(232, 232, 232, 1.00) 50.26%);
    border: 1px solid #FF9E00;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.product-item_dark:hover {
    border-left: 1px solid #007BE0;
    border-right: 1px solid #007BE0;
    border-bottom: 1px solid #007BE0;
    border-top: 1px solid #007BE0;
}
.dark_c {
    color: #0093FF !important;
}
.dark_bg p {
    color: #FFFFFF !important;
}
.dark_bg .btn-color {
    background: #0093FF !important;
    color: #fff !important;
}
.header_dark .lang_org {
    background: #0093FF !important;
    color: #fff !important;
}
.header_r_dark .lang_org {
    background: #0093FF !important;
    color: #fff !important;
}
.header_dark .tp-mask-wrap {
    background: #0093FF !important;
    color: #fff !important;
}
.footer_dark {
    background: #282a2c;
}
.footer_dark .footer-social-icon li a {
    background: #0093FF !important;
}
.footer_dark .footer-social-icon li a {
    color: #ffffff;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px;
    text-align: center;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    border: 0px solid #FFFFFF;
    border-radius: 50%;
}
.footer_dark p {
    color: #FFFFFF;
    font-family: "Microsoft JhengHei";
    font-size: 12px;
}
.footer_dark .footer-block.contact-block li {
    float: left;
    color: #FFFFFF;
    margin-right: 22px;
}
.copy {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0px;
}
.page-content-wraper_dark {
    position: relative;
    width: 100%;
    background-color: hsla(0, 0%, 95%, 0.00) !important;
}
.dark_bg .aside1 .list-ul a {
    color: hsla(0, 0%, 100%, 1.00);
}
.dark_bg .panel-group .panel-heading {
    background-image: -webkit-linear-gradient(270deg, rgba(69, 69, 69, 1.00) 3.11%, rgba(43, 43, 43, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(69, 69, 69, 1.00) 3.11%, rgba(43, 43, 43, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(69, 69, 69, 1.00) 3.11%, rgba(43, 43, 43, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(69, 69, 69, 1.00) 3.11%, rgba(43, 43, 43, 1.00) 100%);
    background-color: #0090d5;
    border-left-style: solid;
    border-left-width: 0px;
    color: #FFF;
    font-family: "Microsoft JhengHei";
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    margin-top: 5px;
    border-radius: 14px;
}
.dark_bg .panel-group .panel .panel-heading.active, .panel-group .panel .panel-heading.active:hover, .light .panel-group .panel .panel-heading.active, .panel-group .panel .panel-heading.active:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 116, 200, 1.00) 0%, rgba(0, 78, 122, 1.00) 82.91%);
    background-image: -moz-linear-gradient(270deg, rgba(0, 116, 200, 1.00) 0%, rgba(0, 78, 122, 1.00) 82.91%);
    background-image: -o-linear-gradient(270deg, rgba(0, 116, 200, 1.00) 0%, rgba(0, 78, 122, 1.00) 82.91%);
    background-image: linear-gradient(180deg, rgba(0, 116, 200, 1.00) 0%, rgba(0, 78, 122, 1.00) 82.91%);
    background-color: #0090d5;
}
.dark_bg .aside1 .list-ul li.active a {
    color: #008fd4;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
}
.dark_bg .breadcrumb .breadcrumb-link > span {
    color: #008fd4;
}
.dark_bg h1 {
    color: #0093FF;
}
.dark_bg h2 {
    color: #0093FF;
}
.dark_bg h3 {
    color: #0093FF;
}
.dark_bg h4 {
    color: #0093FF;
}
.dark_bg h5 {
    color: #0093FF;
}
.dark_bg h6 {
    color: #0093FF;
}
.dark_bg .h1 {
    color: #0093FF;
}
.dark_bg .h2 {
    color: #0093FF;
}
.dark_bg .h3 {
    color: #0093FF;
}
.dark_bg .h4 {
    color: #0093FF;
}
.dark_bg .h5 {
    color: #0093FF;
}
.dark_bg .h6 {
    color: #0093FF;
}
.dark_bg .news-item {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border: 1px solid #eee;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 17px;
    background-color: #2B2B2B;
    background-image: -webkit-linear-gradient(128deg, rgba(71, 71, 71, 1.00) 0%, rgba(33, 33, 33, 1.00) 100%);
    background-image: -moz-linear-gradient(128deg, rgba(71, 71, 71, 1.00) 0%, rgba(33, 33, 33, 1.00) 100%);
    background-image: -o-linear-gradient(128deg, rgba(71, 71, 71, 1.00) 0%, rgba(33, 33, 33, 1.00) 100%);
    background-image: linear-gradient(322deg, rgba(71, 71, 71, 1.00) 0%, rgba(33, 33, 33, 1.00) 100%);
}
.dark_bg .news-title {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    color: #FFF;
    font-family: "Microsoft JhengHei";
    border-bottom: 1px solid #e2e2e2;
    width: 90%;
    font-size: 20px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.dark_bg .pagination-numbers li a, .pagination-numbers li span {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 34px;
    line-height: 33px;
    padding: 0 12px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 99px;
}
.dark_bg .news2_title {
    color: #FFF;
    font-family: "Microsoft JhengHei";
    font-weight: bold;
    font-size: 20px;
    display: block;
}
.dark_bg label {
    color: #FFF;
}
.dark_bg .Contact-information {
    color: #FFF;
}
.dark_bg .product-share ul li a {
    color: #FFF;
}
.dark_bg ul.testimonial-dotted > li:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed rgba(255, 255, 255, 0.3);
}
.dark_bg ul.testimonial-dotted > li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.dark_bg .bg-sky p {
    color: #000 !important;
}
.dark_nav .nav-dropdown, .nav-dropdown-sub {
    width: 100%;
    display: none;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    color: hsla(0, 0%, 7%, 1.00);
}
.dark_nav .nav-dropdown, .nav-dropdown-sub a {
    color: hsla(0, 0%, 7%, 1.00);
}
/*.dark_nav .nav-dropdown, .nav-dropdown-sub {
    width: 210px;
    display: none;
    background-color: #0069b7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.09);
}*/
.header_dark .nav-dropdown ul li a, .nav-dropdown-sub ul li a {
    color: #000;
    font-family: "Microsoft JhengHei";
}
.header_dark_in .nav-dropdown ul li a, .nav-dropdown-sub ul li a {
    color: #000;
    font-family: "Microsoft JhengHei";
}
.dark_nav.mega-menu .nav-dropdown, .nav-dropdown-sub {
    width: 100%;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
}
.dark_nav .mega-menu .nav-dropdown, .nav-dropdown-sub {
    width: 100%;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
}
.header_dark input[type="button"], button, .btn {
    -webkit-appearance: none;
    background: #f5f5f5;
    border: 1px solid hsla(203, 100%, 34%, 1.00);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #525252;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 1.25 !important;
    display: inline-block;
    font-family: inherit;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    vertical-align: middle;
}
input[type="button"], button, .btn {
    -webkit-appearance: none;
    background-color: #f5f5f5;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #525252;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 1.25 !important;
    display: inline-block;
    font-family: inherit;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    vertical-align: middle;
    border: 1px solid hsla(198, 100%, 43%, 1.00);
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 58.03%, rgba(193, 193, 193, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 58.03%, rgba(193, 193, 193, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 58.03%, rgba(193, 193, 193, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 58.03%, rgba(193, 193, 193, 1.00) 100%);
}
.dark_bg .product-title {
    text-transform: none;
    font-weight: bold;
    margin-bottom: 10px;
    /* margin-top: 5px; */
    color: #5DB2EC;
    /* padding-top: 10px; */
    /* padding-right: 10px; */
    /* padding-left: 0px; */
    /* padding-bottom: 10px; */
    font-size: 14px;
    font-family: "Microsoft JhengHei";
    line-height: 20px;
    text-align: center;
    height: 41px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.dark_bg .product-content-tabs li a {
    color: #FFF;
    display: block;
    font-size: 16px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid;
    border-color: transparent;
    font-family: "Microsoft JhengHei";
}
.dark_bg .slick-prev:before, .slick-next:before {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #676767;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .dark_bg {
    color: #FFF;
}
body .dark_bg .product-description {
    color: #000;
}
.breadcrumb-link a {
    color: #495057;
}
.dark_bg .breadcrumb-link a {
    color: hsla(0, 0%, 97%, 1.00);
}
.dark_nav .mega-dropdown .dropdown-title {
    background-color: #0093ff;
    border-radius: 15px;
}
.dark_nav .mega-dropdown ul li {
    border-bottom: 1px dotted hsla(0, 0%, 65%, 1.00);
}
/*0612新增*/
header .links a:hover, footer a:hover {
    color: #55b7ff;
}
.lang_org {
    margin-right: 10px;
}
.nav-menu-item.active a {
    color: #55b7ff;
}
.lang_org i {
    margin-right: 10px;
}
footer img {
    max-width: 100%;
    height: auto;
}
.to-top {
    border-bottom: 5px ridge #1870b1;
}
.header_r_dark .lang_org {
    background: #116790 !important;
}
.dark_bg {
    background-color: #000 !important;
}
body .white_bg {
    background-color: #fff !important;
    /*background: url('../img/bg-white.jpg') no-repeat;*/
    background-size: contain;
    background-position: bottom;
    color: #333;
}
.panel-group .panel-heading {
    border-radius: 0;
    /*background: rgba(17, 103, 143, 0.1);*/
    background: transparent;
    /*border-left: 2px solid #11678f;*/
    border-left: none;
    -webkit-transition: .2s ease-out; /* Safari */
    transition: .2s ease-out;
}
.panel-group .panel-heading a {
    color: #9facb7;
    font-weight: 600;
}
.panel-group .panel-heading:hover {
    border-radius: 0;
    /*background: rgba(17, 103, 143, 0.2);*/
    background: transparent;
    /*border-left: 2px solid #d4543c;*/
    border-left: none;
    -webkit-transition: .2s ease-out; /* Safari */
    transition: .2s ease-out;
}
.dark_bg .panel-group .panel .panel-heading.active,
.panel-group .panel .panel-heading.active:hover,
.light .panel-group .panel .panel-heading.active,
.panel-group .panel .panel-heading.active:hover {
    /*background: rgba(17, 103, 143, 0.4);*/
    background: transparent;
}
.sticky_element_dark {
    background: #4c4c4c !important;
}
.sticky_element_dark {
    border-top: 3px solid rgb(16, 103, 171);
}
.aside1 h1 {
    border-left: 7px groove #11678f;
}
.accordion .panel-heading > .panel-title > a > .icon-collapse::before {
    text-shadow: 0px 0px 2px #343a40;
}
.aside1 .list-ul li.active a {
    color: #11678f;
}
.sp1 {
    font-weight: 900;
    text-shadow: 2px 2px 2px rgba(204, 204, 204, 0.7);
}
.nav-menu > ul > li > a {
    padding: 15px 14px;
    font-size: 16px;
    font-weight: 600;
}
.breadcrumb .breadcrumb-link > span {
    color: #d4543c;
}
.breadcrumb .breadcrumb-link {
    font-size: 14px;
}
.product-item {
    background: #fff;
    border: none;
}
.pdt .product-item {
    background: #fff;
    padding: 15px 0 15px;
    box-shadow: 2px 3px 7px #eee;
}
.product-item:hover {
    border: none;
}
.pdt .product-item:hover {
    /*border: 1px solid #eee;*/
    border: none;
    box-shadow: 1px 2px 2px #ddd;
}
.product-item .product-item-img {
    margin-bottom: 0;
}
.product-title {
    overflow: hidden;
    height: 50px;
    line-height: 27px;
}
.pagination-numbers li a:hover,
.pagination-numbers li span:hover,
.pagination-numbers li span.current,
.pagination-numbers li a.current {
    background: hsla(25, 78%, 51%, 0.6);
}
.lang_org .dropdown-menu {
    background: #f5f5f5;
}
.lang_org .dropdown-menu .dropdown-item:active {
    background-color: #f5f5f5;
    color: #212529;
}
/*.owl-carousel.owl-drag .owl-item {
    margin: 0 5px;
}*/
.product-image-slider .slick-prev, .product-image-slider .slick-next {
    background: rgba(17, 103, 143, 0.2);
}
input[type="button"], button, .btn {
    background: #262626;
    color: #fff;
    border: none;
}
input[type="button"]:hover, button:hover, .btn:hover {
    background-color: rgba(38, 38, 38, 0.8);
}
.product-content-tabs li a {
    padding-top: 8px;
}
.product-content-tabs li a.active {
    color: #ffffff;
    border-bottom: 2px solid #a2c3d2;
    background: #11678f;
}
.owl-stage-outer .product-item {
    margin: 10px;
}
.p-0 {
    padding: 0;
}
.related.product-carousel .product-item {
    border: 1px solid #eee;
}
.related .product-title {
    height: 35px;
}
header .links a:hover, footer a:hover {
    color: #fff;
}
.home-bg {
    background: url('../img/bg.jpg') no-repeat;
    background-color: #4c4c4c;
    background-size: contain;
    background-position: bottom;
}
.product-item .product-item-content .product-title:hover {
    color: #e37122;
    text-decoration: none;
}
.product-page-image {
    /*border: 1px solid #eee;*/
    border: none;
}
.bannerBack1 {
    background-repeat: no-repeat;
    height: 297px;
}
.tp-fullwidth-forcer {
    height: 880px !important;
}
.header_dark_in {
    position: fixed !important;
}
/* .intro, .page-content-wraper {
    top: 117px;
    position: relative;
} */
.sp2 {
    padding-top: 120px;
}
.sp3 {
    margin-bottom: 80px;
}
.breadcrumb {
    padding: 30px 0 45px;
    background-image: url(../img/bar.jpg);
    background-size: auto;
    background-position: bottom;
}
.panel-group .panel-heading a:hover {
    color: #e37222;
}
.list-menu ul.list-ul {
    margin-left: 20px;
}
.aside1 h1 {
    margin-bottom: 25px;
}
.panel-heading.active a {
    color: #11668e;
}
.sep_btom {
    padding-bottom: 8px;
    border-bottom: 1px solid #072a3b;
}
.sep_btom:after {
    content: '';
    display: block;
    width: 115px;
    height: 2px;
    position: relative;
    bottom: 0;
    left: 0;
    background-color: #072a3b !important;
    height: 4px;
    bottom: -10px;
}
.aside1 h1 {
    border-left: none;
    padding-left: 0;
}
.footer_dark .footer-social-icon li a {
    background: #e37222 !important;
}
.footer_dark .footer-social-icon li a:hover {
    background: #dd9054 !important;
    color: #fff !important;
}
.search-tool button, .search-tool .btn {
    padding-right: 8px;
    padding-left: 8px;
}
.header-toolbar ul.ny1 {
    display: -webkit-inline-box;
}
.header-toolbar ul.ny1 li {
    display: table-cell;
    position: relative;
}
.search-tool input {
    width: 150px;
}
.dark_c {
    color: #e37222 !important;
}
p.ttt2 {
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}
/*IE 10+（IE10、IE11、Edge）*/
_:-ms-lang(x),
.ttt2 {
    background-image: none;
    color: #f83600;
}
@supports (-ms-ime-align:auto) {
    /* for edge  */
    .ttt2 {
        background-image: none;
        color: #f83600;
    }
}
.nav-menu-item.active a {
    color: #e37222;
}
.nav-menu > ul > li > a:hover {
    color: #e37222;
}
form.p1 {
    margin-left: 15px;
}
.breadcrumb span {
    font-weight: 600;
    font-size: 18px;
}
.breadcrumb .breadcrumb-link > span {
    font-weight: 600;
    font-size: 18px;
    color: #d4543c;
}
.panel-heading.active a {
    color: #e37122;
}
.aside1 .list-ul li.active a {
    color: #e37122;
}
a.product-title:hover {
    color: #e37122;
}
.footer_dark .footer-social-icon li a.fb {
    background: #4267B2 !important;
    color: #fff !important;
}
.footer_dark .footer-social-icon li a.line img {
    width: 22px;
}
.footer_dark .footer-social-icon li a.line {
    background: #00c300 !important;
    color: #fff !important;
}
.footer_dark .footer-social-icon li a.ig {
    background: -moz-linear-gradient(45deg, #ffdc80 1%, #fcaf45 22%, #f77737 33%, #f56040 41%, #fd1d1d 48%, #e1306c 55%, #c13584 62%, #833ab4 73%, #5851db 86%, #405de6 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ffdc80 1%, #fcaf45 22%, #f77737 33%, #f56040 41%, #fd1d1d 48%, #e1306c 55%, #c13584 62%, #833ab4 73%, #5851db 86%, #405de6 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ffdc80 1%, #fcaf45 22%, #f77737 33%, #f56040 41%, #fd1d1d 48%, #e1306c 55%, #c13584 62%, #833ab4 73%, #5851db 86%, #405de6 100%) !important;
    color: #fff !important;
}
.dark_bg {
    background-color: #4c4c4c !important;
}
.nav-dropdown {
    margin-top: 10px;
}
.nav-menu > ul > li.lang > a:hover {
    color: #e37222;
}
.footer-block.contact-block {
    display: inline-block;
}
.aside1 h1 {
    font-size: 26px;
    font-weight: 700;
}
.ab1 {
    line-height: 26px;
    font-size: 15px;
}
.mb50 {
    margin-bottom: 50px;
}
.fw700 {
    font-weight: 700;
}
a.email {
    color: #FF9800;
}
a.email:hover {
    color: #e37222;
}
.pagination-numbers li a, .pagination-numbers li span {
    border: 1px solid #efaa7d;
}
.pagination-numbers li span {
    color: #333;
}
body .forcefullwidth_wrapper_tp_banner {
    margin-top: 110px !important;
}
.owl-theme .owl-nav .owl-prev {
    left: 0;
}
.owl-theme .owl-nav .owl-next {
    right: 0;
}
.content-page {
    padding-bottom: 0;
    padding-top: 115px;
}
.breadcrumb {
    top: 117px;
    position: relative;
}
.menu-bar-flex {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 10px;
}
.search-bar-nav ul {
    display: table;
    font-size: 24px;
    padding: 8px 0;
    border-collapse: separate;
    -webkit-border-horizontal-spacing: 13px;
    margin: 7px 0 0;
}
.search-bar-nav li {
    display: table-cell;
}
.search-bar-nav li:nth-of-type(2) {
    margin-left: 15px;
}
.search-tool i{
    font-size: 24px;
}
/*搜尋按鈕 桌機版 隱藏*/
.search-bar-nav .search-button {display: none;}
/*----------------------------------
解析度設定
---------------------------------- */
/*789*/
@media screen and (max-width: 425px) {
    body .hidden-xs {
        display: none;
    }
    body .hidden-sm {
        display: block;
    }
    body .hidden-md {
        display: block;
    }
    body .hidden-lg {
        display: block;
    }
    body .trtc,
    body .tltc {
        text-align: center;
    }
    body .webeditor table {
        max-width: 100%;
    }
    body .webeditor img,
    body .webeditor video {
        max-width: 100%;
        height: auto;
    }
    body .tp-fullwidth-forcer {
        height: 190px !important;
    }
    body #rev_slider_1078_1 {
        height: 190px !important;
    }
    body .header-toolbar ul.ny1 li.hidden-xs {
        display: none;
    }
    body .show-on-mobile_dark {
        max-height: 90vh;
        /*overflow-y: auto;*/
    }
    body .xs-size1 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    body .sp2 {
        padding-top: 0;
    }
    body .home-bg .section-padding {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    body .content-page {
        padding-bottom: 20px;
        padding-top: 55px;
    }
    body .sp3 {
        margin-bottom: 0px;
    }
    body .breadcrumb {
        background-size: cover;
    }
    body .forcefullwidth_wrapper_tp_banner {
        margin-top: 0px !important;
    }
    .logo {
        text-align: unset;
        padding-left: 5px;
    }
    body .logo img {
        /*width: 80%;*/
        height: 48px;
    }
    .logo img:nth-of-type(2) {
        margin-left: 20px;
    }
    body .ttt2 {
        /*font-size: 30px;*/
    }
    .menu-mobile-btn span {
        margin-top: 0;
        position: relative;
        bottom: 4px;
    }
    body .intro, body .page-content-wraper {
        top: 66px;
        position: relative;
    }
    body .breadcrumb {
        top: 0;
        position: relative;
    }


    body .content-page {
        padding-bottom: 120px;
        padding-top: 0;
    }
}
@media (min-width: 321px) and (max-width: 375px) {
    body #rev_slider_1078_1 {
        height: 220px !important;
    }
    body .tp-fullwidth-forcer {
        height: 200px !important;
    }
}
@media (min-width: 426px) and (max-width: 768px) {
    body .hidden-xs {
        display: block;
    }
    body .hidden-sm {
        display: none;
    }
    body .hidden-md {
        display: block;
    }
    body .hidden-xs.s {
        display: none;
    }
    body .hidden-md.s {
        display: block;
    }
    body .webeditor img,
    body .webeditor table {
        max-width: 100%;
    }
    body .intro, .page-content-wraper {
        top: 76px;
        position: relative;
    }
    .aside1 {
        display: block;
    }
    body .aside1 h1 {
        font-size: 20px;
        font-weight: 700;
    }
    body .list-page-title h2 {
        font-size: 28px;
    }
    body .show-on-mobile_dark {
        max-height: 77vh;
    }
    body .dark_nav a {
        margin-top: 0px;
    }
    body .nav-menu > ul > li {
        margin-top: 0;
    }
    body .product-title {
        overflow: hidden;
        height: 70px;
        line-height: 24px;
    }
    body .related .product-title {
        height: 50px;
    }
    body #rev_slider_1078_1 {
        height: 340px !important;
    }
    body .tp-fullwidth-forcer {
        height: 340px !important;
    }
    body .forcefullwidth_wrapper_tp_banner {
        margin-top: 0px !important;
    }
    body .breadcrumb {
        top: 0;
        position: relative;
    }
    body .content-page {
        padding-bottom: 80px;
        padding-top: 0;
    }
    body .header_r_dark {
        margin-top: 8px !important;
    }
}
/* 各手機裝置翻轉 */
@media screen and (max-width: 768px) {
    body nav.jh-breadcrumb {
        top: -1px;
        position: relative;
    }
}
@media (width: 736px) {
    body .bannerBack1 {
        background-repeat: no-repeat;
    }
    body .sp2 {
        padding-top: 80px;
    }
    body .ttt2 {
        /*font-size: 7vh;*/
    }
    body .logo img {
        /*width: 85%;*/
    }
    body .header_r_dark {
        margin-top: 4px !important;
    }
    body .intro, body .page-content-wraper {
        top: 66px;
        position: relative;
    }
}
@media (min-width: 640px) and (max-width: 667px) {
    /*body .ttt2 {*/
    /*    !*font-size: 7vh;*!*/
    /*}*/
    body .sp2 {
        padding-top: 80px;
    }
}
@media (width: 568px) {
    body .bannerBack1 {
        background-repeat: no-repeat;
        height: 300px;
    }
    body .ttt2 {
        /*font-size: 7vh;*/
    }
    body .sp2 {
        padding-top: 80px;
    }
}
/* ------------------------------
BANNER 自適應
--------------------------------*/
@media (min-width: 769px) and (max-width: 1034px) {
    body .bannerBack1 {
        background-repeat: no-repeat;
        /*height: 655px;*/
    }
    body .search-tool input {
        width: 125px;
    }
    body .sp2 {
        padding-top: 10px;
    }
    body .tp-fullwidth-forcer {
        height: 550px !important;
    }
    body .forcefullwidth_wrapper_tp_banner {
        margin-top: 110px !important;
    }
    body #rev_slider_1078_1 {
        height: 520px !important;
    }
    body .ttt2 {
        /*font-size: 46px;*/
    }
    body .content-block {
        line-height: 40px;
    }
    body .home-bg .section-padding {
        padding-top: 0;
        padding-bottom: 50px;
    }
    body:not(.index) footer {
        position: relative;
        　 margin-top: -100px;
    }
    body .breadcrumb {
        top: 108px;
        position: relative;
    }
}
@media (min-width: 1035px) and (max-width: 1291px) {
    body .bannerBack1 {
        background-repeat: no-repeat;
    }
    body .tp-fullwidth-forcer {
        height: 635px !important;
    }
    body .sp2 {
        padding-top: 0px;
    }
}
@media (min-width: 1292px) and (max-width: 1377px) {
    body .tp-fullwidth-forcer {
        height: 635px !important;
    }
    body .sp2 {
        padding-top: 20px;
    }
}
@media (min-width: 1378px) and (max-width: 1451px) {
    .bannerBack1 {
        background-repeat: no-repeat;
    }
    body .tp-fullwidth-forcer {
        height: 680px !important;
    }
    .sp2 {
        padding-top: 0;
    }
}
@media (min-width: 1452px) and (max-width: 1691px) {
    body .bannerBack1 {
        background-repeat: no-repeat;
        height: 416px;
    }
    body .tp-fullwidth-forcer {
        height: 815px !important;
    }
    .sp2 {
        padding-top: 0;
    }
}
@media (min-width: 1378px) {
    .sp2 {
        padding-top: 0;
    }
}
@media screen and (max-width: 1451px) and (min-width: 1378px) {
    .bannerBack1 {
        background-repeat: no-repeat;
        height: 621px;
    }
}
@media screen and (max-width: 1377px) and (min-width: 1292px) and (orientation: portrait) {
    .bannerBack1 {
        background-repeat: no-repeat;
        height: 1115px;
    }
}
@media screen and (max-width: 1034px) and (min-width: 769px) and (orientation: portrait) {
    .bannerBack1 {
        background-repeat: no-repeat;
    }
}
@media screen and (max-width: 768px) and (min-width: 426px) and (orientation: portrait) {
    .bannerBack1 {
        background-repeat: no-repeat;
        height: 388px;
    }
}
@media screen and (max-width: 736px) and (orientation: landscape) {
    .logo {
        text-align: left;
        padding-left: 10px;
    }
    .logo img:nth-of-type(2) {
        margin-left: 20px;
    }
    .logo img {
        height: 57px;
    }
    .header-toolbar {
        margin-top: 1%;
        /*margin-right: 5%;*/
    }
    .bannerBack1 {
        height: 578px;
    }
}
@media screen and (max-width: 1366px) and (orientation: landscape) {
    /*iPad Pro landscape*/
    .bannerBack1 {
        height: 684px;
    }
}
@media screen and (max-width: 1291px) and (min-width: 1024px) {
    .bannerBack1 {
        height: 771px;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
    /*768 landscape*/
    .bannerBack1 {
        height: 370px;
    }
}
@media screen and (width: 1024px) and (height: 768px) {
    /*768 landscape*/
    .bannerBack1 {
        height: 654px;
    }
}
@media screen and (width: 812px) and (height: 375px) {
    .bannerBack1 {
        height: 153px;
    }
}
@media screen and (width: 800px) and (height: 600px) {
    .bannerBack1 {
        height: 153px;
    }
}
@media screen and (max-width: 667px) and (orientation: landscape) {
    .bannerBack1 {
        height: 353px;
    }
}
@media screen and (max-width: 640px) and (orientation: landscape) {
    /*320 landscape*/
    .bannerBack1 {
        height: 337px;
    }
}
@media screen and (min-width: 442px) and (max-width: 1024px) {
    .logo {
        text-align: left;
    }
    .logo img:nth-of-type(2) {
        margin-left: 20px;
    }
}
@media screen and (min-width: 320px) and (max-width: 359px) {
    .bannerBack1 {
        height: 326px;
    }
}
@media screen and (min-width: 360px) and (max-width: 414px) and (orientation: portrait) {
    .bannerBack1 {
        height: 394px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1024px){
    .bannerBack1 {
        height: 181px;
    }
}
/* ------------------------------
108.10.04 add 搜尋框＆搜尋按鈕
--------------------------------*/
@media screen and (max-width: 767px) and (orientation: portrait){
    .search-bar-nav .search-input {display: none;}
    .search-bar-nav .search-button {display: table-cell;}
    @-moz-document url-prefix() {.search-bar-nav .search-button {padding-right: 10px;}}}/* For firefox  */
_:-ms-lang(x),.search-bar-nav .search-button {padding-right: 10px;}/*IE 10+（IE10、IE11、Edge）*/
}
@media screen and (width: 812px) and (orientation: landscape) {/* 不加這個以下不生效，原因不明 */}
@media screen and (min-width: 500px) and (max-width: 991px) and (orientation: landscape){
    .search-bar-nav .search-input {display: table-cell;}
    .search-bar-nav .search-button {display: none;}
    .search-bar-nav .search-input {right: -14px; position: relative;}
    @-moz-document url-prefix() {.search-bar-nav .search-input {right: 0; position: relative;}}/* For firefox  */
    _:-ms-lang(x),.search-bar-nav .search-button {padding-right: 10px;}/*IE 10+（IE10、IE11、Edge）*/
    .search-bar-nav .mobile_bar {padding-top: 0px; bottom: 0;}
}
@media screen and (width: 768px) and (orientation: portrait){
    .search-bar-nav .search-input {right: -14px; position: relative;}
    @-moz-document url-prefix() {.search-bar-nav .search-input {right: 0; position: relative;}}/* For firefox  */
    _:-ms-lang(x),.search-bar-nav .search-input {right: 0; position: relative;}/*IE 10+（IE10、IE11、Edge）*/
    _:-ms-lang(x),.search-bar-nav .search-button {padding-right: 10px;}/*IE 10+（IE10、IE11、Edge）*/
    .search-bar-nav .mobile_bar {padding-top: 0px; bottom: 0;}
    .search-bar-nav ul {margin: 13px -26px 0 0;}
}
@media screen and (min-width: 1920px){
    .bannerBack1 {background-size: cover;}
}
/*Breadcrumb*/
nav.jh-breadcrumb {
    padding: 17px 0 45px;
    background-image: url(../img/bar.jpg);
    background-size: auto;
    background-position: top;
    top: 117px;
    position: relative;
    background-repeat: no-repeat;
}
.jh-breadcrumb ol {
    list-style-type: none;
    display: flex;
    display: -ms-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jh-breadcrumb ol li {font-size: 18px;}
.jh-breadcrumb ol li:not(:last-child):after {
    content: "\f105";
    font-weight: normal;
    font-family: FontAwesome;
    padding-right: 7px;
    padding-left: 7px;
    color: #008fd4;
    text-decoration: none;
}
.jh-breadcrumb ol li a {
    font-weight: 500;
    color: #282828;
}
.jh-breadcrumb ol li a:hover {
    color: #d4543c;
    text-decoration: underline;
}
.jh-breadcrumb ol li:last-child {color: #d4543c;}
/*108.12.16 add*/
section.content-page a {
    color: #0e6aa9;
}
@media screen and (width: 1112px) {
    .menu-bar-flex {
        padding-right: 9px;
    }
}
@media screen and (max-width: 991px){
    body .show-on-mobile_dark {
        max-height: 80vh;
    }
}
@media screen and (max-width: 991px) , (width: 834px){
    /*For Safari only*/
    _::-webkit-full-page-media, _:future, :root body .nav-safari-only{
        max-height: 77vh;
        border-bottom: 3px solid #000;
    }
    .show-mobile + .nav-cover {
        position: fixed;
        /*pointer-events: none;*/
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        /*background: linear-gradient(to bottom, transparent 0%, #1D1D1D 100%);*/
        background-color: rgba(29, 29, 29,0.75);
        top: 140px;
    }
}
_::-webkit-full-page-media, _:future, :root .safari-body{
    background-color: #000;
}
/*108.12.20 add Homemake Mobile Navmenu 自製手機版選單*/
/* Nav Mmenu */
.jh-nav-menu.jh-mobile {
    z-index: 2;
}
.jh-nav-menu > ul > li > a {
    padding: 15px 14px;
    font-size: 16px;
    font-weight: 600;
}
.jh-nav-menu .nav-menu-item {
    position: relative;
}
.jh-nav-menu > ul > li > a:hover {
    color: #e37222;
}
/*dropdown-Menu*/
.dropdown-Menu {
    width: 100%;
    display: none;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    color: hsla(0, 0%, 7%, 1.00);
}
.dropdown-Menu ul {
    list-style: none;
}
.dropdown-Menu ul li {
    padding: 5px 20px;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.dropdown-Menu ul li:not(:first-child) {
    margin-top: 8px;
}
.dropdown-Menu ul li a {
    color: #000;
    font-family: "Microsoft JhengHei";
}
.dropdown-Menu ul li a:hover {
    color: #e37222;
}
/*Dropdown Menu 第二層*/
.dropdown-Menu-sub {
    width: 100%;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.09);
}
label[for^="dropdownCkbox"] {
    margin: 0;
    padding: 0;
}
label[for^="dropdownCkbox"]:before {
    /*content: "\f0fe";*/
    content: "\f055";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 50px;
    height: 27px;
    text-align: center;
}
.dropdown-Menu > ul > li label .dropdown-icon-minus {
    position: absolute;
    right: -1px;
    top: 3px;
    font-size: 25px;
    color: #1064a8;
    cursor: pointer;
}
label[for^="dropdownCkbox"]:before,
.dropdown-icon-minus {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 25px;
    color: #1064a8;
    cursor: pointer;
}
.dropdown-Menu label[for^="dropdownCkbox"]:before {
    position: absolute;
    right: -1px;
    top: -1px;
    font-size: 25px;
    color: #1064a8;
    cursor: pointer;
}
.dropdown-icon-minus {
    visibility: hidden;
    width: 50px;
    height: 36px;
    text-align: center;
    display: inline-block;
}
/*下拉選單CKBOX開關*/
input[id^="dropdownCkbox"],
input[id^="dropdownCkbox-sub"] {
    -webkit-appearance: checkbox;
    display: none;
}
/*展開選單按鈕加號與減號開關*/
input[id^="dropdownCkbox"]:checked ~ .dropckbox-Label .dropdown-icon-minus {
    visibility: visible;
}
input[id^="dropdownCkbox"]:checked ~ .dropckbox-Label:before {
    content: none;
}
input[id^="dropdownCkbox"]:checked ~ .dropckbox-sub-Label .dropdown-icon-minus {
    visibility: visible;
}
input[id^="dropdownCkbox"]:checked ~ .dropckbox-sub-Label:before {
    content: none;
}
/* Dropmenu Show*/
input[id^="dropdownCkbox"]:checked ~ .dropdown-Menu {
    display: block;
}
/* Sub Dropmenu Show*/
input[id^="dropdownCkbox-sub"]:checked ~ .dropdown-Menu-sub {
    display: block;
}

.jh-nav-menu.jh-mobile,
#showMobileNav {
    display: none;
}
@media (max-width: 991px) {
    .nav-menu.jh-desktop {
        display: none;
    }
    #showMobileNav {
        display: block;
    }
    .jh-nav-menu {
        background-color: transparent;
        position: absolute !important;
        top: 100%;
        left: 0;
        max-height: 250px;
        overflow-x: auto;
        background-color: #1D1D1D !important;
        color: #FFF;
        width: 100% !important;
    }
    .jh-nav-menu > ul > li {
        display: block;
        text-align: left;
        position: relative;
        margin-top: 2px;
        background: #fff;
    }
    .jh-nav-menu > ul > li > a {
        padding: 10px 15px;
        position: relative;
        border: 1px solid #eee;
        display: block;
        width: 100%;
        color: #0e6aa9;
    }
}