*{
  color: #333;
  /*line-height: 1.75 !important;*/
  /*font-family: '微軟正黑體',Arial,sans-serif !important;*/
  letter-spacing: 0px !important;
}
img{
  max-width: 100%;
}
.carousel-box .next, .carousel-box .prev{
	background-color: #7c171b;
}
.title-box .btn-link{
	background-color: #7c171b;
}
.close span{
	color: #333;
	font-size: 14px;
}
.red{
	color: #c00;
}

/********** header *********/
.fixed-header.hidden-top.visible-top .header{
	margin-top: 0;
	border-top: 8px solid #7c171b;
}
.close:hover{
	color: #7c171b;
}
.fixed-header.hidden-top .header{
	margin-top: 0;
}
.phone-header a, .search-header a{
	/*padding-top: 20px;*/
}
.shopping-cart-header{
    color: #888;
    display: inline-block;
    height: 30px;
    margin: 12px 0;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.shopping-cart-header a{
	color: #333;
}
@media (max-width: 480px){
	.shopping-cart-header a{
		font-size: 14px;
	}
}
/********** logo  **********/
.header .logo img{
	max-height: auto;
	width: auto;
}

/********** menu  **********/
.header .header-wrapper .primary .navbar .navbar-collapse .nav > li:hover > a{
	color: #7c171b;
}
.header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{
	font-size: 18px;
	color: #333;
}

.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a{
	font-size: 16px;
	padding: 5px 0;
	color: #333;
}
.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a:hover{
	color: #7c171b;
	opacity: 1;
}

@media (max-width: 991px){
	.header .right-box .right-box-wrapper .primary{
		display: none;
	}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a{
		padding: 8px 8px 8px 65px;
	}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a, 
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a{
		border-color: #7c171b;
		background-color: #7c171b;
	}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a, 
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a, 
	.header .header-wrapper .primary .navbar .navbar-collapse .nav .open-sub span, 
	.accordion-tab > li.active > a, 
	.accordion-tab > li.active > a:hover, 
	.accordion-tab > li.active > a:focus, 
	.accordion-tab > li.active:hover > a, 
	.products-tab .accordion-tab > li.active > a, 
	.products-tab .accordion-tab > li.active:hover > a{
		border-color: #7f7f7f;
		background: #7f7f7f;
	}
}
/********** menu-box *********/
.menu-pc{
	display: none;
}
.menu-box{
	position: relative !important;
	border-top: 0 !important;


}
.menu-box .navbar-nav{

}
.menu-box .header-wrapper{
	min-height: auto;
	background: #6c0506;
    background: -moz-linear-gradient(left, #6c0506 0%, #f01216 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6c0506), color-stop(100%,#f01216));
    background: -webkit-linear-gradient(left, #6c0506 0%,#f01216 100%) !important;
    background: -o-linear-gradient(left, #6c0506 0%,#f01216 100%) !important;
    background: -ms-linear-gradient(left, #6c0506 0%,#f01216 100%) !important;
    background: linear-gradient(to right, #6c0506 0%,#f01216 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0506', endColorstr='#f01216',GradientType=1 !important) ;

}
.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{
	color: #fff;
	/*padding: 15px 60px;*/
}
.menu-box .header-wrapper .primary{
	float: none;
	margin-bottom: 0;
}
.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav{
	float: none;
}
.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li{
	margin: 5px 47px;
	padding: 0px 3px 0;
}
.menu-box .header-wrapper .primary .navbar .navbar-collapse{
    width: 100%;
}
@media (max-width: 1200px){
	.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li{
		margin: 5px 28px;
	}
}	
@media (max-width: 991px){
	.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li{
		margin: 0 27px;
	}
	.header .header-wrapper .primary .navbar .btn-navbar{
		background: transparent;
		border: 0;
		padding: 10px 10px 10px 10px;
	}
	.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{
		color: #333;
		padding: 10px 10px 10px 45px;
    	text-decoration: none;
	}
	.header .header-wrapper .primary .navbar .btn-navbar .text{
		color: #fff;
	}
	.header .header-wrapper .primary .navbar .btn-navbar .icon-bar{
		background: #fff;
	}
	.header .header-wrapper .primary .navbar .btn-navbar:before{
		border-left: 0;
	}
	.menu-box .header-wrapper .primary .navbar .navbar-collapse .nav > li{
		padding: 0;
		margin: 0;
	}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav{
		padding: 6px 6px;
	}
	.header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a{}
}
/********** fixed-header.hidden-top .page-box **********/
.fixed-header.hidden-top .page-box{
	padding-top: 170px;
}

/********** index-slider  **********/
.slider{
	padding: 0;
}
.slider.rs-slider .tp-bullets .tp-bullet.selected{
	background: rgba(255, 255, 255, 0.5);
}
.owl-carousel-bannerb-box{
	position: relative;
}
.owl-carousel-bannerb-box .owl-theme .owl-dots{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #7c171b;
}
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel button.owl-dot{

}
.owl-carousel .owl-nav{
	display: none;
}

.owl-carousel-bannerb-pc-box{
	
}
.owl-carousel-bannerb-phone-box{
	display: none;
}

@media (max-width: 600px){
	.owl-carousel-bannerb-pc-box{
		display: none;
	}
	.owl-carousel-bannerb-phone-box{
		display: block;
	}
}
/********** index-prod  **********/
@media (max-width: 600px){
	.index-brand-box{

	}
	.index-brand-box .products{
		position: relative !important;
		width: auto !important;
		inset: inherit !important;
	}
	.index-brand-box .caroufredsel_wrapper{
		overflow: inherit !important;

	}
	.index-brand-box  .carousel .product.rotation{
		margin-top: 30px;
    	margin-bottom: 0px;
	}
	.index-brand-box .title-box .next,
	.index-brand-box .title-box .prev{
		display: none !important;
	}
}


/********** index-prod  **********/
@media (max-width: 600px){
	.index-prod-box{

	}
	.index-prod-box .products{
		position: relative !important;
		width: auto !important;
		inset: inherit !important;
	}
	.index-prod-box .caroufredsel_wrapper{
		overflow: inherit !important;

	}
	.index-prod-box  .carousel .product.rotation{
		margin-top: 30px;
    	margin-bottom: 0px;
	}
	.index-prod-box .title-box .next,
	.index-prod-box .title-box .prev{
		display: none !important;
	}
}
/********** index-news  **********/
.title-box .title{
	color: #333;
    font-weight: bolder;
    font-size: 20px;
    padding: 15px 0;
    margin: 0;
}
.title-box .btn-link{
	font-size: 14px;
	top: 12px;
}
.title-box .btn .glyphicon{
	color: #fff;
}
.course-list li .image{
	width: auto;
	height: 100%;
}
.course-list li .description{

}
.course-list li .description a{
	font-weight: bolder;
	color: #333;
	font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
.course-list li .description p{
	font-size: 14px !important;
	line-height: 24px;
}

@media (max-width: 480px){
	.course-list li .image{
		float: none;
		margin: 0 0 15px 0;
	}	
}
/********** footer  **********/

#footer .phone, 
#footer .address,
#footer .email,
#footer .fax{
	padding-left: 30px;
    position: relative;
}
#footer .iso-9001-logo{
	position: relative;
}
#footer .iso-9001-logo .title{

}
#footer .iso-9001-logo .iso-9001-logo-box{
	position: absolute;
    top: -6px;
    right: 0;
}
#footer .iso-9001-logo .iso-9001-logo-box img{
	width: 60px;
}
#footer .sidebar .widget p{
	font-size: 14px;
}
#footer .sidebar .widget p a{
	color: #333;
}
#footer .sidebar .widget .title-block .title{
	color: #7c171b;
	font-weight: bolder;
}
#footer .footer-bottom{
	padding:15px 0 15px;
	font-size: 14px;
}
#footer .sidebar .links{
	
}
#footer .sidebar .widget:nth-child(4n+1){
	clear: none; 
}
#footer  .sidebar .links a{
	color: #333;
}
#footer .sidebar .links li{
	margin-bottom: 5px;
}

@media (max-width: 767px){
	#footer .phone, 
	#footer .address, 
	#footer .email, 
	#footer .fax{
		float: left;
	    margin-bottom: 29px;
	    width: 48%;
	}
}
@media (max-width: 480px){
	#footer .phone, 
	#footer .address, 
	#footer .email, 
	#footer .fax{
		float: none;
	    width: 100%;
	    margin-bottom: 15px;
	}
}
/********** breadcrumb  **********/
.breadcrumb{
	padding: 15px 0;
}
.breadcrumb > li{
	font-size: 14px;
}
.breadcrumb > li > a{
	color: #333;
}
.breadcrumb > .active{
	color: #333;
}
/********** sidebar  **********/
.sidebar .menu .sub{
	padding: 0;
	/*display: block !important;*/
}
.sidebar .menu .sub-1{
	/*display: block !important;*/
}
.sidebar .menu .sub li{
	border-bottom: 1px solid #ddd;
}
.sidebar li.parent.parent-2.active{
	background: #ddd;
}
.sidebar .menu .sub .active > a{
	
}
.sidebar .menu li.active > a{

}
.sidebar .menu li a{
	padding: 15px 10px 15px 60px;
	color: #333;
}
.sidebar .menu .sub li a{
	padding: 10px 10px 10px 60px;
	color: #333;
}
.sidebar .menu li.parent > a .open-sub{
	top: 5px;
}
.sidebar .menu li.parent > a .open-sub:before, 
.sidebar .menu li.parent > a .open-sub:after{
	/*margin: 20px 0 0 15px;*/
}
.sidebar .menu .sub .sub-2{
	border-bottom: 0;
    background: #ddd3d3f9;
}
.sidebar .menu .sub .sub-2 li{
	border-bottom: 1px solid #fff;
}
.sidebar .menu .sub .sub-2 li a{
	padding: 10px 10px 10px 75px;
	color: #000;
}
.sidebar .menu .parent-2{

}
.sidebar .menu  .open-sub-2{
	left: 0 !important;
}
.sidebar .menu  .open-sub-2:before{

}
/********** btn-group  **********/
.btn-group.btn-select .dropdown-toggle{
	height: 30px;
    line-height: 30px;
    padding: 0 10px 5px;
}

/********* toolbar **********/
.toolbar{
	display: none;
}
.toolbar .grid-list .grid, 
.toolbar .grid-list .list{
	height: 30px;
	width: 30px;
}
.toolbar .grid-list .grid .glyphicon, 
.toolbar .grid-list .list .glyphicon{
	margin: 8px 0 0;
}
.toolbar .up-down{
	height: 30px;
}
.btn-group.btn-select .dropdown-toggle{
	font-size: 14px;
}
.toolbar .per-page{
	font-size: 14px;
}
.btn-group.btn-select .dropdown-menu > li > a{
	font-size: 14px;
}
/********** page-header .title  **********/
.page-header .title{
	font-size: 40px;
	color: #333;
}

/********** brand product list  **********/
.brand-item-box .product-description .vertical{
	height: auto;
}
.brand-item-box .product-description{
	height: auto;
}
.brand-item-box  .product-hover{
	padding: 0;
}
/********** product list  **********/
.product .product-name{
	color: #333;
	font-weight: inherit;
}
/********** pagination  **********/
.pagination > li > a, 
.pagination > li > span{
	color: #333;
	padding: 0 15px;
	font-size: 14px;
	line-height: 35px;
}
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus{
	color: #333;
}
.pagination + .pagination-text{
	font-size: 14px;
}
/********** product-list **********/
.product .default{
	background: #fff;
	border: 0;
	box-shadow: 0 2rem 2rem -2rem #00000065;
}
.product .default a:hover { text-decoration: none; }
.product .prod-logo{
	margin-top: 15px;
	text-align: center;
}
.product .product-description{
	height: 72px;
}
@media(max-width: 992px) {
	.product .product-description .product-name{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	}
}
@media(max-width: 768px) {
	.product .product-description .product-name{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	}
}
@media(max-width: 480px) {
	.product .product-description .product-name{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;

	}
	
}
	
/********** inquiry-btn  **********/
.inquiry-btn-box{
	margin-top: 15px;
	text-align: center;
}
.inquiry-btn-box  .qty-input{
	float: left;
	width: 150px;
    margin-right: 10px;
}
.inquiry-btn-box .inquiry-btn{
	background-color: #D7073B;
}
.inquiry-btn-box .inquiry-btn:hover{
	background-color: #ef1216;
}
.inquiry-btn-box .inquiry-btn i{
	color: #fff;
	margin-right: 5px;
}
#catalog .product.rotation .inquiry-btn-box { 
	position: absolute; 
	left: 50%; 
	bottom: 0; 
	/*transform: translate(-50% , 100%); */
	transform: none; 
	opacity: 1; 
	transition: .3s; 
	left: 0;
    right: 0;
    position: relative;
}
#catalog .product.rotation.hover .inquiry-btn-box { 
	/*transform: translate(-50% , 0%); */
	transform: none;
	opacity: 1; 
}
#catalog .product.rotation .inquiry-btn-box .inquiry-btn { 
	background: #fff; 
	border: 1px solid #cdcdcd; 
	color: #000 !important; 
	font-size: 16px; 
	padding: 8px 12px;
}
#catalog .product.rotation .inquiry-btn-box .inquiry-btn i { 
	color: #000 !important; 
}
#catalog .product.rotation.hover .inquiry-btn-box .inquiry-btn { 
	background: #D7073B !important; 
	color: #fff !important; 
}
#catalog .product.rotation.hover .inquiry-btn-box .inquiry-btn i { 
	color: #fff !important; 
}


@media(max-width: 992px) {
	#catalog .product.rotation.hover .inquiry-btn-box { 
		transform: translate(0 , 0%); 
		opacity: 1; 
	}
	#catalog .product.rotation .inquiry-btn-box{
		position: relative;	
		transform: none;
		left: 0;
		opacity: 1;
	}
}
@media(max-width: 480px) {
	#catalog .product.rotation .inquiry-btn-box { position: static; transform: unset; opacity: 1; }
	.inquiry-btn-box .qty-input{
		width: 100%;
		float: none ;
	}
}

/********** product-dt-info  **********/
.product-page hr{
	margin: 15px 0;
}
.product-page .inquiry-btn-box{
	text-align: left;
}
.product-dt-info-box{

}
.product .product-image{
	border: 1px solid #cdcdcd;
	border-bottom: 0;
	border-radius: 4px;
	overflow: hidden;
}
.carousel.products .product .product-image { border: 1px solid #cdcdcd; }
.product-dt-info-box .title{
	font-size: 24px;
    font-weight: bold;
}
.product-dt-info-box .model{
	font-size: 16px;
}
.product-brand-logo-box{

}
.product-brand-logo-box .brand{
	font-size: 16px;
	margin-bottom: 15px;
}
.product-page .product-tab .tab-pane .prod-download-item-box{
	list-style: none;
	padding-left: 25px;
}
.product-page .product-tab .tab-pane .prod-download-item-box li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
    margin-bottom: 15px;
}
.product-page .product-tab .tab-pane .prod-download-item-box li i{
	margin-right: 5px;
}
.product-page .product-tab .tab-pane .prod-download-item-box li a{
	color: #333;
	font-size: 18px;
}

@media(max-width: 992px) {

	.product, .double-product{

	}
}
/********** contact **********/
.contact-box{

}
.contact-box .captcha-img-box{
	margin-bottom: 15px;
}

.service-base-box{

}
.service-base-box .panel-default > .panel-heading + .panel-collapse > .panel-body{
	padding-bottom: 0;
}
.service-base-box .panel-group{
	margin-bottom: 0;
}
.service-base-box .panel-body ul{
	margin: 0;
	padding: 0;
}
.service-base-box .panel-body ul li{
	list-style: none;
	line-height: 1.75;
	margin-bottom: 5px;
}
.service-base-box .panel-body ul li a{
	color: #333;
}
.service-base-box .panel-body ul li i{
	margin-right: 5px;
}
.inquiry-table-box .table{
	text-align: left;
}
.inquiry-table-box .delete-btn{

}
.inquiry-table-box .delete-btn i{
	margin-right: 5px;
	color: #fff;
}
.inquiry-table-box .delete-btn:hover{
	background-color: #D7073B;
}
.inquiry-table-box .delete-btn .text{
	color: #fff;
}
.inquiry-table-box .quantity{
	margin-bottom: 0;
	width: 100px;
}
.inquiry-table-box .prod-name a{
	color: #333;
}
.inquiry-table-box .selectBox, 
.inquiry-table-box .form-control{
	color: #333;
	font-size: 16px;
}
@media (max-width: 992px){
	.service-base-box .panel-default > .panel-heading + .panel-collapse > .panel-body{
		padding: 10px 0 10px 1px;
	}
}

@media (max-width: 768px){
	.inquiry-table-box .delete-btn .text{
		display: none;
	}
	.inquiry-table-box .delete-btn i{
		margin-right: 0;
	}
	.inquiry-table-box .delete-btn{
		padding: 10px 10px;
	}
	.servie-form-box{
		padding: 15px 15px;
	}
}


/********** news-list  **********/
.news-list{

}
.news-list .post{
	position: relative;
}
.news-list  .entry-meta{

}
.news-list .post{
	margin-bottom: 15px;
	padding-bottom: 15px;	
}
.news-list .entry-title {
	margin-bottom: 5px;
}
.news-list .entry-title a{
	font-size: 20px;
	font-weight: bold;
}
.news-list .entry-title a:hover{
	color:#7c171b;
}
.news-list .entry-meta .time{
	font-size: 16px;
	color: #999;
	position: absolute;
    right: 0;
}
.news-list .entry-meta .time i{
	margin-right: 5px;
}
.news-list .img{
	margin-right: 15px;
	border: 1px solid #ccc;
}
.news-list .img:hover{
	border: 1px solid #7c171b;
}
.news-list .entry-content{
	margin-bottom: 15px;
}
.news-list .entry-content p{
	color: #888;
	font-size: 14px;
}
@media (max-width: 992px){
	.news-list .post{
		padding-top: 15px;
	}
	.news-list .post + .post{
		padding-top: 15px;
	}
	.news-list .entry-meta .time{
		position: relative;
	}
	.news-list .entry-content{
		margin-bottom: 0;
	}
	.news-list .post{
		padding-bottom: 0;
	}
}
@media (max-width: 768px){
	.news-list .img:hover{
		border: 0;
	}
	.news-list .img{
		float: none !important;
		border: 0;
		margin-right: 0;
    	margin-bottom: 15px;
	}
	.news-list .img img{
		border: 1px solid #ddd;
	}
}
/********** news-dt **********/
.news-dt{

}
.news-dt h2.title{
	font-size: 24px;
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/********** news-dt **********/
.download-list{

}
.download-list .btn i{
	margin-right: 5px;
}
.download-list .btn a{
	color: #333;
}
.table > tbody > tr > td{
	vertical-align: middle;
}
.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > th, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > th, 
.table-bordered > tfoot > tr > td{
	font-size: 14px;
}
.table-bordered > thead > tr > th{
	background: #f2f2f2;
}
.table-hover > tbody > tr:hover{
	
}
.download-list .download-name a{
	color: #333;
}

/********** login **********/
.login-box{

}
.login-box .bz-element-icon{
	border: 1px solid #ddd;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
    padding: 30px;
}
.login-box .btn:hover{
	background: #c00;
}

/********** about **********/
.about-box{

}
.about-box p{
	font-size: 15px;
	line-height: 1.75;
}


.fck p,
.fck p * { font-size: 16px !important; }

/********** fck **********/
.fck {    overflow-x: auto;}
.fck * { max-width: 100%; }
.fck,.fck p { line-height: 1.75; font-size: 16px; color: #333; }
.fck p{ font-size: 16px;}
.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
.fck .marker {   background-color: Yellow;}
.fck em { font-style: italic; font-size: inherit;}
.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
.fck a{ }
.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
.fck h1 { font-size: 2em; margin:0.67em 0; }
.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
.fck h3 { font-size: 1.17em; margin:1em 0; }
.fck ins { text-decoration: underline; }
.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
.fck img { max-width:100%!important; height:auto; /*margin-bottom:10px;*/ }
.fck ul, .fck ol { padding-left:20px; margin-bottom: 15px;}
.fck ul>li {  list-style-type: disc; display: list-item; line-height: 1.75; }
.fck ol>li {     list-style-type: decimal; display: list-item; }
.fck table { border-collapse: collapse; }
.fck table tr td,.fck table tr th {border: 1px solid #e5e5e5;  padding: 8px;  }

/*********  no-found-page 404 *********/
.no-found-page{
	position: relative;
}
.no-found-page section{
	padding: 4.6153846154rem 0;
}
.text-20 {
    font-size: 104px !important;
    font-size: 6.5rem !important;
}
.d-block {
    display: block!important;
}
.bg-light-5{
	/*background-color: #f1f3f7 !important;*/
}
.no-found-page .row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}