@charset "utf-8";
/* CSS Document */
@media (min-width: 992px) {
    #side1collapse {
        display: block !important;
        height: auto !important;
    }
}

@media (max-width: 1199px) {
    /* 浮動選單*/
    #floating,
    #floating.fixed {
        top: 30%;
    }
    /* 導覽列主選單 */
    .header .navbar .navbar-nav a {
        margin-left: 10px;
    }
    /* banner */
    body.home .banner .bxslider li {
        height: auto;
        background: none !important;
    }

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

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

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

    /************* 產品列表-方塊式 *************/
    body.product .content .product-list.mode1 .item {
    }
}

@media (max-width: 991px) {
    .header .navbar .navbar-header {
        text-align: center;
        float: none;
    }
    /* logo */
    .header .navbar .navbar-header .navbar-brand {
        display: block;
        background-size: 300px auto;
        float: none;
        margin: 20px auto 10px;
    }
    /* 導覽列主選單 */
    .header .navbar .navbar-nav {
        text-align: center;
        float: none;
    }

    .header .navbar .navbar-nav a {
        font-size: 16px;
        margin: 0 5px;
        padding-top: 10px;
		background:none;
    }

    .header .navbar .navbar-nav a:hover,
	.header .navbar .navbar-nav .b a {
		background-image:none;
		background-color:#61a7d4;
		color:#fff;
    }

    .header .navbar .lang {
        top: 0;
    }

    .header .navbar .sub-nav {
        top: 0;
    }

    /************* 產品列表-方塊式 *************/
    body.product .content .product-list.mode1 .item {
    }


    body.contact .content .contact-box .h3 {
        margin-top: 30px;
    }

    .side1 .side-toggle {
        background-color: #fff;
    }

    .home .content .wid-home-product .slick .slick-dots {
        position: static;
    }
	body.home .banner{
		padding:20px 0;
	}
}

@media (max-width: 767px) {
    /*--------------------------- 網站共用 ---------------------------*/
    .header {
        background: none;
    }
    /************* 頁頭 *************/
    .header .navbar {
        min-height: 90px;
    }
    /* 恢復導覽列內距 */
    .header .navbar .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px;
        background-color: #fff;
    }

    .header .navbar .navbar-toggle {
        font-size: 20px;
        color: #026AB3;
        border: none;
        padding: 5px;
        float: none;
        margin: 0 0 20px;
    }

    .header .navbar .navbar-toggle:hover {
        background-color: transparent;
    }

    /* 導覽列 主選單 */
    .header .navbar .navbar-collapse ul.navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .header .navbar .navbar-collapse ul.navbar-nav li {
        display: block;
    }
    /* 導覽列 主選單 按鈕 */
    .header .navbar .navbar-collapse ul.navbar-nav a {
        text-align: center;
        display: block;
		border-bottom:1px solid #0075bb;
		line-height: 30px;
    }
    /* 語系選單 */
    .header .navbar .lang {
        margin-top: 0;
        float: none;
        display: block;
        position: static;
    }
    /* 語系選單 下拉按鈕 */
    .header .navbar .lang .btn {
        width: 100%;
        float: none;
        display: block;
        padding: 8px;
    }

    /* 導覽列 下拉式選單 */
    .navbar-nav .open .dropdown-menu {
        position: relative;
    }

    /* 語系選單 下拉選單*/
    .header .navbar .lang .dropdown-menu {
        text-align: center;
        float: none;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /* 導覽列 子選單 */
    .header .navbar .sub-nav {
        text-align: center;
        float: none;
        position: static;
    }

    /************* 中間主體 *************/
    /* 文章標題 日期*/
    .content > .h3 small {
        float: none;
        position: static;
        display: block;
        margin: 0 0 5px;
    }
    /* 條列式 列表 列表日期*/
    .content .list-box .txt-list a {
        padding-right: 0;
    }

    .content .list-box .txt-list a span {
        position: static;
        float: none;
        display: block;
    }

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

    /************* 浮動選單 *************/
    /*#floating.isToggle*/
    /*浮動選單 主體*/
    #floating.isToggle,
    #floating.isToggle.fixed {
        top: 50px;
    }
    /* 收合按鈕 顯示*/
    #floating.isToggle .btn-floating {
        display: block;
    }
    /* 選單內容 未展開*/
    #floating.isToggle 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.isToggle.open ul {
        width: 60px;
    }

    /*#floating.isFixed*/
    #floating.isFixed,
    #floating.isFixed.fixed {
        margin: 0;
        top: auto;
        left: 0;
        bottom: 0;
    }

    #floating.isFixed ul {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-around;
    }

    #floating.isFixed ul li + li {
        border: none;
    }
    /************* 產品列表-方塊式 *************/
    body.product .content .product-list.mode1 .item {
        height: auto;
    }

    body.product .content .product-list.mode1 .quick-buy {
        position: static;
    }
    /************* 產品列表-條列式 *************/
    body.product .content .product-list.mode2 .item .pic {
        width: 100%;
        display: block;
    }

    body.product .content .product-list.mode2 .item > a {
        width: 100%;
        float: none;
    }

    body.product .content .product-list.mode2 .item .info {
        width: 100%;
        text-align: center;
        display: block;
    }

    body.product .content .product-list.mode2 .item .info .h4 {
        text-align: center;
    }

    body.product .content .product-list.mode2 .item .info ul {
        text-align: center;
    }

    body.product .content .product-list.mode2 .item .quick-buy {
        width: 100%;
        float: none;
    }


    /************* 購物車 *************/
    .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: #aaa;
    }

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

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

    .content .table.table-stack > tbody > tr > td.del {
        display: block;
        position: absolute;
        right: 0;
        bottom: 10px;
    }

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

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

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

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

    .form-horizontal .row .form-inline .btn-list {
        top: -28px;
    }

    .form-horizontal .row .form-inline label {
        padding-left: 0;
    }

    body.cart .content .btn-box .btn {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }

    /* 表格 數量欄位 */
    .content .table.table-stack td.qty {
        max-width: none;
    }

    .banner {
        margin-left: 15px;
        margin-right: 15px;
    }

    .home .content .wid-home-product .slick .slick-dots {
        display: none !important;
    }

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

    .content .btn-box .pager a {
        display: block;
        margin-bottom: 5px;
    }

    .content .btn-box .page-info {
        float: none;
        text-align: center;
        margin-top: 10px;
    }

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

    .banner .bx-wrapper .bx-pager {
        display: none;
    }
}



/*----------------------------------------- widgets --------------------------------------*/
@media (max-width: 1199px) {
    /* 首頁widgets-聯絡資訊 列表 */
    .home .content .wid-home-contact .list-unstyled {
        min-height: 0;
        background: none;
    }
}

@media (max-width: 991px) {

    /* widgets-產品搜尋 表單 */
    .wid-search .form-group {
        width: auto;
    }
    /* widgets-產品搜尋 分類下拉 */
    .wid-search .form-group .form-control {
        width: auto;
    }
    /* widgets-產品搜尋 搜尋按鈕 */
    .wid-search .btn {
        width: auto;
    }
}

@media (max-width: 767px) {
    /* widgets-產品搜尋 表單 */
    .wid-search .form-group {
        width: 100%;
    }
    /* widgets-產品搜尋 分類下拉 */
    .wid-search .form-group .form-control {
        width: 100%;
    }
    /* widgets-產品搜尋 搜尋按鈕 */
    .wid-search .btn {
        width: 100%;
    }

    /* 首頁widgets-聯絡資訊 列表 */
    .home .content .wid-home-contact .list-unstyled li.tel {
        font-size: 24px;
    }

    .content > .h3 {
        padding: 10px;
    }
}