/* 熱門搜尋詞 */
.hotKeyword, .index_hotKeyword{width:100%; background: #fff; padding: 15px 20px;}
.hotKeyword li.title, .index_hotKeyword li.title{font-weight: bold;}
.hotKeyword li, .index_hotKeyword li{display: inline-block; line-height: 25px;}
.hotKeyword li:not(.titile), .index_hotKeyword li:not(.titile){margin:0px 15px;}
.hotKeyword li a, .index_hotKeyword a{color:#000;}
.hotKeyword li a:hover, .index_hotKeyword a:hover{color: rgba(78, 56, 128, 0.9);}

/* Index 熱門搜尋詞 */
.index_hotKeyword{margin-top: 10px; margin-bottom: -40px;}

/* Copyright */
.copyRight{padding-bottom: 5px;}

/* 友情鏈接 */
.footerNav{padding: 25px 0px !important;}
.friendURL{padding-top: 25px; width:95%; }
.friendURL td.title{font-weight: bold;color: #949494; font-size: 15px; margin: 0px 10px; line-height: 25px; min-width:80px;}
.friendURL li{display: inline-block; color: #949494; font-size: 14px; margin: 0px 10px; line-height: 25px;}
.friendURL li a{color: #949494; font-size: 15px; margin: 0px;}
.friendURL li a:hover{color: #fff;}
.footerNav li:first-child{margin-left: 0px;}

/* 最新消息 */
.latestNews h2{font-size: 22px; font-weight: bold; text-align: center;}
.latestNews hr{border: 2.5px solid; width: 35px;}
.latestNews-containter{margin-top: 10px;}
.latestNews-containter div.table-tr{margin-bottom: 5px;}
.latestNews-containter div.table-tr div{width: 48%;}
.latestNews-containter div.table-tr div:nth-of-type(2){float:right;}
.latestNews-containter div.table-tr div a{float:left; width:100%; line-height: 25px;}
.latestNews-containter div.table-tr div a span.bullet{display: list-item; list-style-type: disc; list-style-position: inside; color: rgba(78, 56, 128, 0.9)}
.latestNews-containter div.table-tr div a span.title{/*max-width:80%; width:auto;*/width: calc(100% - 115px);}
.latestNews-containter div.table-tr div a span:not(.bullet){color: #000;}
.latestNews-containter div.table-tr div a:hover span:not(.bullet){color: rgba(78, 56, 128, 0.9);}

.latestNews-containter div.table-tr div.companyNotice a span:not(.bullet){color: red;}
.latestNews-containter div.table-tr div.companyNotice a:hover span:not(.bullet){color: rgba(78, 56, 128, 0.9);}

/* 推薦產品 */
.hot-product-container{width: calc(100% - 290px);}
.hotProduct {margin-top: 35px; padding: 20px; padding-bottom: 0px;}
.hotProduct h2 {font-size: 22px; font-weight: bold; text-align: center;}
.hotProduct hr {border: 2.5px solid; width: 35px;}
#hotProductSlider .product-item{width:100%;}
#hotProductSlider .product-img-index{position: relative; border: 1px solid #ccc; height: 258px !important; height: 275px !important; background: #fff;}
#hotProductSlider .product-title{min-height: 50px !important;}

/* Header Nav */
.nav-sub-mask li:hover{border-radius: 0px;}

/* Footer */
.footerNav{padding-bottom: 40px;}
.footer_contact{/*padding-bottom: 20px;*/}
.footer_contact *{padding-bottom: 0px;}

.icon-youku{background: url('../images/youku.png');}

div.contact-map iframe{width:100%; height:100%; border:0px;}

.product-detail-desc{overflow: auto;}
.product-detail-desc::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.product-detail-desc::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.product-detail-desc::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(78, 56, 128, 0.9);
}


@media screen and (max-width: 1000px){
	/* 友情鏈接 */
	.friendURL{display: none;}

	/* 熱門搜尋詞 */
	.hotKeyword, .index_hotKeyword{padding: 5px 30px;}
	.hotKeyword {display: none;}

	/* 最新消息 */
	.latestNews{padding:0px 30px;}
	.latestNews h2{margin-left: 0px;}
	.latestNews-containter div.table-tr{margin-bottom: 0px;}
	.latestNews-containter div.table-tr div{width:100%; margin-bottom: 5px;}
	.thumbnail-slider-product li{width: 220px !important;}
	#hotProductSlider .product-img-index{height: 220px !important}

	/* 推薦產品 */
	.hotProduct{padding:0px 30px;}
	.hotProduct h2{margin-left: 0px;}
	.hot-product-container{padding:0px 30px;}

	/* Contact From */
	#contactForm{padding: 0px 30px;}
	#contactForm.detailContactForm{padding: 0;}

	/* Index Search */
	.index-search-box{padding: 0px 25px 0px 30px}

	/* Footer Contact */
	.footer_contact{display: none;}
	.copyRight{padding-bottom: 20px;}
}

@media screen and (max-width: 500px){
	/* 推薦產品 */
	.thumbnail-slider-product li{width: 180px !important;}
	#hotProductSlider .product-img-index{height: 180px !important;}
}
.mapLink p{color: #0000ee;}


/* Common */
.flex {display: flex; display: -ms-flexbox; display: -webkit-flex;}
.flex-h-center {justify-content: center; -webkit-justify-content: center;}
.flex-v-center {-webkit-align-items: center; -ms-flex-align: center; align-items: center;}

/* First Level Category*/
.firstLvCate{width: 250px; /*border: 2px solid #3b2272;*/ margin-top: 55px; border-right: solid 1px #ccc;}
/*.firstLvCate h2{background: #3b2272; color: #fff; font-size: 18px; padding-left: 10px; text-align:center; line-height: 30px; margin-bottom: 0px;}*/
.firstLvCate h2{font-size: 22px; font-weight: bold; text-align: center;}
.firstLvCate hr{border: 2.5px solid; width: 35px;}
.firstLvCate ul > li > a{/*min-height: 50px;*/ font-size: 16px; color: #424242; padding: 10px 0px; padding-left: 15px; cursor: pointer; display: block; /*border-bottom: 1px solid #424242;*/}
.firstLvCate .arrow{float: right}
.firstLvCate ul > li:hover > a{color: #3b2272;}
.firstLvCate li:hover div.arrow{background: url(../images/list-arrow-selected.jpg) no-repeat;}


/* Index Brand*/
.index-brands{padding: 30px 0px;}
.index-brands ul{float: left; /*padding-left: 10px;*/ margin-top: 15px;}

.index-brand-thumbnail{width: 100%; border-radius: 10px; box-shadow: 0px 0px 7px #3b2272;}
.index-brand-title{display: block; margin-top: 10px; color: #000; min-height: 32px;}
.index-brands li:hover a{color: #3b2272;}
.index-brands li{max-height: none; margin-bottom: 25px; float: left; width: 15%; margin:0px 24px 30px 0px;}
.index-brands li:nth-of-type(6n){margin-right: 0px;}
.index-brands li img{width: auto; height: auto; max-width: 90%; /*max-height: 90%;*/ padding: 2px;}

/* index company intro*/
.companyIntro{padding: 30px 0px;}
.companyIntro h2{font-size: 22px; font-weight: bold; text-align: center;}
.companyIntro hr{border: 2.5px solid; width: 35px;}
.companyIntro .company-intro{margin-top: 20px; overflow: hidden; margin-bottom: 15px;}
.companyIntro .company-intro p{line-height: 25px; text-align: justify; margin-bottom: 10px;}
.intro-more{width: 100%; text-align: center;}
.intro-more a{color: #000;}
.intro-more a:hover{color: #3b2272}

/* index company case */
.companyCase{padding: 30px 0px; width: 100%;}
.companyCase h2{font-size: 22px; font-weight: bold; text-align: center;}
.companyCase hr{border: 2.5px solid; width: 35px;}
.companyCase .desc{text-align: center; color: #777676; margin-top: 20px;}
.companyCase .cate-list{text-align: center; margin-top: 20px;}
.companyCase .cate-list a{color: #000;}
.companyCase .cate-list a:hover{color: #3b2272;}
.companyCase .case-list{margin-top: 20px;}
.companyCase .case-item{width: 32%; float: left;}
.companyCase .case-item:nth-of-type(2){margin: 0px 24px;}
.companyCase .case-thumb{width: 100%; height: 250px;}
.companyCase .case-thumb img{max-height: 100%; max-width: 100%; width: auto; height: auto;}
.companyCase .case-title{text-align: center; margin-top: 15px;}
.companyCase .case-title a{color: #000; font-weight: bold;}
.companyCase .case-title a:hover{color: #3b2272;}
.companyCase .case-more{text-align: center; margin: 50px 0px; float: left; width: 100%;}
.companyCase .case-more a{background: #3b2272; color: #fff; border: 1px solid #3b2272; padding: 8px 35px; }
.companyCase .case-more a:hover{background: #fff; color: #3b2272; }

/* Index News and Article */
.indexNewsArticle{width: 100%; background: #f5f5f5; padding: 50px 30px; /*margin-bottom: 30px;*/}
.indexNewsArticle .article-list{width: 30%; margin-right: 57px;}
.indexNewsArticle .article-list:last-child{margin-right: 0px;}
.indexNewsArticle .article-list h4{font-size: 18px; font-weight: bold; margin-bottom: 30px;}
.indexNewsArticle .article-list li{margin-bottom: 10px; width: 100%;}
.indexNewsArticle .article-list a span{line-height: 25px; color: #777676; font-weight: bold; }
.indexNewsArticle .article-list a span.title{width: 72%;}

.indexNewsArticle .article-list a span.companyNotice{color: red;}
.indexNewsArticle .article-list a:hover span{color: #3b2272}
.indexNewsArticle .article-more{color: #777676; font-weight: bold; margin-top: 20px;}
.indexNewsArticle .article-more:hover{color: #3b2272; }

/* Index Quick Contact Form */
.quickContactForm {background: #3b2272; width: 100%; text-align: center; padding: 20px 0px; cursor: pointer;}
.quickContactForm a{color: #fff; font-weight: bold; font-size: 28px; }
.quickContact{display: none;}
.index-product-form{width: 100% !important;}
.index-product-form .title{color: #fff; font-size: 18px; margin-bottom: 15px;}
.index-product-row{margin-bottom: 15px; width: 100% !important;}
.index-product-col{float: left; width: 27%;}
.index-product-col p{width: 50px; line-height: 35px; height: 35px; color:#fff; float: left;}
.index-product-col p span{color: red;}
.index-product-col select{width: calc(100% - 65px); line-height: 35px; height: 35px; float: left;}
.index-product-col.input{width: 10%;}
.index-product-col input{width: calc(100% - 65px); /* padding: 0px; */ height: 35px; line-height: 35px; text-align: center;}
.index-product-row .del{color: #fff; height: 35px; line-height: 25px; border: 2px solid #fff; padding: 3px 12px; width: 95px; text-align: center;}
.index-product-row .del:hover{background: #fff; color: #3b2272; border-color: #fff;}
#contactForm .addRow{width: 100%; margin: 10px 0px 20px 0px;}
#contactForm .addRow a{color: #fff; height: 35px; line-height: 25px; border: 2px solid #fff; padding: 3px 12px; float: right; width: 95px; text-align: center;}
#contactForm .addRow a:hover{background: #fff; color: #3b2272; border-color: #fff;}

/* product Detail */
#product-photos{width: 35%; max-width: 420px;}
.selfDefined {width: 300px; margin-top: 40px; margin-left: 30px;}
.selfDefined div.table-tr{margin-bottom: 15px;}
.selfDefined div.table-tr > div:nth-of-type(1){width: 80px; line-height: 25px; color: #949494; margin-right: 20px}
.selfDefined div.table-tr > div:nth-of-type(2){width: calc(100% - 100px); line-height: 25px; }

.new-related{width: calc(100% - 35% - 410px); max-width: 370px; position: relative; top:-35px;}
.product-button{height: 25px;}
.rel-products-container h4{font-size: 18px; color: #000; font-weight: bold; text-align: right;}
.rel-products-container hr{width: 100%; border: 1.5px solid #000;}
.rel-products{padding-top: 0px; margin-bottom: 0px;}
.rel-products .product-title{margin-bottom: 0px;}
.new-related .swiper-pagination{display: block !important; }
.new-related .swiper-container{padding-bottom: 40px;}
.new-related .swiper-pagination-bullet{width: 15px; height: 15px;}

.product-bottom-detail{width: 100%; border-top: 1px solid #ccc}
#product-description{padding-left: 0px; width: calc(100% - 400px);}
.right-side{max-width: 370px; width: 100%; margin-top: 40px;}
.related-article{width: 100%;}
.related-article h4{font-size: 18px; color: #000; font-weight: bold; line-height: 25px;}
.related-article hr{width: 100%; border: 1.5px solid #000;}
.related-article li, .related-article li a{width: 100%}
.related-article a{color: #000; line-height: 25px; }
.related-article a:hover, .related-article a:hover span.date{color: #3b2272;}
.related-article li a{border-bottom: 1px solid #ccc; border-bottom-style: dashed; padding: 3px 0px;}
.related-article li a span.date{color: #777676;}
.related-article li a span:first-child{width: calc(100% - 100px);}

.hot-product{width: 100%; margin: 40px 0px;}
.hot-product h4{font-size: 18px; color: #000; font-weight: bold; line-height: 25px;}
.hot-product hr{width: 100%; border: 1.5px solid #000;}
.hot-product li{width: 47.5%; float: left;}
.hot-product li:nth-of-type(2n){float: right;}

.selfDefinedTag{width: 100%; }
.selfDefinedTag a, .selfDefinedTag p{font-size: 18px; line-height: 25px; margin-right: 15px; color: #000;}
.selfDefinedTag a:hover{color: #3b2272}

#contact-us a:hover,#contact-us a:hover p,#contact-us .fLeft a p:hover{color: #3b2272;}

.breadcrumb{display: none;}

.content-left{width: calc(100% - 410px); margin-right: 40px; float: left;}
.content-right{width: 370px; float: left;}
#news-detail{width: 100%; max-width: 1000px;}

.related-article{margin-bottom: 40px;}
.related-article-list li{margin-bottom: 10px;}
.related-article-list li a{color: #000;}
.related-product-list li{width: 45%; margin-right: 15px; margin-bottom: 10px; float: left;}
.related-product-list .product-item{width: 100%;}


.related-product h4{font-size: 18px; color: #000; font-weight: bold; text-align: right;}
.related-product hr{width: 100%; border: 1.5px solid #000;}

.rel-products-container{/*padding-top: 20px;*/}
.product-button{height: auto; margin-top: -20px;}
.index-product-col span{display: none;}