/*全站*/

html,
body {
    font-family: "Microsoft JhengHei" !important;
    background: #FFFFFF;
}

img {
    max-width: 100%;
}

.hideobj {
    display: none;
}

a {
    color: #000;
    background-color: none;
}

a:hover,
a:focus {
    text-decoration: underline;
    background: none;
    color: #000;
}


/*會員登入項目*/

#login-tabs li {
    background: none;
}

#login-tabs a {
    color: #000;
    background: none;
}

#login-tabs a:hover,
#login-tabs a:focus {
    text-decoration: underline;
    background: none;
    color: #000;
}


/**表單元素**/

fieldset.over-border {
    border: 1px solid #ccc !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.4em 0 !important;
    border-radius: 16px;
}

legend.line-border {
    font-size: 16px !important;
    text-align: left !important;
    width: inherit;
    border-bottom: none;
    display: none;
}

fieldset>div {
    margin-top: 30px;
}

.red {
    color: #cc0000;
}

.radio-inline input[type='radio'] {
    margin-left: -20px;
    float: left;
}

.radio-inline {
    padding-left: 20px;
    font-weight: normal;
    margin-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.help-inline {
    vertical-align: middle;
    display: inline-block;
    padding-top: 5px;
    float: left;
    padding-left: 0px;
    cursor: default;
}

.control-label {
    cursor: default;
}

.form-show .input-prepend {
    clear: both;
}

fieldset.instep-border {
    border: 1px solid #ccc !important;
    padding: 0 16px 16px 16px !important;
    margin: 0 0 16px 0 !important;
    border-radius: 15px;
    /*圓角*/
    background: #eeeeee;
    height: 100px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

fieldset.step-border {
    border: 1px solid #ccc !important;
    padding: 0 16px 16px 16px !important;
    margin: 0 0 16px 0 !important;
    border-radius: 15px;
    /*圓角*/
    height: 100px;
    text-align: center;
}

legend.stepline-border {
    text-align: center !important;
    width: inherit;
    border-bottom: none;
}

.enlarge {
    clear: both;
}

@media only screen and (max-width: 480px) {
    .navbar-inner li {
        display: block;
        width: 100%;
    }
}


/*#header*/


/*註冊*/

#hello_member ul li a:hover,
#hello_member ul li a:focus,
#hello_member ul li a:active {
    text-decoration: underline;
    background: none;
}


/*語言*/

#language_area ul li a {
    color: #E36D3B;
    font-size: 16px;
    text-decoration: none;
}

#language_area ul li a:hover,
#language_area ul li a:focus,
#language_area ul li a:active {
    background: none;
    text-decoration: none;
}


/*--側欄--*/

#sidebar {
    padding: 10px 0px
}

#sidebar .nav-header {
    font-weight: bolder;
    padding: 8px 15px;
    font-size: 20px;
    border-left: #FFC408 10px solid;
    margin-bottom: 5px;
}

#sidebar .nav>li>a:hover,
#sidebar .nav>li>a.active {
    background-color: #649440;
    color: #ffffff;
}


/*RSS*/

#rss_area a {
    text-shadow: none;
}

#rss_area a:hover {
    text-shadow: none;
}


/*--內容區--*/

#content {
    padding: 10px 0px 50px;
}


/*麵包屑*/

#content .breadcrumb {
    text-shadow: none;
}

#content .breadcrumb li {
    text-shadow: none;
}

#content .breadcrumb li a {
    text-shadow: none;
    text-decoration: none;
}

#content .breadcrumb li a:hover {
    text-shadow: none;
    background: none;
    text-decoration: underline;
}

#content .breadcrumb li .divider {
    text-shadow: none;
    background: none;
}


/*個數*/

.page-header {
    border-bottom: 1px #eee solid;
}


/*產品頁*/

.thumbnail {
    border: 1px #FFC408 solid;
}

.thumbnail .btn-primary {
    background-color: #E36D3B;
    border: none;
}

.thumbnail .btn-info {
    background-color: #ED913E;
    border: none;
}

.cate-name,
.cate-name-more {
    color: #333333;
    font-weight: 800;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
}

.cate-name a,
.cate-name-more a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cate-name a:hover,
.cate-name-more a:hover {
    color: #8B8682;
    font-weight: bold;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.pro-desc {
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}

.spec {
    height: 38px;
}


/*產品介紹頁*/

#pb_area {
    border: 1px solid #ccc;
    overflow: hidden;
}

.thumbnail img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
}

.input-group {
    display: table;
    padding-bottom: 10px;
    width: 100%;
    padding-right: 10px;
}

.input-group .form-control {
    margin-bottom: 0px;
}

.txtNormal {
    overflow: auto;
    width: 100%;
}

.thumbnails {
    padding-left: 0px;
}

#content .thumbnails .prodlist {
    height: 330px;
    overflow: hidden;
}

#content .thumbnails .catelist {
    height: 220px;
    overflow: hidden;
}

.listtxtspec .input-prepend {
    padding: 1px 0px;
    margin: 0px;
}

.clear {
    clear: both;
}

.listimg {
    height: 150px;
}

#lineqty {
    width: 30%;
}

.showsmall ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.showsmall li {
    float: left;
}

.showsmall li img {
    margin: 3px;
    padding: 3px;
    width: 50px;
}


/*頁籤**/

.nav-tabs .active a {
    font-weight: bold;
}


/*訊息用*/

.msgcont {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px;
}

.msg_img_title {
    width: 30%;
}


/*尾檔*/

#cominfo ul li {
    display: inline-block;
    padding: 0px 10px;
}

#copyright {
    text-align: center;
    padding: 10px 15px;
    font-weight: bolder;
}

#footlink ul li a {
    border-radius: inherit;
}

#footlink ul li a:hover,
.foot #footlink ul li a:focus,
.foot #footlink ul li a:active {
    background: none;
    text-decoration: none;
}


/*首頁用*/

#index_msg_ul a {
    background: #eee;
    padding: 8px 15px;
    font-size: 16px;
    color: #000;
}

#index_msg_ul a:hover {
    background: #eee;
    padding: 8px 15px;
    font-size: 16px;
    color: #000;
}

#index_msg_ul .msgcont {}

#idxprocarousel .span {
    small_class
}

.item {
    background-color: #EEE;

    height: {
        small_height
    }

    px;
    text-align: center;

    /* Firefox, Chrome */
    line-height: {
        small_height
    }

    px;
    /* IE */
    *font-size: 180px;
    /* 200px * 0.9 = 180px */
}

#idxprocarousel img {
    vertical-align: middle;
}

#idxprocarousel .caption {
    background: #666;
    padding: 5px;
}

#idxprocarousel .caption a {
    color: #fff;
}

#content .pshow_title {
    border-left: 5px solid #F2BF49;
    font-size: 18px;
    font-weight: bold;
    background-color: #E36D3B;
    padding: 7px;
    color: #ffffff;
}

ul {
    list-style: none;
}

#footer .ftbar {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}


/***style for banner's arrows and pagination ****/

.swiper-banner .arrow-left,
.swiper-product .swiper-button-prev {
    position: absolute;
    left: 1%;
    top: 40%;
    width: 17px;
    height: 30px;
    z-index: 99;
}

.swiper-banner .arrow-right,
.swiper-product .swiper-button-next {
    position: absolute;
    right: 1%;
    top: 40%;
    width: 17px;
    height: 30px;
    z-index: 99;
}

.swiper-banner .page-banner,
.swiper-product .swiper-pagination {
    position: absolute;
    left: 0;
    z-index: 99;
    text-align: center;
    bottom: 0;
    width: 100%;
}

.swiper-banner .swiper-pagination-switch,
.swiper-product .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-banner .swiper-active-switch,
.swiper-product .swiper-active-switch {
    background: #fff;
}


/***style for banner's arrows and pagination end ****/


/*style for google map  2015.10.21*/

.googlemap {
    width: 100%;
    height: 12em;
}

.listimg a.btn.btn-link {
    display: initial;
}


/*頁尾*/

.far,
.fas {
    display: block;
    line-height: 35px;
}

.contact-info {
    font-size: 18px;
}

.footerlink {
    margin: 0px auto;
}

.footer-box {
    padding-bottom: 20px;
}

#footlink {
    text-align: center;
    padding: 20px 0px;
}

#footer {
    padding: 15px 0px 0px;
    background-color: #ED913E;
    color: #ffffff;
}

.footer_icon {
    text-align: right;
}

@media only screen and (max-width: 980px) {
    .footer_icon {
        text-align: unset;
    }
}

#cominfo {
    background-color: #E36D3B;
    color: #ffffff;
}

#footlink a {
    color: #ffffff;
    text-decoration: unset;
}


/*手機選單*/

#mobile_toggle {
    display: none;
}

#mobile_toggle .btn-default {
    border: none;
    font-size: 30px;
}

@media (max-width: 980px) {
    #mobile_toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
        z-index: 9999;
        display: block;
        width: 50px;
        height: 50px;
    }
}

#left_menu {
    z-index: 999;
    background: #E36D3B;
}

#left_menu .sb-menu li:nth-of-type(2) {
    display: none;
}


/*訊息table*/

#tablist td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.table {
    margin-bottom: 0px;
    padding: 30px 0px;
}

#tablist td a {
    text-decoration: none;
    font-size: 18px;
}

#tablist td a:hover {
    color: #ED913E;
}


/*breadcrumb*/

.breadcrumb {
    background-color: #FFF2DC;
}

#content .breadcrumb li a {
    color: #808080;
}

#content .breadcrumb li a:hover,
#content .breadcrumb li a.active {
    color: #E36D3B;
    text-decoration: none;
}


/*首頁*/

.navbar-default {
    background-color: transparent;
    border-color: unset;
    border: none;
}

.mainnav-box {
    background: #E36D3B;
    padding-top: 20px;
}

#navbar-1 {
    width: 740px;
    margin: 0px auto;
}

#navbar-1 li {
    padding: 0px 10px;
}

#navbar-1 a {
    color: #000000;
    font-size: 20px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFC408 !important;
    background-color: transparent;
}

#qsearch .input-group {
    border: #E36D3B 2px solid;
    border-radius: 30px;
    padding: 5px 15px;
    width: 350px;
    margin-bottom: 5px;
    float: right;
}

#qsearch .form-control {
    border: none;
    background-color: transparent;
}

#qsearch .btn-default {
    background-color: transparent;
    border-color: unset;
    border: none;
}

#company_logo {
    margin-top: 10px;
    margin-bottom: 10px;
}

#index_company #container_box {
    padding: 50px 0px;
}

@media (max-width: 980px) {
    #index_company #container_box {
        padding-top: 10px;
    }
}

.indexmain {
    background-color: #FAFAFA;
    padding-top: 10px;
    padding-bottom: 30PX;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.table>tbody>tr>td {
    padding: 20PX 8px;
}

.indexmain h2 a {
    color: #649440;
    font-weight: 900;
    padding: 0 0 0.75rem 0;
    width: 100%;
    margin: 0px auto;
    border-bottom: #F2BF49 6px solid;
}

.indexmain h2 a:hover {
    text-decoration: none;
}

.indexmain #tablist td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.indexmain .table {
    margin-bottom: 0px;
    padding: 30px 0px;
}

.indexmain .msgtitle_span {
    font-size: 18px;
}

.indexmain .index_msgtitle a:hover {
    text-decoration: none;
}

.indexmain .msgdate_span {
    float: right;
}

#index_newsbtn {
    text-align: center;
}

.index_newsbtn {
    color: #F2BF49;
    background-color: transparent;
    border: #F2BF49 3px solid;
    padding: 5px;
    margin-top: 15px;
}

.index_newsbtn a {
    color: #F2BF49;
    font-weight: 800;
    text-decoration: none;
}

.index-product {
    padding: 30px 0px;
}

.index-product .card-wrapper {
    background-color: #E6733C;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.index-product .card-box {
    text-align: center;
    padding: 0.3em;
}

.index-product .card-box a {
    color: #ffffff;
}

.index-product .card-box a:hover {
    color: #F2BF49;
    text-decoration: none;
}


/*網頁主內頁*/

.inner_content {
    padding-top: 20px;
    min-height: 550px;
}


/*產品內頁*/

.product_inner_right .pro-title h2 {
    border-bottom: #8e8e8e 1px solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.product_inner_right .pro-title h2:after {
    content: "";
    border-bottom: #E36D3B 5px solid;
    position: absolute;
    top: 60px;
    left: 70%;
    height: 5px;
    color: #E36D3B;
    width: 120px;
}

@media (max-width: 1150px) {
    .product_inner_right .pro-title h2:after {
        top: 92px;
        left: 65%;
    }
}

@media (max-width: 980px) {
    .product_inner_right .pro-title h2:after {
        top: 39px;
        left: 85%;
    }
}

@media (max-width: 768px) {
    .product_inner_right .pro-title h2:after {
        top: 40px;
        left: 65%;
    }
}

@media (max-width: 320px) {
    .product_inner_right .pro-title h2:after {
        top: 73px;
        left: 60%;
    }
}





/* qrcode 手機板顯示在footer 電腦版在navbar 2022/07/01 */

#company_logo {
    position: relative;
}

.qrcode_navbar {
    display: none;
}

.qrcode_navbar>img {
    width: 60px;
    height: 60px;
}

.qrcode_navbar a img {
    margin-top: 20px;
    width: 30px;
    height: 30px;
}

.qrcode_navbar a {
    text-decoration: none;
}

.qrcode_navbar a:hover {
    text-decoration: none;
}

.footer_icon {
    display: flex;
    margin-top: 30px;
}





@media screen and (min-width:993px) {

    #company_logo {
        display: flex;
    }

    #wechat_qrcode {
        width: 70px;
        height: 70px;
    }

    #qq_icon {
        width: 69px;
    }


    .qrcode_navbar {
        display: flex;
        position: absolute;
        top: 10px;
        left: 40%;
        width: 400px;
    }

    .qrcode_footer {
        display: none;
    }

    .footer_icon {
        display: flex;
        justify-content: center;
        margin-top: 68px;
    }
}


@media screen and (min-width:1209px) {
    #qq_icon {
        width: 70px;
    }

    #qq_qrcode {
        width: 75px;
        height: 75px;
    }

    #wechat_qrcode {
        width: 82px;
        height: 77px;
    }

    .qrcode_navbar {
        left: 30%;
        width: 550px;
    }

    .qrcode_navbar>img {
        width: 80px;
        height: 80px;
    }

    .qrcode_navbar a img {
        margin-top: 20px;
        width: 40px;
        height: 40px;
    }

}





/* qrcode 手機板顯示在footer 電腦版在navbar 2022/07/01 */