@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/

@media (min-width: 991px) {
    #side1collapse {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .header .banner .bxslider li {
        height: auto;
    }

        .header .banner .bxslider li img {
            display: block;
        }

    .header .navbar .navbar-nav {
        /*margin-top: 30px;
        clear: both;
        float: none;
        text-align: center;
        margin-left: -36%;*/
        margin-left:0;
    }

        .header .navbar .navbar-nav > li > a {
            padding-right:0;
        }

    .header .navbar .btn-default {
        padding: 20px 10px;
    }

    .header .navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    .navbar.menu > .container.nav_cont {
        width: 100%;
    }

    .navbar-nav > li {
        margin-left: 2px;
        margin-right: 2px;
    }


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

    .header .navbar .navbar-brand {
        /*float: none;
        margin: 23px auto 15px;*/
        width:220px;
        height:48px;
    }

    .slick-prev, .slick-prev:hover, .slick-prev:focus {
        left: 0 !important;
        top: 100% !important;
    }
    .slick-next, .slick-next:hover, .slick-next:focus {
        right: 0 !important;
        top: 100% !important;
    }

    #floating {
        margin-top: 100px;
    }

    body.home .banner .bxslider li {
        background-image: none;
        height: auto;
    }

    .home_search_sec a {
        padding: 10px 20px;
    }

    .header .nav_share_area {
        /*right: -80px;*/
    }

    .content .sec.sec03.home a > .info {
        padding: 20% 10px 20%;
    }

    .content .sec.proShow .pro_info > ul > li{
        width:24%;
    }
    .content .sec.proShow .pro_info > ul > li > a,
    .content .sec.proShow .pro_info > ul > li > a:hover, .content .sec.proShow .pro_info > ul > li.ui-tabs-active.ui-state-active a{
        background-position:80% 15px;
    }

    .pucode .pu_det .info .sq .btn_group .btn {
        width: 44%;
        font-size: 15px;
    }

    .pucode.a3003 .pu_det .pusec .pic img{
        width:auto;
        max-width:100%;
    }

}

@media (max-width: 991px) {
    .header .navbar .navbar-nav {
        padding: 0;
        /*margin: 30px -20px 0;*/
        left: 0;
        margin-left: 0;
        margin-top:0;
    }

    .container > .navbar-header {
        /*width: auto;*/
    }

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

    .header .nav_share_area {
        /*right:-21%;*/
        right: 0;
    }

    .header .navbar .navbar-brand {
        /*margin-left: -70px;*/
        margin-bottom:20px;
    }

    .header .navbar .btn-default {
        padding: 10px 10px;
    }
    .header .navbar.menu{
        /*top:105px;*/
    }

    .banner {
    }

    .content .btn-more {
        top: 12px;
    }

    .form-area > h6, hr.memHr {
        margin: 0 0 30px 0;
    }

    .content .form-group p.memInfo, .content .form-group .checkbox {
        margin-left: 0;
        margin-right: 0;
    }

    .header .navbar .navbar-nav > li > a {
        font-size: 14px;
        background-size: 15px;
        padding: 12px 0 12px 22px;
    }

    .side {
        padding-bottom: 20px;
    }

        .side .nav {
            max-width: none;
            margin: 0;
            display: none;
        }

        .side.menu-open .nav {
            display: block;
        }

        .side .nav > li {
            float: none;
            display: inline-block;
            border: 0;
            margin: 0 5px;
            vertical-align: top;
        }

            .side .nav > li + li {
                border: 0;
            }

    .home_search_sec a {
        padding: 10px 10px;
    }

    .home_info_bg {
        background: url('../images/all/index_bg_02.jpg') right top no-repeat;
        min-height: 1024px;
    }

    .iframe_style {
        width: 100%;
        height: 315px;
    }

    .navbar > .container {
        width: 100%;
    }

    .pro_search > div:nth-child(3), .news_search > div:nth-child(3) {
        margin-top: 10px;
    }

    .header .navbar .lang .dropdown-menu {
        top: 40px;
    }

    .content .sec .product-list > div > a:hover {
        box-shadow: none;
    }

    .content .sec .product-list > div:hover {
        /*box-shadow: 5px 5px 10px rgb(218, 218, 218);*/
    }

    .content .btn-box.p {
        position: static;
    }

    .is_scroll .header .navbar .navbar-brand {
        /*margin-left: -50px;*/
    }

    .banner .bxslider li {
        height: auto !important;
        background: none !important;
    }

        .banner .bxslider li img {
            display: block;
        }


    .footer .siteinfo ul > li{
        display:inline-block;
    }
    .footer .siteinfo{
        padding:0;
    }
    .footer .siteinfo ul > li:first-child,.footer .siteinfo.b > ul > li{
        display:inline-block;
        margin-right:10px;
    }
    .footer .siteinfo.b > ul > li a{
        width:120px;
    }
    .content .sec.sec02.pro a > .info > p.pro_des{
    height:auto;
}
    .header .navbar .sub-nav li.user_name{
        bottom:120px;
        right:16%;
    }

    .discount_sec br{
        display:block;
    }
    .discount_sec > .form-control{
        margin-bottom:20px;
    }
    .header .navbar .navbar-brand{
        width:150px;
        height:33px;
    }
    .pro_sec .hprosec{
        padding-left:0;
        padding-right:0;
    }
    .goTop{
        right:2%;
    }
    .footer_info .foo_area:nth-child(2){
        padding-top:20px;
    }
    .content .info01{
        margin-top:50px;
    }
    #side1collapse{
        margin-right:0;
    }
    .pucode .pu_det .info .sq .btn_group .btn {
        width: 47%;
        font-size: 12px;
        margin-left:10px;
        padding:20px 10px;
    }
    .pucode .pu_det .info .sq .btn_group .btn:hover{
        /*width:35%;*/
    }
    .sider_nav .btn.side-toggle{
        /*display:block;*/
    }
    .pucode.a3003 .pu_det .pusec.det {
        padding: 10px 20px 20px;
    }
    .pucode.a3003.di2 .pu_det .pusec .pic.d4 {
        margin-top:30px;
    }
    .area .ab_sec > div:first-child {
        padding-bottom: 80px;
    }
    .area .more{
        margin-top:0;
    }
        .area .more:before{
            width:184px;
        }
}

@media (max-width: 767px) {
    .header .nm {
        /*display:block;*/
    }
    .header .npc {
        /*display:none;*/
    }
    #floating,
    #floating.fixed {
        top: 60px;
        margin-top: 0;
    }

    .goDown {
        display: none;
    }

    .iframe_style {
        height: 315px;
    }

    #floating .btn-floating {
        display: block;
        background: rgba(52,67,79,0.7);
    }

    .header .nav_share_area {
        display: none;
    }

    .side1 {
        margin-bottom: 30px;
        display: none;
    }
    .sider_nav .btn.side-toggle {
        display: block;
        margin-top: 0;
        background: #219ead;
        border-radius: 0;
        color: #fff;
        padding: 10px;
    }



    .pucode .sider_nav .btn.side-toggle{
        margin-top:20px;
        
    }

    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #floating.open ul {
        width: 60px;
    }


    .header .navbar .navbar-header {
        text-align: center;
    }

    .header .navbar .navbar-toggle {
        border: none;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        top: 10px;
        background: #14a0c2;
        border-radius: 0;
    }

        .header .navbar .navbar-toggle:hover {
            /*background: none;
            color: #888;*/
            background: #9d5b05;
        }

    .header .navbar .navbar-nav {
        background: none;
        /*border-top: 2px solid #52CED5;
        margin: 0 -15px;*/
        display: block;
        width: 100%;
        float: none;
        margin-left: 0;
    }

        .header .navbar .navbar-nav > li {
            display: block;
        }

            .header .navbar .navbar-nav > li + li:before {
                display: none;
            }

            .header .navbar .navbar-nav > li > a {
                width: auto;
                text-align: center;
                /*border-bottom: 1px solid #52CED5;*/
                padding: 10px;
            }

    .header .navbar .sub-nav {
        text-align: center;
        margin: 10px 0 20px;
        position: static;
    }

    .header .navbar .btn-default {
        color: #333;
    }

    .header .navbar .lang {
        /*text-align: center;
        display: block;
        position: static;*/
        float: none;
        width: 100%;
    }
    body.product .side1{
        display:none;
    }
    .content .sec.sec02.home{
        padding-left:15px;
        padding-right:15px;
    }

    .pucode .content .sec.sec02.home{
        padding:0;
    }

    .content .sec.sec02.home img{
        /*margin-bottom:10px;*/
        width:100%;
    }
    .pucode .content .sec.sec02.home img {
        width: auto;
    }

    .content .table > thead,
    .content .table > tbody > tr > td.num {
        display: none;
    }

    .content .table > tbody > tr,
    .content .table > tbody > tr > td {
        display: block;
        clear: both;
    }

    .content .table > tbody > tr {
        border-bottom: 1px dotted #ccc;
        position: relative;
        padding: 10px 5px;
    }

        .content .table > tbody > tr:last-child {
            border: none;
        }

        .content .table > tbody > tr > td {
            border: none;
            text-align: left;
            padding: 10px;
            line-height: 1.6;
        }
        .saveBtn{
            margin:0;
            width:35px;
            height:35px;
        }
        .content .cart .table > tbody > tr > td.del .glyphicon-trash:before {
    font-size: 28px;
}

            .content .table > tbody > tr > td .tn {
                display: inline-block;
                color: #aaa;
            }

            .content .table > tbody > tr > td .input-group {
                margin: 0;
            }

            .content .table > tbody > tr > td.pic {
                margin-bottom: 10px;
            }

            .content .table > tbody > tr > td.del {
                /*display: block;
                position: absolute;
                right: 0;
                bottom: 0;*/
            }

    .content .table.no-border th {
        text-align: left;
        width: 100%;
    }

    .content .table > tbody > tr > td.inquiry,
    .content .table > tbody > tr > td.message,
    .content .table > tbody > tr > td.reply {
        position: absolute;
        right: 5px;
    }

    .content .table > tbody > tr > td.inquiry,
    .content .table > tbody > tr > td.reply {
        top: 10px;
    }

    .content .table > tbody > tr > td.message {
        top: 50px;
    }

    .content .page-info.form-inline .form-group {
        text-align: center;
    }

    .content .sec.sec02.home.proShow > h2:after, .content .sec.sec02.home.proShow > h2:before,
    .content .sec.sec02.member > h1:after, .content .sec.sec02.member > h1:before {
        display: none;
    }

    .content .sec.sec02.home.proShow > h2, .content .sec.sec02.member > h1 {
        /*border-bottom: solid 4px #717171;*/
    }

    .content .sec.sec02.order > table td span.tn, .content .sec.sec02.cart > table td span.tn {
        display: inline-block;
    }

    .header .navbar .lang .btn {
        width: 100%;
        /*background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;*/
        color: #fff;
        margin-left: 0;
    }

        .header .navbar .lang .btn,
        .header .navbar .lang .btn:active .header .navbar .lang .btn:focus {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: none;
        }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
        background: none;
    }



    .navbar.menu > .container.nav_cont {
        width: 100%;
        margin-top: 50px;
        /* padding-bottom: 50px; */
        background: #313131;
    }
    .header .navbar .navbar-brand{
        /*width:80px;
        height:49px;*/
    }
    .is_scroll .header .navbar .navbar-brand {
        margin-left: 10px;
        /*width:70px;
        height:43px;*/
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
        background: none;
    }

    ul.nav li.dropdown_submenu:hover > ul.dropdown-menu {
        display: none;
    }

    ul.nav li.dropdown_submenu.open > ul.dropdown-menu {
        display: block;
        text-align: center;
        background: rgba(43, 103, 150, 0.5);
        color: #c7c7c7;
    }

    .header .navbar .navbar-nav > li ul li a {
        padding: 10px 20px;
    }

    .header .navbar .navbar-nav > li ul li a {
        color: #fff;
        font-weight: normal;
    }

    .header .navbar .navbar-nav > li > ul:after {
        display: none;
    }

    .header .navbar .lang .dropdown-menu a {
        background: rgba(43, 103, 150, 0.5);
        color: #c7c7c7;
    }

    .header .navbar-collapse.collapse.in {
        max-height: 100vh;
        overflow: scroll;
    }

    .banner {
        padding-top: 48px;
        /*margin-bottom:50px;*/
    }

    .pro_search .a, .news_search .a {
        padding-left: 0;
        margin-top: 10px;
    }

    .pro_search .prs_news.a, .news_search .prs_news.a {
        margin-top: 0;
    }

    .pro_search .a > a, .news_search .a > a {
        margin-left: 10px;
    }

    .pro_search, .news_search {
        margin-left: -15px;
        margin-right: -15px;
    }

    .main_content {
        padding: 0;
    }

        .main_content .sec1 {
            padding: 30px 30px 80px;
        }

    body.member .main_content .sec1 {
        margin-top: 30px;
    }

    body.member .content .btn-primary {
        display: block;
        margin-bottom: 8px;
    }

    body.product.show .main_content .sec1 {
        padding: 10px 30px 10px;
    }

    .content .sec .product-list > div > a .info > p {
        margin-bottom: 0;
    }

    .content .sec .product-list > div {
        margin-bottom: 0;
    }
    .content .sec.sec02.home.lbpro .lb .btn_group{
        margin-top:50px;
    }

        .content .sec .product-list > div > a .info > h4 {
            font-size: 16px;
        }

    .content .news_show > h3 > small {
        display: block;
        float: none;
    }

    .footer {
        padding: 30px 10px;
    }
    .footer .sitemap ul.list-inline{
        text-align:left;
    }
        .footer .sitemap {
            display: none;
            padding:20px 30px;
        }
        .footer .sitemap ul li{
            width:75px;
        }
        .footer .sitemap ul li a{
            border-left:none;
            display:block;
            width:100%;
        }
        .footer .sitemap ul li:last-child a{
            border-right:none;
        }

        .footer .copyright,
        .footer .siteinfo,
        .footer .siteinfo ul {
            display: block;
        }

            .footer .siteinfo ul > li {
                /*display: block;*/
            }

                .footer .siteinfo ul > li + li:before {
                    display: none;
                }

    .main {
        z-index: auto;
        margin-top:10px;
    }

    .side .nav {
        margin-bottom: 20px;
    }

        .side .nav > li {
            float: none;
            display: block;
            margin: 0;
        }

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

    .content .list-box .txt-list li.list-header {
        display: none;
    }

    .content .list-box .txt-list li span {
        float: none;
        display: block;
        padding: 0;
    }

    .content .btn-box {
        text-align: center;
    }

        .content .btn-box .page-info select {
            width: 100px;
            display: inline-block;
        }

        .content .btn-box .pager,
        .content .btn-box .page-info {
            float: none;
        }

        .content .btn-box .pager {
            /*display: block;*/
        }

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

                .content .btn-box .pager li > a {
                    /*width: 100%;
                    text-align: center;
                    margin: 5px 0 0;*/
                    padding-left: 5px;
                    padding-right: 5px;
                    font-size:12px;
                }

                .content .btn-box .pager li > a.pprev{
                    padding-left:20px;
                }
                .content .btn-box .pager li > a.pnext{
                    padding-right:20px;
                }

                .content .btn-box .pager li > a.pprev,
                .content .btn-box .pager li > a.pnext{
                    background-size:15px;
                }

    .header .navbar .navbar-brand {
        /*width:220px;
        height:70px;*/
        /*margin-left:10px;
        margin-bottom:0;*/
        /*margin-top:0;*/
    }

    .header .navbar.menu {
        /*display:none;*/
        background: transparent;
        top: 30px;
        height: 0;
        z-index: 99;
    }

    .is_scroll .header .navbar.menu {
        top: 23px;
    }



    .header .navbar .navbar-brand {
        left: 0;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .header .navbar {
        z-index: 999;
    }

    .is_scroll .hamburger {
        top: 10px;
    }

    body.home .header .navbar .navbar-brand {
        width: 220px;
        height: 70px;
        margin-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }

    body.home .header .navbar {
        background: rgba(255,255,255,0.8);
    }

    body.home.is_scroll .header .navbar .navbar-brand {
        margin: 5px;
        width: 180px;
        height: 57px;
    }

    .is_scroll .hamburger {
        top: 10px;
    }

    .banner .bx-wrapper .bx-prev {
        left: 20px;
    }

    .banner .bx-wrapper .bx-next {
        right: 0;
    }

    .banner .bx-wrapper .bx-prev:hover {
        left: 20px;
    }

    .banner .bx-wrapper .bx-next:hover {
        right: 0;
    }

    .home_info_sec .home_news_sec ul li a > span {
        display: block;
    }

    .home_search_sec {
        margin-left: 0;
        margin-right: 0;
    }

    .home_info_sec .home_about_sec p {
        margin-bottom: 0;
    }

    .content .pro_det .tab-content {
        padding: 20px;
    }

    .content .btn-box .pro_btngroup li {
        margin-bottom: 10px;
    }

    .content .news_show .editor {
        padding: 0;
    }

    .content .form-group .control-label {
        text-align: left;
        display: block;
    }

    .content .info01 {
        margin-top: 50px;
        margin-left:0;
    }
    .content .info01 > ul > li{
        margin-bottom:20px;
    }
    .content .info01 > ul > li label{
        display:block;
        color:#0095c0;
    }
    .content .info01 > ul > li .price_sec label{
        display:inline-block;
    }
    .content .info01 > ul > li .size_sec label{
        color:#969696;
    }
    .content .info01 > ul > li .material_sec, .content .info01 > ul > li .intro_sec, .content .info01 > ul > li .color_sec, .content .info01 > ul > li .size_sec, .content .info01 > ul > li .price_sec{
        display:block;
        width:100%;
    }
    #fancyboxs{
        min-width:auto;
        width:auto;
    }
    .content .sec.sec02.home.hotpro{
        padding:0;
    }

    /* mobile nav */
    .csstransforms3d .fs-light.fs-navigation-overlay-nav.fs-navigation-open, .csstransforms3d .fs-light.fs-navigation-push-nav.fs-navigation-open{
        z-index:333;
    }
    .nql{
        text-align:center;
        border-top:solid 1px #ccc;
        padding-top:10px;
    }
    .nql > ul > li{
        display:inline-block;
    }
    .nql > ul > li > a{
        display:inline-block;
        color:#000;
        font-weight:bold;
        margin-right:10px;
        font-size:14px;
    }
    .nm .nav {
        padding: 10px;
        z-index: 999 !important;
        background: #0f4f86;
    }
        .nm .nav.ns > ul > li > h4 {
            /* background-color: #e2e2e2; */
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            margin: 10px 0 0;
            padding: 8px 5px;
            border-radius: 0 10px 0 10px;
            border: none;
            border: solid 3px #ffffff;
        }
        .nm .nav.ns > ul > li > a {
            color: #fff;
            font-size: 14px;
            display: block;
            padding: 10px 10px;
            /* margin-bottom: 10px; */
            border-bottom: solid #0d406b 1px;
        }
            .nm .nav.ns > ul > li > a:hover {
                background-color: rgb(20, 171, 208);
            }
    .nm .nav.ns > ul > li > a > span.dropIcon{
        display:inline-block;
        float:right;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nm .nav.ns > ul > li > a > span.dropIcon.rotateIcon{
        transform:rotate(90deg);
    }
        .nm .nav.ns > ul > li > ul.dropMenu {
            padding: 10px;
            background-color: #0e3f69;
            display: none;
            border-radius: 0 0 10px 10px;
            box-shadow: 0 5px 4px #1a3852;
        }
    .nm .nav.ns > ul > li > ul.dropMenu > li{
        display:block;
    }
    .nm .nav.ns > ul > li > ul.dropMenu > li > a{
        display:block;
        color:#fff;
        padding:8px;
        border-bottom:dotted #797979 1px;
        font-size:14px;
    }
    .nm .nav.ns > ul > li > ul.dropMenu > li:last-child > a{
        border:none;
    }
    .nm .nav.ns > ul > li > ul.dropMenu > li > a:hover{
        background-color:#4c4b4b;
    }
    .nm .nav.ns .proSearch{
        margin-bottom:20px;
    }
    .nm .nav.ns .proSearch > input{
        padding:2px 5px;
        font-size:12px;
        width:200px;
        margin-right:10px;
    }

    .content .sec.proShow .pro_info > ul > li > a,
    .content .sec.proShow .pro_info > ul > li > a:hover, .content .sec.proShow .pro_info > ul > li.ui-tabs-active.ui-state-active a{
        background-position:90% 15px;
    }
    body.product.show .size_sec_pc .step_sec h6 > span{
        display:none;
    }
    .nm .ssm-overlay{
        z-index:100 !important;
    }
    .content .sec.sec02.cart > table th{
        display:none;
    }
    .navbar-toggle .icon-bar{
        background:#fff;
    }
    .header .navbar .navbar-header {
        float: none;
        width: auto;
        background: rgba(234, 234, 234, 0.4);
        border:none;
    }
    .content .sec .product-list > div, .content .sec .news-list > div{
        padding:10px;
    }
    .content .sec.sec02.home a > .info > p{
        text-align:center;
    }
    .content .sec.sec02.home a > .info > p > span{
        display:block;
    }
    .content .sec.sec02.home a > .info > p .price{
        margin-right:0;
    }
    .content .sec.sec02.home > .container,
    .hprosecthr > .container{
        padding:0;
    }
    .content .pro_sec{
        margin-top: 20px;
    }
    .pro_sec .firstDis_sec a .pic:before{
        top:-29px;
    }
    .news .table th:nth-child(2){
        display:none;
    }
    .content .list-box .txt-list li a{
        border-bottom:solid 1px #c3def1;
    }
    .footer .siteinfo.b > ul > li{
        display:block;
    }
    body.homeIndex .slick-prev, body.home .slick-prev:hover, body.home .slick-prev:focus {
        left: 10px !important;
    }
    body.homeIndex .slick-next, body.home .slick-next:hover, body.home .slick-next:focus {
        right: 10px !important;
    }
    .content .sec.sec02.home .hp_sec_001 a > .info p,
    .content .sec.sec02.home.poppro a > .info p {
        font-size: 12px;
        margin: 3px 0;
    }
    .news_box ul li .tit{
        display:block;
        width:100%;
    }
    .news_box ul li .date{
        margin-bottom:5px;
    }

    .pucode .pu_det .info .sq .btn_group .btn{
        width:90%;
        margin:0 0 20px 0;
        font-size:14px;
    }
    .pucode .pu_det .info .sq .btn_group .btn:hover{
        width:60%;
    }
    .pucode .pu_det .info{
        padding:0;
    }

    .pucode.a3001 .pu_det .info {
        margin-top:20px;
    }

    .pucode .pu_det .pta .table .tn {
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        background: #9d5b05;
        padding: 5px 10px;
        vertical-align: top;
    }
    .pucode .pu_det .pta .table .tnm {
        display: inline-block;
        width: calc(100% - 80px);
    }
    .pucode .pu_det .pta .sq .pic{
        margin-top:10px;
        margin-bottom:20px;
    }
    .pucode .pu_det .pta .tab_sec .tab-content .demo{
        margin:30px 10px 0;
    }
    .pucode .pu_det .pta h4 small{
        padding-left:0;
    }
    .pucode .pu_det .pta .sq h6{
        font-size:17px;
    }

    body.about .main {
        box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
        padding: 10px 0 0;
    }
    body.about .editor .det{
        margin-top:10px;
    }
    .news_box{
        margin: 50px 10px;
        padding: 50px 3px 120px;
    }
    .contact_sec{
        padding: 10px 0;
    }

    .pucode .pu_det .pta {
        padding: 0 15px;
    }
    .pucode.a2002 .pu_det .pta .table .tn{
        width:115px;
    }
    .pucode.a2002 .pu_det .pta .table .tnm {
        width: calc(100% - 125px);
    }

    

}

@media (max-width: 480px) {
    .footer .foo_logo_sec {
        width: 300px;
    }

    .footer .siteinfo ul > li, .footer .copyright {
        font-size: 13px;
    }

    .home_product_sec .home_pro_area .bx-wrapper .bx-next, .home_product_sec .home_pro_area .bx-wrapper .bx-prev, .home_case_sec .home_case_area .bx-wrapper .bx-next, .home_case_sec .home_case_area .bx-wrapper .bx-prev {
        top: 60%;
    }

    .home_product_sec .home_pro_area .bx-wrapper .bx-prev, .home_case_sec .home_case_area .bx-wrapper .bx-prev {
        left: -20px;
        background-size: 15px;
    }

    .home_product_sec .home_pro_area .bx-wrapper .bx-next, .home_case_sec .home_case_area .bx-wrapper .bx-next {
        right: -20px;
        background-size: 15px;
    }

    .content .pro_det .nav-tabs > li {
        width: 50%;
    }

    .content .news_show .editor p iframe {
        width: 100%;
    }

    .content .form-group p.memInfo {
        padding: 10px;
    }

    .content .sec.sec02.member .finish .finish_text {
        width: auto;
    }

    .content .sec > h1:after, .content .sec.sec02.home.proShow > h2:after {
        display: none;
    }

    .content .sec > h1:before, .content .sec.sec02.home.proShow > h2:before {
        /*left: 0;
        margin-left: 0;*/
    }
    .content .sec.sec02.member .btn-primary, .content .btn-box.cart .btn-primary{
        display:block;
        margin-bottom:5px;
    }
    .banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next,.banner .bx-wrapper .bx-pager.bx-default-pager{
        display:none;
    }
    .content .sec.proShow .pro_info > ul > li{
        width:23%;
    }
    .content .sec.sec02.home.proShow{
        padding-left:0;
        padding-right:0;
    }
    .content .sec.sec02.member .form-border .txt > ul{
    text-align:center;
}
    .content .sec.proShow .pro_info > ul > li > a,
    .content .sec.proShow .pro_info > ul > li > a:hover, .content .sec.proShow .pro_info > ul > li.ui-tabs-active.ui-state-active a{
        background-position: right 15px;
        padding-right: 10px;
    }

    .content .sec.home > h1, .content .sec.news.show > h1,
.content .sec > h1, .content .sec.sec02.home.proShow > h2{
        /*background: url('../images/all/home_bg_tit_s.png') left bottom no-repeat;
        background-size:600px;*/
        font-size:18px;
        background-size:40px 40px;
        background-position:7px 14px;
    }
    
    .content .sec.sec02.home h2 > span.main_tit:first-letter,
        .content .sec.sec02 h1 > span.main_tit:first-letter {
            font-size: 25px;
            letter-spacing: 15px;
        }

    .pucode .pu_det .pic .txt.overlay p{
        font-size:24px;
    }
    .pucode .pu_det .info .sq .btn_group .btn{
        width:100%;
    }

    .content .sec.sec02.home h2 > span.sub_tit, .content .sec.sec02 h1 > span.sub_tit {
        left: 90px;
        font-size: 14px;
    }

        .content .sec.sec02.home h2 > span.sub_tit:before, .content .sec.sec02 h1 > span.sub_tit:before {
            left: -30px;
            width: 100px;
        }

    .content .sec.sec02.home h2 > span.main_tit, .content .sec.sec02 h1 > span.main_tit {
        line-height: 29px;
    }

    .content .area h2, .content .sec.home > h1, .content .sec.news.show > h1, .content .sec > h1, .content .sec.sec02.home.proShow > h2 {
        padding-top: 21px;
    }
    body.homeIndex .content .sec.sec02.home h2 > span.main_tit:first-letter,
    body.homeIndex .content .sec.sec02 h1 > span.main_tit:first-letter {
        color: #fff;
        font-size: 40px;
        letter-spacing: 18px;
    }
    .ab_sec p {
        font-size: 14px;
        line-height: 31px;
    }
    .content .sec.sec02.home a > .info{
        top: 71%;
    }

    .content .sec.sec02.home .hp_sec_001 a > .info p, .content .sec.sec02.home.poppro a > .info p{
        margin: 2px 0;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }

}


/*----------------------- .product-list 塊狀列表 防止跑版 -----------------------*/
.product-list > *[class*="col-xs-1"]:nth-child(12n+1),
.product-list > *[class*="col-xs-2"]:nth-child(6n+1),
.product-list > *[class*="col-xs-3"]:nth-child(4n+1),
.product-list > *[class*="col-xs-4"]:nth-child(3n+1),
.product-list > *[class*="col-xs-6"]:nth-child(2n+1),
.product-list > *[class*="col-xs-12"]:nth-child(1n+1),
.product-list > *[class*="col10-xs-1"]:nth-child(10n+1),
.product-list > *[class*="col10-xs-2"]:nth-child(5n+1),
.product-list > *[class*="col10-xs-5"]:nth-child(2n+1) {clear: both;}
@media (min-width: 768px) {
	.product-list > *[class*="sm"]:nth-child(1n+1) {clear: none;}
	.product-list > *[class*="col-sm-1"]:nth-child(12n+1),
	.product-list > *[class*="col-sm-2"]:nth-child(6n+1),
	.product-list > *[class*="col-sm-3"]:nth-child(4n+1),
	.product-list > *[class*="col-sm-4"]:nth-child(3n+1),
	.product-list > *[class*="col-sm-6"]:nth-child(2n+1),
	.product-list > *[class*="col-sm-12"]:nth-child(1n+1),
    .product-list > *[class*="col10-sm-1"]:nth-child(10n+1),
	.product-list > *[class*="col10-sm-2"]:nth-child(5n+1),
	.product-list > *[class*="col10-sm-5"]:nth-child(2n+1){clear: both;}
}
@media (min-width: 992px) {
	.product-list > *[class*="md"]:nth-child(1n+1) {clear: none;}
	.product-list > *[class*="col-md-1"]:nth-child(12n+1),
	.product-list > *[class*="col-md-2"]:nth-child(6n+1),
	.product-list > *[class*="col-md-3"]:nth-child(4n+1),
	.product-list > *[class*="col-md-4"]:nth-child(3n+1),
	.product-list > *[class*="col-md-6"]:nth-child(2n+1),
	.product-list > *[class*="col-md-12"]:nth-child(1n+1),
    .product-list > *[class*="col10-md-1"]:nth-child(10n+1),
	.product-list > *[class*="col10-md-2"]:nth-child(5n+1),
	.product-list > *[class*="col10-md-5"]:nth-child(2n+1){clear: both;}
}
@media (min-width: 1200px) {
	.product-list > *[class*="lg"]:nth-child(1n+1) {clear: none;}
	.product-list > *[class*="col-lg-1"]:nth-child(12n+1),
	.product-list > *[class*="col-lg-2"]:nth-child(6n+1),
	.product-list > *[class*="col-lg-3"]:nth-child(4n+1),
	.product-list > *[class*="col-lg-4"]:nth-child(3n+1),
	.product-list > *[class*="col-lg-6"]:nth-child(2n+1),
	.product-list > *[class*="col-lg-12"]:nth-child(1n+1),
    .product-list > *[class*="col10-lg-1"]:nth-child(10n+1),
	.product-list > *[class*="col10-lg-2"]:nth-child(5n+1),
	.product-list > *[class*="col10-lg-5"]:nth-child(2n+1){clear: both;}
}
/*----------------------- END .product-list 塊狀列表 防止跑版 -----------------------*/