@charset "UTF-8";

/*引入-Mweb錯誤繼承修正檔*/

@import url('fix.css');

/*引入-客製化編輯器專區*/

@import url('editor.css');

/*被選取文字的背景顏色*/

*::selection {
    background: #99D9EA;
}


/*----------------------------------------------------------------------------------------------------*/
html{
	overflow-x: auto;
}
body{
	min-width: 1170px;
}

.container{
	overflow-x: hidden;
}
.container-custom{
	width: 1140px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 頁首 */
.top{
	border-bottom: solid 15px #000;
	padding-top: 5px;
	position: relative;
	z-index: 3;
}

.logo{
	margin-bottom: -63px;
}

.logo:hover{
	opacity: 1;
}

nav{
	margin-top: 25px;
}

#navMenu{
	background: none;
}

#navMenu > li + li > a{
	margin-left: 0;
}

#navMenu > li + li:before{
	display: none;
}

#navMenu > li:hover > a{
	box-shadow: none;
	color: #B21117;
}

/* .sf-arrows .sf-with-ul:after{
	border-top-color: #000;
} */

.sf-arrows .sf-with-ul:hover:after{
	border-top-color: #B21117 !important;
}

#navMenu > li > a:after{
	content: '';
	width: 100%;
	height: 5px;
	position: relative;
	border: none;
	left: 0;
	margin-top: 4px;
	display: block;
	background: none;
}

#navMenu > li:hover > a:after{
	background: #B21117;
}

.register .cartView a{
	font-size: 14px;
}

.register .cartView a:before{
	background: none;
	color: #aaa;
	font-size: 16px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 頁首 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 情境圖 */
.banner .flex-control-paging li a{
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.1);
}

.banner .flex-control-paging li a.flex-active{
	background: rgba(178, 17, 23, 1);
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 情境圖 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 內頁頁中 */
/*>>>>>>>>>>>>>>>>>>>>>>>>> 右半邊標題 */
h2.menuTitle{
	border-bottom-color: #D3D3D3;
	background-image: url('../images/img01.png');
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 50px;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<< 右半邊標題 */
/*>>>>>>>>>>>>>>>>>>>>>>>>> 左選單 */
.sideCate .superTitle a{
	padding-top: 10px;
	padding-bottom: 10px;
}

.sideCate > li > .superTitle{
	background: #EEEEEE;

}
.sideCate > li{
	margin-bottom: 2px;
}
.sideCate li a.tree:before{
	/* background: #B70300; */
	/* padding: 2px; */
	/* border-radius: 100px; */
	color: #C4C4C4 !important;
	/* width: 20px; */
	/* text-align: center; */
}

.sideCate li a.tree.active:before{
	color: #B70300 !important;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<< 左選單 */
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 內頁頁中 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 頁尾 */
.bottom{
	padding-bottom: 0;
	color: #666666;
	background: url('../images/img02.jpg') 50% 0 no-repeat;
	padding-top: 120px;
}
.bottom .s1{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #D6D6D6;
}

.bottom .s1 [class*="col"] + [class*="col"]{
	border-left: solid 1px #B8B8B8;
}

.bottom .s2{
	background: #A5A5A5;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 12px;
}

.socialLink ul li a{
	width: 30px !important;
	height: 30px !important;
	background-size: 100% 100%;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 頁尾 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 麵包屑 */
.breadCrumb{
	text-align: right;
	font-size: 12px;
	color: #6E6E6E;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 麵包屑 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 產品列表頁 */
.productGrid .proList .img{
	border: none;
}

.productGrid .proList .img a:hover {
	opacity: 1;
}

.productGrid .proList .img:hover{
	box-shadow: none;
}

.productGrid .proList .txt{
	border-bottom: solid 3px #CECECE;
	padding-bottom: 5px;
	color: #666;
}

.productGrid .proList:hover .txt{
	border-bottom-color: #B21117;
	color: #000;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 產品列表頁 */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 首頁 */
.index .bottom{
	padding-top: 0;
}
.ims{
	padding-top: 50px;
	padding-bottom: 50px;
}
.ims .title{
	text-align: center;
	margin-bottom: 40px;
}

.ims .title h3{
	border-bottom: solid 1px #d8d8d8;
	display: inline-block;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 6px;
	font-size: 26px;
	font-weight: normal;
}

.ims .title h3 span{
	color: #B90101;
}

.ims1 .block{
	display: block;
	border: solid 1px #D8D8D8;
	text-align: center;
	padding: 40px 10px;
}


.ims1 .block .imgA{
	position: relative;
	height: 50px;
}
.ims1 .block .imgB{
	position: relative;
	margin-top: 30px;
	height: 200px;
}

.ims1 .block img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.ims2{
	padding-bottom: 0;
}

.ims2 .title{
	background: #fff;
	margin-bottom: 30px;
}

.ims2 .context{
	background-image: url('../images/img03.jpg');
	background-position: 0 50%;
	background-attachment: fixed;
	padding-bottom: 100px;
}

.ims2 .context .block{
	background-color: #fff;
	padding-bottom: 40px;
	color: #333333;
}

.ims2 .context .block .link{
	background: #D4D4D4;
	display: inline-block;
	border: solid 1px #C1C1C1;
	padding: 10px 20px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 首頁 */
.social{
	text-align:left;
	}
.social a{
	width:30px;
	height:30px;	
	background:url('../images/social.png');
	}
.social a:hover{	
    opacity:0.6;
	filter:alpha(opacity=60);
	}
.social .facebook{
	background-position:0 0;
	}
.social .twitter{
    background-position:0 -50px;
	}
.social .youtube{
    background-position:0 -100px;
}
.social .google{
    background-position:0 -150px;
}
.social .linkedin{
    background-position:0 -450px;
	}
.social .skype{
    background-position:0 -500px;
	}
.social .wechat{
    background-position:0 -200px;
	}
.social .pinterest {
    background-position:0 -400px;
	}
.social .line{
    background-position:0 -250px;
	}
.social .whatsapp{
    background-position:0 -300px;
	}
.social .qq{
    background-position:0 -551px;
	}
.social .linkedin{
    background-position:0 -603px;
	}
.social .b2bmit{
    background-position: 0 -350px;
	}


/** #idx_hot start **/

#idx_hot .owl-stage
{
    display:-webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}

#idx_hot .item
{
	position: relative;
	border: 1px solid #CCC;
	padding: 15px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#idx_hot .item > a
{
    display:-webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;

	width: 100%;
	height: 80%;
}

#idx_hot .item p
{
	width: 100%;
	height: 20%;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 10%;
}

#idx_hot .item a:hover + p a,
#idx_hot .item p a:hover
{
	color: #B21117;
}

/** #idx_hot end **/