@charset "utf-8";

/* CSS Document */
/*2015,10,05 顏智偉*/
/*基礎*/
header, .footer, .content, .breadcrumb {
	width:1000px;
}

/*基礎*/
/*背景*/
.container {
	border-top:solid 7px #000;
}

.bg_header {
	background:#ededed;
	box-shadow: 0 0 10px #333;
}

.bg_content {
}

/*背景*/	
/**************************頁首*/
header {
	position:relative;
}

/*搜尋列*/
.search {
	margin:0px;
	height:auto;
	position:absolute;
	top: 184px;
	right: 7px;
}

.search #search_form {
	background:#fff;
	line-height:0px;
	padding-left:10px;
	height:30px;
	border-radius:2px;
}

.search #sf_keyword {
	background:none;
	outline:none;
	padding:0px;
	margin:0px;
	border-radius:0;
	border:none;
	width:200px;
	color:#000;
	height:100%;
}

.search #sf_submit {
	padding:0px;
	margin:0px;
	font-size:0px;
	border:none;
	background:url(../images/bg_search.png) 50% 50% no-repeat;
	width:30px;
	height:100%;
}
.search #search_form input::-webkit-input-placeholder {
 color:#ccc;/* chrome 提示字顏色 */
}
.search #search_form input::-moz-placeholder {
 color:#ccc;/* firefox 4- 提示字顏色 */
}
.search #search_form input:-moz-placeholder {
 color:#ccc;/* firefox 19+ 提示字顏色 */
}
.search #search_form input:-ms-input-placeholder {
 color:#ccc;/* IE 提示字顏色 */
}

/*搜尋列*/
/*語言列*/
.lagH {
	padding:0;
	margin:0;
}

.lagH a {
	color:#000;
	display:inline-block;
	height:20px;
}

.lagH a:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align: middle;
	}

.lagH a img {
	vertical-align: middle;
	display:inline-block;
}
/*語言列*/
/*詢價車*/	
.register {
	padding:0;
	margin:0 10px 0 0;
	height:20px;
}

.register li {
	padding:0px;
	display:block;
	height:100%;
}

.register li:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align: middle;
	}

.register li.cartView a {
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	color:#000;
	background-position:0 50%;
}
/*詢價車*/	
/**************************頁首*/
/*麵包屑*/	
.breadcrumb {
	text-align:right;
}

/*麵包屑*/		
/*主選單*/
nav {
	margin: 0;
	clear: both;
	padding: 30px 0 10px 0;
}

#navMenu {
	background:#222;
	background:linear-gradient(to top, #222 80%, #888 100%);
	border-radius:0px;
	height:44px;
}

#navMenu li {
	border-right: none;
}

#navMenu > li:hover {
	background:#444;
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.8) inset;
}

#navMenu > li:hover+li {
	background:none;
}

#navMenu > li+li {
	background:url(../images/bg_nav01.png) 0 50% no-repeat;
}

#navMenu li a:hover {
	background:none;
}

#navMenu > li > a {
	padding:0px 35px;
	line-height:44px;
}

#navMenu #navMenu_index {
	/*border-radius: 5px 0 0 5px;*/
}

.sf-arrows .sf-with-ul:after {
	display:none;
}

/*主選單*/
/*下拉選單修正*/
#navMenu li ul {
	min-width:100%;
}

#navMenu li li {
	border-top:none;
	background-image:url(../images/bg_nav02.png);
	background-repeat:repeat-x;
}

#navMenu li li a {
	padding:8px 20px;
}

#navMenu li li a:hover {
	color:#F07B20;
}

#navMenu li li:hover {
	background:#fff;
}

#navMenu li li li {
	background:#eee url(../images/bg_nav02.png) repeat-x;
}

/*下拉選單修正*/
/*左半邊*/
.colSide {
	width:250px;
	background:#222;
}

.colSide h4 {
	background:#222;
	background:linear-gradient(to top, #222 80%, #666 100%);
	padding:10px 15px;
	font-size: 120%;
	border-radius:0px;
	margin-bottom:0;
	border-bottom:solid 1px #FFF;
}

.sideCate {
	width:90%;
	margin:0 auto;
	padding-bottom:10px;
}

.sideCate li {
	border-bottom:solid 1px #999;
}

.sideCate li a, .sideCate > li > span > a {
	color:#FFF;
	font-weight:normal;
	padding: 10px 3px;
}

/*左半邊*/
/*右半邊*/
h2.menuTitle {
	background:#222;
	background:url(../images/bg_title01.png) 15px 50% no-repeat, linear-gradient(to top, #222 80%, #666 100%);
	color:#FFF;
	padding:0px 0px 0px 40px;
	line-height:40px;
	height:40px;
}

/*右半邊*/
/*列表頁模式選單*/
.sort a, .psort a {
	margin:-7px 0px 0 3px;
}

/*列表頁模式選單*/		
/*列表共用*/
.productGrid, .productList {
	overflow:visible;
}

.productList .proList .img, .productGrid .proList .img {
	border:none;
	border-radius:0px;
	padding:5px;/*看情況*/
	box-shadow: 0 0 5px #e9e9e9;
}

.proList h3 a {
	color:#000;
}

.proList h5 {
	font-weight:normal;
}

.productList .txt {
	width:auto;
}

.productList .proList .img {
	margin-left:5px;
}

/*列表共用*/
/*小*/
.productGrid.list_imgS .proList {
	margin: 0 33px 30px 0;
}
.productGrid.list_imgS .proList:nth-child(4n) {
 margin-right:0px;
}

/*小*/
/*中*/
.productGrid.list_imgM .proList {
	margin:0 60px 30px 0;
	;
}
.productGrid.list_imgM .proList:nth-child(3n) {
 margin-right:0px;
}

/*中*/
/*大*/
.productGrid.list_imgL .proList {
	margin: 0 20px 30px 0;
}
.productGrid.list_imgL .proList:nth-child(3n) {
 margin-right:0px;
}

/*大*/
/*特大*/
.productGrid.list_imgXL .proList {
	margin: 0 60px 30px 0;
}
.productGrid.list_imgXL .proList:nth-child(3n) {
 margin-right:0px;
}

/*特大*/
/*極大*/
.productGrid.list_imgXXL .proList {
	margin: 0 45px 30px;
}

/*極大*
/*極特大*/
.productGrid.list_imgXXXL .proList {
	margin: 0 20px 30px;
}

/*極特大*/
/*產品詳細頁*/
h2.menuTitle a {
	color:#FFF;
}

.tabs li {
	background:#aaa;
	background:linear-gradient(to top, #000 0%, #555 90%);
	border: solid 1px #aaa;
}

.tabs li a:hover {
	color:#FB5500;
}

.btnOrder {
  padding: 0 5px 0 40px;
}
/*產品詳細頁*/
/*最新消息*/	
.newsCont table th {
	background:#999;
	color:#fff;
	font-weight:normal;
	border:none;
}

.newsCont table th + th {
	background-image:url(../images/bg_th.png) !important;
	background-repeat:no-repeat;
	background-position:0 50%;
}

.newsCont table td a {
	color:#000;
	text-decoration:none;
}

.newsCont table td a:hover {
	color:#0092C7;
}

/*最新消息*
/*詢價車*/
.cartList table th {
	background:#999;
	color:#fff;
	font-weight:normal;
	border:none;
}

.cartList table th + th {
	background-image:url(../images/bg_th.png) !important;
	background-repeat:no-repeat;
	background-position:0 50%;
}

.cartList table td a {
	color:#000;
	text-decoration:none;
}

.cartList table td a:hover {
	color:#0092C7;
}

.cartList .btnOther {
	/*更新詢價車*/
	color:#f00;
}

.cartList .btnOrder {
	background: #999;
	color: #fff;
	padding: 0px 10px 0px 18px;
	border: none;
	margin:5px 0 0 0;
}

.cartList .btnOrder:hover {
	color:#000;
	background: #FF9900;
}

/*詢價車*/
/*聯絡我們*/
.table_form th {
	/*表單標題背景色*/
	background:none !important;
}

/*聯絡我們*/
/*頁尾*/
.footer{
	position:relative;
	padding-bottom:30px;
	}

.footer .menu {
	padding-left:3px;
}

.footer #qrcode{
	float:none;
	position:absolute;
	right:0;
	top:10px;
	}
	
.footer .social	{
	position:absolute;
	right:0;
	bottom:5px;
	}

/*頁尾*/
/*首頁基礎*/
.index .colMain {
	width:100%;
}

/*首頁基礎*/
/*首頁情境圖*/
.index .content {
	padding-top:15px;
	position:relative;
	min-height:600px;
}

.index .banner {
	position:absolute;
	right:0;
}

.index #slidepic_pic2 {
	width:720px;
	height:300px;
}

#slidepic_pic2 .control a {
	background:#fff;
	width:12px;
	height:12px;
	margin-left:8px;
	border-radius:100px;
	box-shadow:0 0 3px #999 inset;
}

#slidepic_pic2 .control a.on {
	background:#F00;
}

/*首頁情境圖*/
/*首頁左選單*/
.indexLeft{
	min-height:300px;
	width:250px;
	background: #222;
	}
	
.indexLeft h4 {
		color:#FFF;
    background: #222;
    background: linear-gradient(to top, #222 80%, #666 100%);
    padding: 10px 15px;
    font-size: 120%;
    border-radius: 0px;
    margin-bottom: 0;
    border-bottom: solid 1px #FFF;
}	
/*首頁左選單*/
/*首頁最新產品*/
.newPro {
	margin-top:30px;
}

.newPro h2 {
	padding:20px 0 20px 30px;
	font-size:26px;
}

.more {
	display:none;
}

.Anli_left {
	background:url(../images/arrLeft.png) 0% 50% no-repeat;
	width:30px;
	height:152px;
}

.Anli_right {
	background:url(../images/arrRight.png) 100% 50% no-repeat;
	width:30px;
	height:152px;
}

.Anli_pic {
	width:940px;
}

.box a.imgBorder {
	width:140px;
	height:140px;
	border:solid 1px #666;
}

.box a {
	width:152px;
	color:#000;
	font-size:12px;
}
/*
.box {
	width:auto;
	margin:0 45px 0 0;
}
}*/

#ISL_Cont_2{
	width:100% !important;
	}
	
.box {
	width:152px;
	margin:0 45px 0 0;
	}	

/*首頁最新產品*/
/***************************************************相容性*/
/* IE8 ~ 10 */
/*搜尋列*/
.search {
	top: 164px \9;
}
.list_imgXL.productGrid .proList{
	margin:0 20px 30px \9;
	}
	
.list_imgM.productGrid .proList	{
	margin:0 20px 30px \9;
	}

h2.menuTitle{
	background:#222 url(../images/bg_title01.png) 15px 50% no-repeat \9;
	}

/* IE8 ~ 10 */
/* IE9 ~ 10 */
:root .search {
	top: 184px \9;
}

:root .btnOrder{
	/*加入詢價車按鈕*/
	padding:2px 8px 3px 40px \9;
	}	
	
:root h2.menuTitle{
	/*右半邊大標題*/
	padding:10px 10px 10px 40px \9;
	}	
	
:root h2.menuTitle{
	background:url(../images/bg_title01.png) 15px 50% no-repeat, linear-gradient(to top, #222 80%, #666 100%) \9;
	}		
/* IE9 ~ 10 */