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


    .header .navbar .navbar-nav {
        margin-top: 30px;
        clear: both;
        float: none;
        text-align: center;
    }
    .header .navbar .menu .navbar-nav {
        clear: both;
        float: none;
        text-align: center;
        margin: 0 0 10px 0;
    }

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

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

    .header .navbar .navbar-brand {
        float: none;
        margin: 15px auto;
    }
    body.is_scroll .header .navbar {
        top: -135px;
    }
    .banner {
        padding-top: 135px;
    }
    .banner .bxslider li {
        height: auto !important;
        background: none !important;
    }
    .banner .bxslider li img {
        display: block;
    }

    .banner .bxslider li img.img_big {
        display: none !important;
    }
    .banner .bxslider li img.img_small {
        display: block !important;
    }

    #floating {
    }
    #floating.fixed {
        top: 50%;
    }
    .nav-search .searchBox01 .form-group{
        width:80%;
    }
    .nav-search .searchBox01 .btnBox{
        width:20%;
    }
    .nav-search .searchBox02.show .txtBox .form-control{
        width: 78%;
    }
    .nav-search .searchBox02.show .txtBox .bt{
        width:22%;
    }
    .side .open > .dropdown-menu {
        left: 212px;
    }
    .side .dropdown-menu li.list {
        width: 170px;
    }
    .product.show .info .quick-buy a{
        width:47%;
    }
    .product.show .info .txt {
        min-height: 155px;
    }
    .member .form01 .form-control {
        width: 90%;
    }
    .member .form01 .code .form-control {
        width: 80%;
    }
    .inquiry .list .control-label {
        width: 12%;
    }
    .inquiry .invoiceBox .form-inline {
        width: 88%;
    }

    .product .product-list .item{
        padding-bottom:20px;
    }
    .login-ala {
        margin-top: 30px;
    }
    .modify-area .right-area .title.tb.rt {
        margin-top: 30px;
    }

    .nav-search .searchBox01 {
        display: flex;
    }
    
    .select2-container {
        width: 100% !important;
    }
    
    .nav-search .searchBox01 .btnBox {
        display: flex;
        margin-bottom: 15px;
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    .product.show .info .quick-buy {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        display: flex;
        z-index: 99;
    }
    .product.show .info .quick-buy .shopping {
        margin: 0;
        border-radius: 0;
        padding: 15px 0 10px 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .product.show .info .quick-buy .inquiry {
        border-radius: 0;
        padding: 15px 0 10px 0;
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 0;
    }
    .product.show .info .quick-buy > a {
        flex: 0 0 auto;
        width: 50%;
        height: 100%;
        margin: 0;
    }
    body.product.show .footer_content {
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 768px) {
    .product.show .info .quick-buy {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        display: flex;
        z-index: 99;
    }
    .product.show .info .quick-buy .shopping {
        margin: 0;
        border-radius: 0;
        padding: 15px 0 10px 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .product.show .info .quick-buy .inquiry {
        border-radius: 0;
        padding: 15px 0 10px 0;
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 0;
    }
    .product.show .info .quick-buy > a {
        flex: 0 0 auto;
        width: 50%;
        height: 100%;
        margin: 0;
    }
    body.product.show .footer_content {
        padding-bottom: 70px;
    }
 }
@media (max-width: 991px) {
    .header{
        z-index: 999;
    }
    .main_content {
        padding-top: 40px;
    }
    #floating,
    #floating.fixed {
        top:35%;
        display:block;
    }

    #floating .btn-floating {
        display: block;
    }

    #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;
    }
    .sider_nav.pro-menuLeft {
        display: none;
    }
    .navbar-toggle {
        display: block !important;
    }
    .header .navbar .menu .navbar-nav li.download{
        /*display:none;*/
    }
    .header .navbar .navbar-toggle {
        border: none;
        float: none;
        margin: 0;
        position: absolute;
        bottom: 18px;
        left: 25px;
        padding: 0;
    }
    .navbar-toggle .icon-bar {
        background: #777;
        width: 25px;
        height: 3px;
    }
    .header .navbar .navbar-nav {
        padding: 0;
        /*margin: 0 -15px;*/
        margin: 0;
    }

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

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

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

    .side .nav > li {
        vertical-align: top;
    }

    .side .nav > li + li {
        
    }

    .nav-search {
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        display: none;
    } 
    .nav-search.show{
        animation: fadeIn 0.5s;
        background:#f7f7f7;
    }
    body.home .nav-search.show {
        background: rgba(255, 255, 255, 0.6);
    }
    .nav-search .searchBox01 {
        display: none;
                -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
    }
    .nav-search .searchBox01 .form-group {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }

    .nav-search .searchBox01 .btnBox {
        width: 100%;
        float: none;
        margin-bottom:8px;
        text-align:center;
        justify-content: space-around;
    }
    .nav-search .searchBox01 .btnBox a {
        width: 100%;
    }
    .header .navbar .menu .nav-shop .iconBox {
        
    }
    .nav-shop {
        right: 0;
        top: 25px;
    }
    .nav-shop .sign-out {
        position: fixed;
        right: 0;
    }
    .header .navbar .pro-menuTop {
        display: block;
    }

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

    .header .navbar .pro-menuTop .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .pro-menuTop .navbar-nav {
        background: #FFF;
        border-top: 2px solid #15c1d0;
        margin: 0;
        position: relative;
        z-index: 2;
        padding-bottom:80px;
    }

    .header .navbar .pro-menuTop .navbar-nav > li {
        display: block;
    }
    
    .header .navbar .pro-menuTop .navbar-nav > li + li:before {
        display: none;
    }
    .header .navbar .pro-menuTop .navbar-nav > li ul li a{
        display: block;
        border-bottom: 1px solid #15c1d0;
        font-size: 15px;
        padding: 10px;
    }
    .header .navbar .pro-menuTop .navbar-nav li.back a{
        font-weight:bold;
    }
    .header .navbar .pro-menuTop .navbar-nav li.back a:hover{
        background:none;
    }
    .header .navbar .pro-menuTop .navbar-nav li.back a span{
        margin-right:5px;
    }
    .header .navbar .pro-menuTop .navbar-nav > li > a{ 
        width: auto;
        text-align: center;
        border-bottom: 1px solid #15c1d0;
        padding: 10px;
    }
    .header .navbar .pro-menuTop .navbar-collapse {
        border: none;
        position: fixed;
        width: 80%;
        background: #fff;
        left: -80%;
        top: 135px;
        height: calc(100vh - 88px) !important;
        min-width: inherit !important;
        /*will-change: transform;*/
        z-index: 1001;
        transition: all .25s linear;
        display: block;
        white-space: normal;
        padding: 0;
        margin: 0;
        overflow: hidden;
        box-shadow: none;
    }
    .header .navbar .pro-menuTop .navbar-collapse.collapse {
        /*display: none !important;*/
    }
    .header .navbar .pro-menuTop .overlay {
        /*content: " ";
        position: fixed;*/
    }
    .header .navbar .pro-menuTop .overlay {
        /*content: " ";*/
        position: fixed;
        background: rgba(0,0,0,0.5);
        display: block;
        top: 135px;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease;
    }

    .header .navbar .pro-menuTop.showleft .overlay{
        opacity: 1;
    }

    .header .navbar .pro-menuTop .navbar-collapse.collapse.in {
       /* display: block !important;*/
        left: 0;
        overflow: auto !important;
    }
    .header .navbar .pro-menuTop .collapsing {
        overflow: hidden !important;
    }
    .header .navbar .pro-menuTop .navbar-nav .dropdown-menu{ 
        padding:0;
        margin:0;
        width: 80%;
        top:135px;
        left: auto;
        /*right: 0px;*/
        height: calc(100vh - 88px);
        position: fixed;
        transition: all .15s linear;
        background:#fff;
        transform: translateX(100%) scaleX(0);
        opacity:0;
        display:block;
        overflow: auto;
        padding-bottom:80px;
    }
    .header .navbar .pro-menuTop .navbar-nav .open .dropdown-menu {
        transform: translateX(0) scaleX(1);
        opacity:1;
    }
    .header .navbar .pro-menuTop .navbar-nav .open .dropdown-menu li ul{
        list-style:none;
    }
    body.is_scroll .header .navbar {
        top: 0;
    }
    .footer .siteinfo {
        float: none;
    }
    .footer .copyright{
        float:none;
        margin-top:15px;
    }

    .footer .copyright ul li br {
        display: none;
    }

    .footer .copyright ul{
        margin-bottom:0;
    }
    .nav-search .searchBox02.show .txtBox a.closeBtn {
        display: none;
    }
    .nav-search .searchBox02.show .form-inline {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav-search .searchBox02.show .form-inline span{
        display:block;
        text-align:center;
    }
    .nav-search .searchBox02.show .form-inline .form-control {
        width: 100%;
        margin-bottom: 5px;
        box-shadow:none !important;
    }
    .nav-search .searchBox02.show .txtBox {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav-search .searchBox02.show .txtBox .form-control {
        width: 100%;
        float:none;
    }

    .nav-search .searchBox02.show .txtBox .bt {
        width: 100%;
        float:none;
        text-align:center;
    }
    .nav-search .searchBox02.show .txtBox a.send {
        padding: 6px 35px;
        margin-top: 5px;
    }
    .searchBtn {
        position: absolute;
        bottom: 10px;
        right: 20px;
        display: block;
    }
    .searchBtn a{
        color: #5a5a5a;
        display: block;
        font-size: 16px;
        border: 1px solid #ececec;
        padding: 4px 8px;
        border-radius: 6px;
        background: #f1f1f1;
    }
    .product.show .info .quick-buy a {
        width: 46%;
    }
    .inquiry .list .control-label {
        width: 100%;
    }
    .inquiry .invoiceBox .form-inline {
        width: 100%;
    }
    .inquiry .list .control-label {
        width: auto;
    }
    .inquiry .invoiceBox .form-inline {
        width: auto;
    }
	
	.searchBox02 .form-inline div {
		width: 100%;
	}

    /**************** 選單 *******************/
     .header .navbar{
        padding: 0 15px;
    }
     .header .navbar .navbar-nav>li{
        position:static;
    }
    .header .navbar .sub-nav li img{
        margin:0;
    }
    .header .navbar .sub-nav li a {
        padding: 0 0 0 10px;
    }
    .header .navbar .navbar-header {
        text-align: center;
    }
        .header .navbar .navbar-toggle {
            font-size: 18px;
            color: #1EB5BE;
            letter-spacing: 2px;
            border: none;
            float: none;
            margin: 0 0 20px;
            padding-left: 14px;
            position: absolute;
            right: 0;
            /*top: 15px;*/
            bottom:0;

                position: static;
        }

        .header .button-toggle{
            position:absolute;
            width:39px;
            height:17px;
            overflow:hidden;
            left: 15px;
            top: 100px;
                z-index: 10;
        }

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }
        .header .navbar .navbar-nav {
            height: 100%;
            /*overflow: auto;*/
        }

        .header .navbar .menuBox .navbar-nav {
            background: #e8e8e8;
            
        }

    .header .navbar .menuBox .navbar-nav > li > a{
            width: 100%;
            box-sizing: border-box;
            cursor: pointer;
            font-size: 16px !important;
            color: #000 !important;
            line-height: 20px;
            display: block !important;
            padding: 15px !important;
            background: url(../images/all/list_icon5.png) no-repeat 95% center;
            text-align:left;
        }
    .header .navbar .menuBox .navbar-nav > li.open > a,
    .header .navbar .menuBox .navbar-nav > li:hover > a {
        background-color: #3486c2;
        color: #fff;
    }
    .header .navbar .navbar-nav .nav-content li.open2 > a,.header .navbar .navbar-nav .nav-content li a:hover {
        background-color: #3486c2;
        color: #fff;
    }

    .header .navbar .navbar-nav .nav-content li.open2 > span.dropdown-unfolded:after {
        color: #fff;
    }

        .header .navbar .menuBox a.back i{
            position: relative;
            top: 5px;
            left: -4px;
        }

        .header .navbar .menuBox .navbar-nav > li {
            line-height: 17px;
            /*border-bottom: 1px solid #cacaca;
            position: relative;*/
            margin: 0;
        }

        .header .navbar .menuBox {
            /*border: none;
            position: fixed;
            width: 80%;
            background: #fff;
            left: -80%;
            top: 135px;
            height: calc(100vh - 135px);
            min-width: inherit !important;
            will-change: transform;
            z-index: 1001;
            -webkit-transition: all .25s linear;
            -moz-transition: all .25s linear;
            -ms-transition: all .25s linear;
            -o-transition: all .25s linear;
            transition: all .25s linear;
            display: block;
            white-space: normal;
            padding: 0;
            margin: 0;
            overflow: hidden;
            box-shadow: none;*/

            display: block;
            /*height: 100vh !important;*/
            height: calc(100vh - 135px) !important;
            overflow: auto;
            background: #fff;
            width: 100%;
            left: -100%;
            position: fixed;
            transition: all .5s ease;
            top: 135px;
            padding: 0;
            /*overflow:hidden;*/
            z-index: 1001;

        }

    html.menuBoxOpen .header .navbar .menuBox {
        /*left: 0;*/
        left: 0;
    transition: .5s ease all;
    }
    .header .navbar .navbar-toggle .icon-bar {
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    html.menuBoxOpen .header .navbar .navbar-toggle .icon-bar:nth-of-type(1) {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }

    html.menuBoxOpen .header .navbar .navbar-toggle .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    html.menuBoxOpen .header .navbar .navbar-toggle .icon-bar:nth-of-type(3) {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }
    .header .navbar .menuBox .navbar-nav > li {
        display: block;
        background:#e8e8e8;
    }
    .header .navbar .menuBox .navbar-nav > li + li {
        border-top: 1px solid #fff;
    }
    .header .navbar .navbar-nav>li+li:before {
        display: none;
    }
    .header .navbar .navbar-nav>li>a {
        width: auto;
        text-align: center;
        padding: 10px 22px;
    }   
    .header .navbar .sub-nav {
        right: 47px;
    }
    .header .navbar .sub-nav > li:after{
        display:none;
    }
    .header .navbar .sub-nav > li > a span{
        display:none;
    }
    .header .navbar .btn-default {
        color: #333;
    }
    .header .navbar .sub-nav > li > .info{
        display:none !important;
    }
    .header .navbar-nav .dropdown-menu,
    #floating.fixed .content {
        /*border: none;
        position: fixed;
        width: 80%;
        background: #fff;
        left: -80%;
        top: 0;
        height: calc(100vh - 30px);
        min-width: inherit !important;
        will-change: transform;
        z-index: 1001;
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
        display: block;
        white-space: normal;
        padding: 0;
        margin: 0;
        overflow: auto;
        box-shadow: none;*/
    }
    
    .header .navbar-nav .dropdown-menu {
            /*width: 100%;
        left: auto;
        right: -100%;
        height: calc(100vh - 88px);
        position: absolute;*/
        position:absolute;
        /*display:block;
        display: block;*/
        /*width: 0;
        overflow:hidden;
        right: -100%;*/
        transition:all .3s ease;
        top: 0;
        width:100%;
    /*height: calc(100vh - 135px);*/
    border:none;
    border-radius:0;

    
    transform-origin: right;
    /*overflow: auto;*/
    }

    .header .navbar-nav .open .dropdown-menu {
        /*right: 0;*/
        /*position: absolute;*/

    }

    .header .navbar-nav li.openSub .dropdown-menu {
      animation: scale-display .3s;
      display: inline-flex;
    }
    .header .navbar-nav li.out .dropdown-menu {
      animation: scale-display--reversed .3s;
      animation-fill-mode: forwards;
      display: inline-flex;
    }

    @keyframes scale-display {
  0% {
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
  }
}
@keyframes scale-display--reversed {
  0% {
    display: inline-flex;
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
  }
  99% {
    display: inline-flex;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
  }
  100% {
    display: none;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
  }
}


    .half-page-background{
        background: rgba(0, 0, 0, .6);
        height: 0;
        left: 0;
        position: fixed;
        top: 0;
        width: 0;
        z-index: 1000;
        -webkit-transition: transform .6s cubic-bezier(.23, 1, .32, 1);
        -o-transition: transform .6s cubic-bezier(.23, 1, .32, 1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    }
    .navbar-nav .open .half-page-background,
    #floating.open .half-page-background,
    .footer.open .half-page-background {
        height: 100%;
        width: 100%;
    }

    html.menuBoxOpen .navbar .container > .half-page-background {
        height: calc(100Vh - 135px);
        width: 100%;
        top: 135px;
    }

    .header .navbar .navbar-nav .nav-content a{
        width: 100%;
        display: inline-block;
        position: relative;
        line-height: inherit;
        text-align: left;
        padding-left: 5px;
        box-sizing: border-box;
        color: #151515;
        cursor: pointer;
        font-size: 16px;
        padding: 16px 15px 16px 20px;
    }
    
    .header .navbar .navbar-nav .nav-content ul ul{
        display:none;
        background: #F3F3F3 !important;
    }

    .header .navbar .navbar-nav .nav-content ul ul li:nth-child(1) {
        border-top: 1px solid #cacaca;
    }

    .header .navbar .navbar-nav .nav-content ul ul a{
        -moz-transition: background .1s;
        -o-transition: background .1s;
        -webkit-transition: background .1s;
        transition: background .1s;
        padding-left: 60px;
        word-wrap: break-word;
        position: relative;
    }

    .header .navbar .navbar-nav .nav-content ul ul a:before{
        content: "";
        position: absolute;
        background: url(../images/all/sideIcon.png)no-repeat;
        width: 7px;
        height: 12px;
        left: 40px;
        top: 21px;
    }

    .header .navbar .navbar-nav .nav-content ul ul ul a{
        padding-left: 85px;
    }

    .header .navbar .navbar-nav .nav-content ul ul ul a:before{
        left: 65px;
    }

    .header .navbar .navbar-nav .nav-content ul ul a:hover{
        background: #969696;
        -webkit-transition: background .3s linear;
        -moz-transition: background .3s linear;
        -ms-transition: background .3s linear;
        -o-transition: background .3s linear;
        transition: background .3s linear;
    }

    .header .navbar .navbar-nav .nav-content ul li.open2 > ul{
        display:block;
    }
    .header .navbar .navbar-nav .nav-content span.dropdown-unfolded{
        float: right;
        width: 10%;
        line-height: 42px;
        display: table;
        text-align: center;
        position: absolute;
        right: 15px;
        top: 5px;
    }
    .header .navbar .navbar-nav .nav-content span.dropdown-unfolded:after{
        content:"＋";
        display: table-cell;
        vertical-align: middle;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-size: 25px;
        cursor: pointer;
    }

    .header .navbar .navbar-nav .nav-content li.open2 > span.dropdown-unfolded:after{
        content: "－";
    }
    .header .navbar .navbar-nav .nav-content li{
        line-height: 17px;
        -webkit-transform: translateZ(0);
        border-bottom: 1px solid #cacaca;
        position:relative;
    }
    .header .navbar .navbar-nav .nav-content li:last-child {
        border-bottom: none;
    }
    .header .navbar .navbar-nav .nav-content ul ul a .icon {
        font-size: 14px;
        color: #ccc;
        margin-right: 10px;
    }
    .header .navbar .navbar-nav .nav-content a.back > .icon{
        color: #fff;
        margin-right: 10px;
    }

    .header .navbar .navbar-nav .nav-content a.back{
        font-weight: bold !important;
        color: #fff !important;
        background: #56a8e4 !important;
    }

    /**************** 選單 *******************/


    .delivery-area .input-group {
        width: 100%;
    }
    .delivery-fir {
        margin-bottom: 10px;
    }
    .row.space-adj > [class*="col-"]:nth-child(2) {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    body.message .t2 {
        font-size: 18px;
    
    }


    .header .navbar .navbar-brand {
        width: 230px;
        height: 54px;
        background-size: 100%;
    }

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

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
		z-index: 99999;
    }

    .header .navbar .navbar-nav {
        background: none;
        /*border-top: 2px solid #52CED5;*/
        margin: 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 .menu .navbar-nav {
        border-top: none;
        display: none;
    }
    .header .navbar .menu .navbar-nav > li {
        display: inline-block; 
    }
    .header .navbar .menu .navbar-nav li a{
        border:none;
    }
    .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;
        margin-top: 10px;
        position: static;
    }

    .header .navbar .lang .btn {
        width: 100%;
        background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;
    }

    .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;
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
    }
    .header .navbar .pro-menuTop .navbar-collapse,
    .header .navbar .pro-menuTop .navbar-nav .dropdown-menu{
        top:126px;
    }
    body.is_scroll .header .navbar {
        /*top: -85px;*/
    }

    .footer {
        padding: 0;
    }

    .footer .sitemap {
        display: none;
    }

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
        margin-left:0;
    }

    .footer .siteinfo ul > li {
        display: block;
        margin-bottom:5px;
    }

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

    .main {
        z-index: auto;
    }

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

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

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

    .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: 0;
        padding-right: 0;
    }
    .content .table.table-stack > thead,
    .content .table.table-stack > tbody > tr > td.num {
        display: none;
    }

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

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

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

    .content .table.table-stack > tbody > tr > td {
        border: none;
        text-align: left;
        padding: 0;
        line-height: 1.6;
    }

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

    .content .table.table-stack > tbody > tr > td .input-group {
        margin: 0;
        display:inline-block;
    }
    .inquiry.p01 .content .table.table-stack > tbody > tr > td.qty {
        margin-top: 6px;
    }
    .inquiry.p01 .content .table.table-stack > tbody > tr > td.qty .tn{
        position: relative;
        top: -9px;
    }
    .content .table.table-stack > tbody > tr > td.pic {
        margin-bottom: 10px;
    }
    .content .table.table-stack > tbody > tr > td .btn{
        background:#eee;
    }
    .content .table.table-stack > tbody > tr > td.del {
        display: block;
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
    .inquiry .content .btn-box .btn {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
    .content .table.table-stack.no-border th {
        text-align: left;
        width: 100%;
        padding: 0;
    }


    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .product .product-list.mode1 .item a.picBox {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .product .product-list.mode1 .item ul {
        width: 100%;
        float: none;
    }
    .product.show .pic-list{
        margin-bottom:30px;
    }
    .product.show .info .quick-buy a {
        width: 100%;
       margin-right:0;
       margin-bottom:10px;
    }
    .product.show .info .txt {
        min-height: 200px;
    }
    .form-horizontal {
        padding: 40px 15px 30px;
    }
    .member .form01 .form-horizontal {
        width: 100%;
    }
    .member .form01 .form-control {
        width: 89%;
    }

    .member .form01 .code .form-control {
        width: 75%;
    }
    .member.register .form-horizontal .title {
        margin-left: -15px;
        margin-right: -15px;
    }
    .inquiry .dateBox02 .form-horizontal .form-group{
        margin-left:0;
        margin-right:0;
    }
    #search-help,
    .member #promptBox,
    .inquiry #promptBox {
        width: auto !important;
    }
    .member.inquiry.order-show td.con-txt{
        width:100%;
    }
    .member.inquiry.order-show td.con-txt .tn{
        display:block;
    }
    .product.show .spe-pic{
        padding:0 8px;
    }
    .product.show .spe-pic > .col-xs-6{
        padding-left:8px;
        padding-right:8px;
    }
    .product.show .spe-pic .list {
        margin-bottom: 15px;
    }
	
	.product .list-mode .btn-group {
		display: none;
	}
	
	.product .list-mode .sort {
		float: none;
		text-align: right;
        margin-bottom: 4px;
	}
	
	.pro-menuTop .overlay{
   		opacity: 0;
    	pointer-events: none;
		transition:all .3s ease;
	}
	
	.pro-menuTop.showleft .overlay{
		opacity:1;
	}
	
	.header .navbar .navbar-toggle {
		top: 28px;
		bottom: auto;
	}
	
	.searchBtn {
        top: 40px;
        bottom: auto;
        right: 28px;
	}
	
	.searchBtn a .stxt {
		display: none;
    }
    .nav-shop .iconBox li.member a {
        background-size: 25px;
        width: 26px;
        height: 24px;
        margin-top: 15px;
    }
    .header .navbar .navbar-brand {
        width: 200px;
        height: 47px;
        margin-top: 30px;
     }
	.nav-shop .iconBox li.cart{
        display: none;
    }
    .nav-shop ul.iconBox {
        top: 3px;
        right: -7px;
    }
	.header .navbar .menu {
		
	}
	
	.banner {
	    padding-top: 84px;
	}
	
	.footer .gotop a {
	    top: -22px;
    }
    
    body.traffic .bg1 {
        display: block;
    }

    body.traffic .bg1 .map {
        padding: 0;
    }
    .product .product-list .item {
        padding-bottom: 35px;
        margin-bottom: 40px;
    }

    .header .navbar .menuBox {
        top: 84px;
        height: calc(100vh - 84px) !important;
    }
    .header .navbar-nav .dropdown-menu{
        /*height: calc(100vh - 84px);*/
    }
    html.menuBoxOpen .navbar .container > .half-page-background {
        top: 84px;
        height: calc(100Vh - 84px);
    }


    /***/

    .slide-menu {
        top: 84px !important;
        height: calc(100vh - 84px) !important;
    }
    .header .button-toggle{
        left: 15px;
        top: 45px;
    }

    /****/
    .btn-area.d-flex .btn:nth-child(2n+1) {
        margin-right: 0;
    }
    .btn-area.d-flex .btn:nth-child(2n) {
        margin-left: 0;
    }
    .btn-area.d-flex .btn {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .login-ala-list .lit-item .title .btn {
        display: block;
        text-align: left;
        margin: 5px 0;
    }

    .member-ot-list {
        flex-wrap: wrap;
        margin: 40px -10px 0;
    }
    .member-ot-list .mot-item {
        width: 50%;
        margin-bottom: 20px;
    }
    .member-ot-list .mot-item a {
        padding: 10px;
        font-size: 15px;
    }
    body.member.modify .form-horizontal {
        padding: 0;
    }
    .form-group.address .atr-it:nth-child(2) {
        padding-right: 15px;
    }

    .form-group.address .atr-it:nth-child(3) {
        padding-left: 15px;
        padding-right: 5px;
    }

    .form-group.address .atr-it:last-child {
        padding-left: 5px;
    }

    .fancy_sec{
        min-width:initial;
    }
    .tb-cont-box {
        margin-bottom: 10px;
    }
    .table .qty-box {
        display: table !important;
        margin: 10px 0 !important;
    }
    .content .table.table-stack > tbody > tr > td.del .btn {
        background: #ff8100;
        color: #fff;
        bottom: -5px;
        right: -6px;
    }
    .row.space-adj > [class*="col-"]:first-child {
        padding-right: 15px;
    }
    .delivery-area .input-group {
        margin-bottom: 10px;
    }
    #floating ul li.b2 {
       /* display: none;*/
       margin-top: 5px;
    }
    
    body.scroll-down #floating{
        opacity: 0;
    }
    #floating,body.scroll-up #floating,body.scroll-to-bottom  #floating {
        opacity: 1;
        transition:all .3s ease;
    }
}
@media (max-width: 500px){
    /*body.is_scroll .header .navbar {
        /*top: -70px;
        top: 0;
    }*/
    .header .navbar .navbar-brand {
       /* width: 170px;
        height: 40px;*/
    }
    .header .navbar .menu .navbar-nav li a {
        padding: 6px 1px;
    }
    /*.header .navbar .pro-menuTop .navbar-collapse,
    .header .navbar .pro-menuTop .navbar-nav .dropdown-menu {
        top: 119px;
    }*/
    .searchBtn a{
        font-size: 14px;
    }
    .banner {
        padding-top: 77px;
    }
    .form-inline .form-control {
        display: block;
        width: 100%;
        vertical-align: middle;
        margin-bottom:10px;
    }
    .form-horizontal .row .form-inline .zip-code {
        width: 100%;
        min-width: 72px;
    }
    .product .product-list .col-xs-6,
    .product.p01 .product-list .col-xs-6,
    .product.collection .product-list .col-xs-6{
        /*width: 100%;*/
    }
    .product .list-mode {
        padding: 7px 10px;
    }
    .product .list-mode .sort{
        float:none;
        margin-top:5px;
    }
    .product.show .info h1{
        font-size:28px;
    }
    .member .form01 .form-control {
        width: 80%;
    }

    .member .form01 .code .form-control {
        width: 60%;
    }
    .member .btn-primary{
        width:48%;
        margin:3px 1%; 
        float:left;
    }
    .member .btn-primary.only {
        width: 100%;
        margin: 0;
    }
    .member .btn-primary {
        padding: 9px 5px 6px;
    }
    .stepBox .col-xs-4{
        padding-left:8px;
        padding-right:8px;
    }
    .stepBox .step-list {
        padding: 10px;
    }
    .stepBox .step-list span.num,
    .stepBox span.txt {
        font-size: 12px;
    }
    .stepBox span b {
        font-size: 24px;
    }
    .stepBox .step-list.active:before {
        right: -15px;
        border-width: 14px 0 14px 10px;
    }
	/*.header .navbar .navbar-toggle {
		top: 28px;
	}
	.searchBtn {
	    top: 23px;
	}*/
    .header .navbar .navbar-toggle {
        padding-left: 0;
    }

    .header .navbar .menuBox {
        top: 77px;
        height: calc(100vh - 77px) !important;
    }
    .header .navbar-nav .dropdown-menu{
        /*height: calc(100vh - 77px);*/
    }
    html.menuBoxOpen .navbar .container > .half-page-background {
        top: 77px;
        height: calc(100Vh - 77px);
    }
    .product .product-list .item .quick-buy a {
        display: block;
        margin-bottom: 10px;
    }
    .tb-cont-box .tb-cont .info .title {
        font-size: 16px;
    }
    .tb-cont-box .tb-cont .info .pro_num {
        margin-bottom: 0;
    }
}