.product-category,

.product-name {

    font-size: 31px;

    font-weight: bold;

    color: #222;

    line-height: 1.2;

    margin: 10px 0 60px;

}

.product-list {

    margin: 0 -10px;

}

.product-list li {

    width: 25%;

    padding: 0 10px;

}

.product-list li a {

    max-width: 300px;

    margin: 0 auto 50px;

}

.product-list li .pic{

    position: relative;

}

.product-list li .name{

    color: #333333;

    text-align: center;
font-size:14px;
    padding: 20px 0px;

    background: #FFF;

    border-bottom: 4px solid #84060C;

}

.product-list li:hover .name{

    color: #84060C;

}

.product-list a:hover .pic:before {

    content: " ";

    background: rgba(0,0,0,0.80) url(../images/products/hover.png) no-repeat 50% 50%;

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 5;

}

.product-list .product-name {

    display: inline-block;

    max-width: calc(100% - 10px);

    color: #222;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    font-weight: bold;

    padding: 0 5px;

}

.product-list a:hover .product-name {

    background: #FF732F;

    color: #fff;

}

.intro-table {

    border-collapse: collapse;

    border-spacing: 0;

    border: 0;

    width: 100%;

    margin: 20px 0;

}

.intro-table tr {

    border-bottom: 1px solid #ddd;

}

.intro-table th {

    color: #FF732F;

    width: 70px;

    text-align: left;

}

.intro-table th,

.intro-table td {

    padding: 5px;

    vertical-align: top;

}



.gallery {

    margin-bottom: 60px;

}

.gallery .breadcrumb {

    margin-bottom: 0;

}

.gallery .stage {

    float: left;

    width: 60%;

    max-width: 760px;

    margin: 0 auto;

    border: 5px solid #FFF;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

    -moz-box-shadow: 0px 2px 12px rgba(0%,0%,0%,0.5);

    -webkit-box-shadow: 0px 2px 12px rgba(0%,0%,0%,0.5);

    box-shadow: 0px 2px 12px rgba(0%,0%,0%,0.5);

}

.gallery .txt {

    float: right;

    width: 35%;

}

.gallery .thumbnails {

    margin-top: 30px;

}

.gallery .thumbnails ul {

    

}

.gallery .thumbnails ul li {

    width: 50%;

    padding: 12px 6px 0;

}

.gallery .thumbnails a {

    position: relative;

    max-width: 200px;

}

.gallery .thumbnails li.active a:before,

.gallery .thumbnails a:hover:before {

    content: " ";

    background: rgba(0,0,0,0.8) url(../images/products/small_hover.png) no-repeat 50% 50%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.products-title{

    padding:10px 10px 10px 60px; 

    background: url(../images/news/news-title-icon.png) 18px 10px no-repeat,url(../images/news/title-bg.jpg);

    color: #FFFFFF;

    font-size: 18px;

    font-family: '微軟正黑體';

    position: relative;

}

.product-name {

    font-size: 32px;

    margin-bottom: 15px;

}

.detail-title {

    background: url(../images/products/detail-hr.png) center center repeat-x;

}

.product-detail {

    border-bottom: 1px solid #ddd;   

    padding: 30px 30px 30px;

}

.product-detail .title {

    color: #FF732F;

    font-size: 33px;

    letter-spacing: 3px;

    font-family: 'Lora', serif;

    line-height: 1.2;

}

.news .btn-box{

    padding: 40px 0px;

}

.detail .products_inner{

    padding: 58px 37px;

    background: #FFF;

}

.detail-title span{

    display: inline-block;

    border: 1px solid #8A1419;

    color: #84060C;

    font-size: 15px;

    font-family: 'Arial';

    padding: 5px 45px;

    background: #FFF;

    

}

.editor.product-detail{

    background: none;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}
.editor .table_box{
	width:100%;
	overflow:auto;
}

@media screen and (max-width: 1440px) {

    .product-list {

        max-width: 1100px;

        margin: 0 auto;

    }

    .product-list li {

        width: 33.33%;

    }

}

@media screen and (max-width: 1100px) {

    .product-list {

        max-width: 760px;

    }

    .product-list li {

        width: 50%;

    }

    .gallery .stage,

    .gallery .txt {

        float: none;

        width: auto;

    }

    .gallery .thumbnails ul {

        max-width: 560px;

        margin: 0 auto 10px;

    }

    .gallery .thumbnails ul li{

        width: 33.33%;

    }

}

@media screen and (max-width: 767px) {

    .product-category,

    .product-name {

        font-size: 20px;

    }

    .product-list li {

        width: auto;

        float: none;

        padding: 0;

    }

    .product-list .pic {

        height: auto;

    }

    .product-list .product-name {

        white-space: normal;

    }

    .detail .products_inner{

        padding: 58px 15px;

    }

}

@media screen and (max-width: 600px) {

    .gallery .thumbnails ul li{

        width: 50%;

    }

}

@media screen and (max-width: 479px) {

    .intro-table tr,

    .intro-table th,

    .intro-table td {

        display: block;

    }

    .intro-table tr {

        padding: 5px;

    }

    .intro-table th,

    .intro-table td {

        padding: 0;

    }

}