/* --> font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Verdana, Arial, sans-serif;
}

body {
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, 'Open Sans Condensed', sans-serif;
}

input, button, select, textarea {
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica, sans-serif;
}

/* <-- font */





.fa {
    transform: inherit !important;
}

.layout-blog .t3-wrapper,
.view-article .t3-wrapper {
    /*background: #ddd;*/
    background: inherit;
}

.layout-blog .t3-wrapper .items-leading,
.view-article .t3-wrapper .items-leading,
.layout-blog .t3-wrapper .items-row,
.view-article .t3-wrapper .items-row,
.layout-blog .t3-wrapper .item-page,
.view-article .t3-wrapper .item-page {
    background: #fff;
    /*padding: 25px;*/
    /*margin-bottom: 30px;*/
    padding: 0px;
    margin-bottom: 0px;
}

.layout-blog .t3-wrapper article .readmore a.btn,
.view-article .t3-wrapper article .readmore a.btn {
    border-radius: 0;
    border-color: #0787d5;
    /*padding: 12px 30px;*/
    padding: 12px 15px;
}

.layout-blog .t3-wrapper article .readmore a.btn:hover,
.view-article .t3-wrapper article .readmore a.btn:hover {
    background: #0787d5;
    color: #ffffff;
}

.layout-blog .t3-wrapper .article-title a,
.view-article .t3-wrapper .article-title a {
    color: #444;
}

.layout-blog .t3-wrapper .article-title a:hover,
.view-article .t3-wrapper .article-title a:hover {
    color: #0787d5;
}

.layout-blog .t3-wrapper .t3-module.module,
.view-article .t3-wrapper .t3-module.module {
    /*background: #fff;*/
    /*background: rgba(237, 79, 101, 0.05);*/
}

.layout-blog .t3-wrapper .t3-module.module .module-inner .module-title,
.view-article .t3-wrapper .t3-module.module .module-inner .module-title,
.layout-blog .t3-wrapper .t3-module.module .module-inner .module-ct,
.view-article .t3-wrapper .t3-module.module .module-inner .module-ct {
    /*padding: 15px 25px;*/
    padding: 12px 12px;
}

.layout-blog .t3-wrapper .t3-module.module .module-inner .module-title,
.view-article .t3-wrapper .t3-module.module .module-inner .module-title {
    margin-bottom: 0;
    background: #0787d5;
    color: #ffffff;
}

.layout-blog .t3-wrapper .t3-module.module .module-inner .module-ct a,
.view-article .t3-wrapper .t3-module.module .module-inner .module-ct a {
    color: #444;
}

.layout-blog .t3-wrapper .t3-module.module .module-inner .module-ct a:hover,
.view-article .t3-wrapper .t3-module.module .module-inner .module-ct a:hover {
    color: #0787d5;
}

.view-article .t3-wrapper .t3-module.module .module-inner,
.layout-blog .t3-wrapper .t3-module .module-inner {
    padding: 0;
    border-color: #0787d5;
    border-style: solid;
    border-width: 0.5px;
    /*background-color: #ffffff;*/
}

.view-article .t3-sidebar ul li,
.layout-blog .t3-sidebar ul li {
    border-bottom: 0.5px solid #0787d5;
}

.view-article .t3-sidebar ul li:last-child,
.layout-blog .t3-sidebar ul li:last-child {
    border: 0;
}

/******************************/
/*
.pagination-wrap .pagination .active a, .dc-pagination .pagination .active a {
     border-top: inherit;
     border-bottom: inherit;
     margin-top: inherit;
}
.pagination-wrap .pagination .active a:before, .dc-pagination .pagination .active a:before {
     border-bottom: inherit;
}
*/
.view-category .pagination-wrap .pagination .active a, .dc-pagination .pagination .active a {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0787d5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #0787d5;
    border-left: 0;
    border-right: 0;
    margin-top: 0px;
}

.view-products .pagination-wrap .pagination .active a, .dc-pagination .pagination .active a {
    border-top-width: 1px;
    border-top-style: inherit;
    border-top-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: inherit;
    border-bottom-color: inherit;
    border-left: 0;
    border-right: 0;
    margin-top: 1px;
}

.pagination-wrap .pagination .active a:before, .dc-pagination .pagination .active a:before {
    border-left: inherit;
    border-bottom: inherit;
    top: inherit;
}

.pagination-wrap .pagination .active a:after, .dc-pagination .pagination .active a:after {
    border-top: inherit;
    border-left: inherit;
    bottom: inherit;
}

.pagination-wrap .pagination .active a span:before, .dc-pagination .pagination .active a span:before {
    border-right: inherit;
    border-bottom: inherit;
    top: inherit;
}

.pagination-wrap .pagination .active a span:after, .dc-pagination .pagination .active a span:after {
    border-top: inherit;
    border-right: inherit;
    bottom: inherit;
}

.pagination > li > a, .pagination > li > span {
    float: none !important;
}

/***************************************************/

.cust-breadcrumb {
    background-color: #0787d5;

    color: #ffffff;
    /*padding-top: 22px;*/
    /*padding-bottom: 3px;*/

    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgb(189, 189, 189);

    /*border-bottom: solid;*/
    /*border-bottom-width: 3px;*/
    /*border-bottom-color: rgb(106, 106, 106);*/

    /*border-bottom-width: 0.5px;*/
    /*border-bottom-color: rgba(0, 0, 0, 0.1);*/
    /*border-bottom-style: solid;*/
}

.cust-breadcrumb .cust-breadcrumb-title {
    /*padding-top: 16px;*/
    /*padding-bottom: 16px;*/
    padding-top: 17px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

    float: left;
}





.cust-breadcrumb .cust-breadcrumb-breadcrumbs {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

    float: right;
    display: inline-block;
    /*vertical-align: middle;*/
    vertical-align: bottom;
}

.cust-breadcrumb .cust-breadcrumb-title h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 26px;
    color: #ffffff;
    /*text-align: center;*/
    font-weight: 300;
}

.cust-breadcrumb ol.breadcrumb {
    background-color: rgba(255, 255, 255, 0);
    padding-top: 19px;
    /*padding-bottom: 10px;*/
    padding-bottom: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*text-align: right;*/
    font-size: 12px;
}

.cust-breadcrumb ol.breadcrumb a {
    color: rgba(255, 255, 255, 1);
    /*font-size: 12px;*/
}

.cust-breadcrumb ol.breadcrumb i {
    color: #ffffff;
    /*font-size: 12px;*/
}

.cust-breadcrumb .banner {
    clear: both;
    background: #2f231f;
    position: relative;
}

.cust-breadcrumb .banner:after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(74, 51, 15, 0) 0%, rgba(31, 18, 13, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 51, 15, 0)), color-stop(100%, rgba(31, 18, 13, 1)));
    background: -webkit-linear-gradient(top, rgba(74, 51, 15, 0) 0%, rgba(31, 18, 13, 1) 100%);
    background: -o-linear-gradient(top, rgba(74, 51, 15, 0) 0%, rgba(31, 18, 13, 1) 100%);
    background: -ms-linear-gradient(top, rgba(74, 51, 15, 0) 0%, rgba(31, 18, 13, 1) 100%);
    background: linear-gradient(to bottom, rgba(74, 51, 15, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a330f', endColorstr='#1f120d', GradientType=0);
}

/**************************************/
/* --> header */
/**************************************/

.t3-header {
    background: rgba(255, 255, 255, 0.9) !important;
}
.t3-header .navbar-nav {
    font-size: 12pt;
}

.t3-header .dropdown-menu {
    font-size: 12pt;
}

/*
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li.active {
    background-color: #0787d5;
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > span {
    background-color: #0787d5;
    color: #ffffff !important;
}
.navbar-default .navbar-nav > a:hover {
    background-color: #0787d5;
    color: #ffffff !important;
}
.navbar-default > a:hover {
    background-color: #0787d5;
    color: #ffffff !important;
}
.t3-navbar .nav > li:hover {
    background-color: #0787d5 !important;
    color: #ffffff !important;
}
.t3-navbar .nav > li:hover > a {
    color: #ffffff !important;
}
.t3-navbar .nav > li:hover > span {
    color: #ffffff !important;
}
.t3-header.navbar-fixed-top .navbar-default .navbar-nav > li.active > a {
    color: #ffffff;
}
*/
/* <-- header */


/*---------------------*/

.head-search .search-icon {
    margin-left: 3px;
}

.view-article #t3-mainbody,
.view-category #t3-mainbody {
    padding-top: 50px;
    padding-bottom: 50px;
}

.t3-module .module-inner > h1,
.t3-module .module-inner > h2,
.t3-module .module-inner > h3,
.t3-module .module-inner > h4,
.t3-module .module-inner > h5,
.t3-module .module-inner > h6 {
    text-transform: inherit;
}

.com_content dl.article-info.muted {
    float: inherit;
}

/* --> djcatalog2 */
.com_djcatalog2 #djcatalog .djc_images {
    float: left !important;
    margin-left: 0px !important;;
    margin-right: 60px !important;;
    margin-bottom: 20px !important;
}

.com_djcatalog2 .djc_item .djc_mainimage {
    /*margin-left: 0px !important;*/
}

.com_djcatalog2 .t3-mainbody {
    padding-top: 50px;
    padding-bottom: 50px;
}

#djcatalog .djc_description .djc_fulltext {
    display: table !important;
}
/* <-- djcatalog2 */

/* --> 商品頁 banner */
.goods-banner {
    -moz-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    -webkit-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
}

/* <-- 商品頁 banner */

/* --> 食譜頁 banner */
#qx-section-601 {
    -moz-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    -webkit-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
}

/* <-- 食譜頁 banner */

/* --> 關於頁 banner */
#qx-section-4473 {
    -moz-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    -webkit-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.20);
}

/* <-- 關於頁 banner */

.navbar-header #navbar_header_button_tooltip > button {
    color: inherit;
    border: inherit;

    -o-transition: border .40s linear;
    -webkit-transition: border .40s linear;
    -moz-transition: border .40s linear;
    transition: border .40s linear;

    -o-transition: color .40s linear;
    -webkit-transition: color .40s linear;
    -moz-transition: color .40s linear;
    transition: color .40s linear;
}

.navbar-header #navbar_header_button_tooltip:hover > button {
    background-color: #ffffff !important;
    color: #0787d5 !important;
    border: 2px #0787d5 solid;

    -o-transition: border .40s linear;
    -webkit-transition: border .40s linear;
    -moz-transition: border .40s linear;
    transition: border .40s linear;

    -o-transition: color .40s linear;
    -webkit-transition: color .40s linear;
    -moz-transition: color .40s linear;
    transition: color .40s linear;
}

.navbar-header #navbar_header_button_tooltip > button i {
    font-size: inherit;

    -o-transition: font-size .40s linear;
    -webkit-transition: font-size .40s linear;
    -moz-transition: font-size .40s linear;
    transition: font-size .40s linear;
}

.navbar-header #navbar_header_button_tooltip:hover > button i {
    font-size: 24px;

    -o-transition: font-size .40s linear;
    -webkit-transition: font-size .40s linear;
    -moz-transition: font-size .40s linear;
    transition: font-size .40s linear;
}

@media (max-width: 480px) {
    .t3-mainnav .off-canvas-toggle {
        right: 0;
        background: #0787d5 !important;
        color: #ffffff !important;
    }
}

/*.navbar-header #navbar_header_button_tooltip:hover > button i.fa {*/
/*background-color: #346E36 !important;*/
/*color: #0787d5 !important;*/
/*}*/


/**************************************/
/* --> DJ-Catalog2 */
/**************************************/
.djc_description .djc_category_info > small {
    font-size: 100% !important;
}

.djc_description .djc_price > small {
    font-size: 100% !important;
}

.djc_mainimage img#djc_mainimage {
    width: 100% !important;
}

.djc_items .djc_image img {
    width: 100% !important;
}

.djc_category_info {
    font-size: 12pt;
}
.djc_description .djc_category_info > small {
    font-size: 12pt !important;
}
#djcatalog.djc_item a img {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#djcatalog .djc_description .djc_attributes > table > tbody {
    font-size: 12pt;
}
/* <-- DJ-Catalog2 */

/**************************************/
/* --> DJ-Catalog2 pagination */
/**************************************/
.com_djcatalog2 .pagination > li {
    display: inline-flex;
}
.com_djcatalog2 .pagenav {
    margin-top: 3px;
}
/* <-- DJ-Catalog2 pagination */




/* => tagspopular */
.t3-sidebar .tagspopular ul li a {
    padding: 3.5px 3.5px;
}

.t3-sidebar .tagspopular ul > li > a {
    background: #ffffff;
    border-radius: 0px;
}

.t3-sidebar .tagspopular ul li a:hover {
    background-color: #0787d5 !important;
    color: #ffffff !important;
}

.t3-sidebar .tagspopular ul li {
    border: 0.5px solid #0787d5;
}

.t3-sidebar .tagspopular ul li:last-child {
    border: 0.5px solid #0787d5 !important;
}

/* <= tagspopular */



/**************************************/
/* --> footer */
/**************************************/
footer .footer-hr {
    height: 6px;
    background-color: #0787d5;
    /*margin-top: 1px;*/
    margin-bottom: 1px;
}

footer .footer-section {
    background-color: rgba(0, 0, 0, 0.7);
    /*background-color: #06659e;*/
    color: #ffffff;
}

footer .copyright {
    background-color: rgba(0, 0, 0, 0.7);
    /*background-color: #06659e;*/
    color: rgba(255, 255, 255, 0.8);

    padding-top: 8px;
    padding-bottom: 8px;
    font-size: small;
    border-top: 0.5px;
    border-top-color: rgba(255, 255, 255, 0.2);
    border-top-style: solid
}
footer .design-by {
    display: none;
}
/* <-- footer */


/**************************************/
/* --> megamenu */
/**************************************/
.t3-header {
    padding-top: 5px;
}
.t3-header.navbar-fixed-top {
    padding-top: 0px;
    margin-top: 0px;
}

.t3-header .logo a {
    /*margin-top: 12px;*/ /* logo 29px */
    margin-top: 7px; /* logo 41px */
}

.t3-header.navbar-fixed-top .logo a {
    /*margin-top: 14px;*/ /* logo 29px */
    margin-top: 10px; /* logo 35px */
}
@media (max-width: 1200px) {
    .t3-header .logo a {
        /* margin-top: 8px; */ /* logo 29px */
        margin-top: 2px; /* logo 35px */
        margin-bottom: 0px;
    }

    .t3-header.navbar-fixed-top .logo a {
        /* margin-top: 10px; */ /* logo 29px */
        margin-top: 4px;
        margin-bottom: 0px;
    }
}


.dj-megamenu-select-light .dj-mobile-open-btn,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn,
.dj-megamenu-accordion-light .dj-mobile-open-btn {
    font-size: 26px;
    padding: 8px 5px;
    background: #0787d5;
    color: #ffffff;
}
.dj-megamenu-select-light .dj-mobile-open-btn:focus,
.dj-megamenu-select-light:hover .dj-mobile-open-btn,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus,
.dj-megamenu-accordion-light .dj-mobile-open-btn:hover,
.dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
    background-color: #0787d5;
    color: #ffffff;
}
.dj-megamenu-select-light:hover .dj-mobile-open-btn,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover,
.dj-megamenu-accordion-light .dj-mobile-open-btn:hover {
    background: #4db2ec;
    color: #ffffff;
}


.t3-header .dj-mobile-open-btn {
    margin-top: 2px;
}
.t3-header.navbar-fixed-top .dj-mobile-open-btn {
    margin-top: 4px;
}

.t3-header .navbar {
    top: 0px;
}
.t3-header.navbar-fixed-top .navbar {
    top: 0px;
}


.t3-header .dj-megamenu-default {
    top: -2px;
}
.t3-header.navbar-fixed-top .dj-megamenu-default {
    top: -3px;
}

.dj-megamenu li a.dj-up_a {
    border-right: 1px solid rgba( 204, 204, 204, 0.2);
    border-left: 1px solid rgba( 255, 255, 255, 1);
    /*font-size: 14px;*/
    font-size: 12pt;
    font-weight: 400;
}
.dj-megamenu li.active a.dj-up_a {
    border-right: 1px solid rgba( 204, 204, 204, 0.2);
    border-left: 1px solid rgba( 255, 255, 255, 1);
}
.dj-megamenu li:hover a.dj-up_a {
    border-right: 1px solid rgba( 204, 204, 204, 0.2);
    border-left: 1px solid rgba( 255, 255, 255, 1);
}

.dj-megamenu li:first-child a.dj-up_a {
    /*border-left: 0;*/
}
.dj-megamenu li:last-child a.dj-up_a {
    /*border-right: 0;*/
    border-right: 1px solid rgba( 204, 204, 204, 0.2);
}

.dj-megamenu li ul.dj-submenu > li > a {
    /*font-size: 14px;*/
    font-size: 12pt;
}
.dj-megamenu-custom186 li ul.dj-submenu > li > a {
    padding: 16px 20px;
}

/* <-- megamenu */







.text-special-1 {
    padding: 5px 5px 5px 5px;
    background-color: #0787d5;
    color: #ffffff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12pt;;
}

.text-product-features {
}
.text-product-features ul {
}
.text-product-features ul li {
}











/**************************************/
/* --> cust-goodsmenu */
/**************************************/
.com_djcatalog2 .t3-sidebar-left .t3-module {
    margin-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
    .com_djcatalog2 .t3-sidebar-left .t3-module {
        margin-bottom: 0px !important;
    }
}
.com_djcatalog2 .t3-sidebar-left .t3-module .cust-goodsmenu ul li a {
    padding: 8px 0px 8px 10px;
}

.cust-goodsmenu .nav-stacked > li + li {
     margin-top: 0px;
}
.cust-goodsmenu .nav-pills > li > a {
    border-radius: 0px;
}
.cust-goodsmenu .nav > li > a {
    font-size: 12pt;
}
/* <-- cust-goodsmenu */





.view-article .t3-wrapper .t3-module.module .module-inner,
.layout-blog .t3-wrapper .t3-module .module-inner {
    border-radius: 8px !important;
}

.layout-blog .t3-wrapper .t3-module.module .module-inner .module-title,
.view-article .t3-wrapper .t3-module.module .module-inner .module-title {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}


.about-us.bg-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e3e8+0,ddf1f9+27,feffff+100 */
    background: rgba(7, 135, 213, 0.20); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3e8', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}
.about-us {
    font-size: 12pt;
}
.about-us p.qx-pb-title {
    margin-bottom: 10px;
}
.about-us div.qx-progress {
    margin-bottom: 26px;
}


.contact-us.bg-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e3e8+0,ddf1f9+27,feffff+100 */
    background: rgba(7, 135, 213, 0.20); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3e8', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}



/* --> service */
.service.bg-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e3e8+0,ddf1f9+27,feffff+100 */
    background: rgba(7, 135, 213, 0.20); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(7, 135, 213, 0.20) 0%, rgba(221, 241, 249, 0.6) 27%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3e8', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}
.service .qx-element-accordion .collapsible li + li {
    margin-top: 0px;
}
/* <-- service */



/* --> goods banner */
.goods-banner {
    -moz-box-shadow:4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    -webkit-box-shadow:4px 4px 12px 4px rgba(51, 51, 102, 0.20);
    box-shadow:4px 4px 12px 4px rgba(51, 51, 102, 0.20);
}
/* <-- goods banner */


/*
.home-page #t3-header {
    border-bottom: 0.5px solid rgba(51, 51, 102, 0.20);
    -moz-box-shadow: 0px 0px 4px 0px rgba(51, 51, 102, 0.20);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 102, 0.20);
    box-shadow: 0px 0px 4px 0px rgba(51, 51, 102, 0.20);
}
*/

.home-page .home-slider {
    border-top: 0.5px solid rgba(51, 51, 102, 0.20);
}



.footer-col {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12pt;
}
.footer-col a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12pt;
}
.footer-col a:hover {
    color: rgba(255, 255, 255, 1);
}




@media (max-width: 480px) {
    .t3-mainnav {
        margin-bottom: 0px;
    }
}


.com_content.view-article .pagenav {
    margin-bottom: 20px;
}



.djc_description .goods-table table {
    display: table !important;
    width: 100% !important;
    overflow-x: hidden !important;
    font-size: 12pt;
}
.djc_description .goods-table table td.caption {
    padding: 7px 10px 7px 5px;
    font-weight: bold;
    vertical-align: middle;
}

.djc_description .goods-table table td.sub-caption {
    padding: 7px 10px 7px 5px;
    vertical-align: middle;
    text-align: center;
}



.djc_description .goods-table table td.value {
    padding: 7px 10px 7px 5px;
}
.djc_description .goods-table table tr {
    border-bottom: 1px solid #dddddd;
}
.djc_description .goods-table table tr:hover {
    background-color: rgba(221, 221, 221, 0.2);
}

.djc_description .goods-table.td-line table td {
    border: 1px solid #dddddd;
}
.djc_description .goods-table.td-line table tr:hover {
    background-color: rgba(255, 255, 255, 1);
}


.com_djcatalog2.view-item #djcatalog {
    margin-bottom: 20px;
}




