@charset "utf-8";

/* CSS Document */
body {
	font:1em/1.5em 'Verdana', 'Arial', "Microsoft JhengHei";
}

/*-----頁首-----*/
header {
	width:865px;
	position:relative;
}


header .banner {
	margin-top:50px;
}

header .logo {
	position:absolute;
	top:50px;
	left:40px;
	z-index:10;
}
/*搜尋列*/
.search {
	/*定位*/
	padding:0;
	margin:0px 0px 10px 0;
	height:auto;
	clear:none;
}

.search #search_form {
	border-radius:0px;
	line-height:0px;
	padding:0;
	font-size:16px;
	height:28px;
	background:#fff;
	color:#000;
	border:solid 1px #ccc;
}

.search #sf_keyword {
	background:none;
	outline:none;
	border-radius:0;
	border:none;
	height:100%;
	font-family:inherit;
	color:inherit;
	margin:0px;
	padding:0 0 0 10px;
	width:160px;
}

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

/*搜尋列*/
/*詢價車*/	
.register {
	/*定位*/
	padding:0;
	margin:0px 10px 0px 0;
}

.register li {
	padding:0px;
	display:block;
	height:30px;
	font-size:14px;
	color:#333;
}

.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:inherit;
	background-position:0 50%;
	background:url(../images/basic02.png) 0 0 no-repeat;
}

.register li.cartView a:hover {
	color:#FE6030;
	background:url(../images/basic02.png) 0 100% no-repeat;
}

/*詢價車*/
/*客製化語言列*/
.custom_lag{
	/*定位*/	
	float:right;
	margin-left:10px;
	
	}
	
.custom_lag a{
	color:#666;
	font-size:13px;
	background:url(../images/pic001.png) 0 50% no-repeat;
	padding-left:25px;
	display:inline-block;
	line-height:30px;
	}	
/*客製化語言列*/
/*-----頁首-----*/
/*---------------頁中---------------*/
.content {
	width:865px;
	background:url(../images/bg_03.png) 0 0 repeat-y;
	padding-bottom:0px;
}

.colMain {
	width:670px;
	border-left:solid 1px #DBDBDB;
	position:relative;
	margin-bottom:20px;
}

.colSide {
	width:194px;
}

.colSide h4 {
	background:none;
	padding:12px 5px 8px 30px;
	text-transform: uppercase;
	background:url(../images/bg_02.png) 0 0 no-repeat;
	border-radius:0px;
	font-size:14px;
	letter-spacing:2px;
	text-shadow: 0px -1px 0px #999;
	color:#CCC;
}

.colSide .sideCate {
	border-top:solid 1px #DBDBDB;
}

.colSide .sideCate a {
	font-size:13px;
	font-weight:normal;
	color:#0000C1;
	text-transform: uppercase;
	padding-left:30px;
}

.colSide .sideCate li.active span >a{
	background:#DBDBDB;
	color:#000;
	}

.colSide .sideCate .par_tree a.active, 
.colSide .sideCate > li a.active{
	font-weight:normal;
	color:#FFF;
	background:#bbb;
	}


.colSide .sideCate li li a {
	color:#888;
}

.colSide .sideCate li li a:hover {
	color:#CCC;
}

.colSide .sideCate a.tree {
	width:30px;
	background: url(../images/icon_tree_add.gif) 50% 12px no-repeat;
}

.colSide .sideCate li a.tree.active, .sideCate li.par_tree.active {
	background: url(../images/icon_tree_minus.gif) 50% 12px no-repeat;
}
.sideCate .par_tree a.active , .sideCate > li a.active {
    color: #933;
    font-weight: bold;
}



.colSide .sideCate li.par_tree {
	background:none;
}



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

.colSide .sideCate li li {
	border-bottom:dashed 1px #DBDBDB;
	
}


.colSide .sideCate li li:last-child{
	border-bottom:none;
	}

.colSide .sideCate ul{
	margin-bottom:0px;
	}

/*-----主選單-----*/
.colMain nav {
	margin:0px;
	padding:0px;
}

.colMain nav #navMenu {
	background:url(../images/bg_01.png) 0 0 no-repeat;
	border-radius: 0;
}

.colMain nav #navMenu li {
	border-right:none;
}

.colMain nav #navMenu li+li {
	border-left:solid 1px #CFCFCF;
}

.colMain nav #navMenu a {
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding: 12px 35px 3px;
}

.colMain nav #navMenu a:hover {
	background:none;
	color:#F89A9E
}

.colMain .menuTitle {
	background:none;
	margin:0px;
	padding:0 0 5px 0;
	margin:50px 15px 50px 15px;
	font-size:1.1em;
	color:#00b;
	text-transform:uppercase;
	border-bottom:solid 1px #CCC;
}

.colMain .menuTitle a {
	color:#00b;
}

.colMain .breadcrumb {
	width:480px;
	position:absolute;
	top:115px;
	left:15px;
	padding:0;
}

.showProCont .colMain .breadcrumb{
	width:640px;
	}

.colMain .breadcrumb a {
	display:inline-block;
}

.colMain .breadcrumb h1 {
	display:inline-block;
	
}

.colMain .sortBox {
	margin:0px;
	padding:0px !important;
	position:relative;
}

.colMain .sortBox .result {
	float:none;
	position:absolute;
	top:-75px;
	right:0px;
}

.colMain .sortBox .btnOrder {
	width:110px;
	position:absolute;
	right:0px;
	top:-42px;
}

.colMain .sortBox .btnOrder:last-child {
	top:auto;
}

.colMain .page {
	margin-top:60px;
}

/*-----主選單-----*/	
/*-----產品頁-----*/
.proWrapBox {
	padding:0px 15px;
}

.productGrid .proList {
	margin:0px;
}

.productGrid.list_imgXL .proList {
	width:auto;
	height:280px;
	padding:0 5px;
}

.productGrid .proList .txt {
	width:150px;
}

.productGrid .proList .img {
	width:auto;
	height:auto;
	border:none;
	margin:0px;
	padding:0px;
	border-radius: 0px;
}

.productGrid .proList .img a {
	width:150px;
	height:170px;
	line-height: 170px;
}

.productGrid .proList .img img {
	max-width:100%;
	max-height:100%;
}

.productGrid .proList h3 a {
	font-size:14px;
	color: #000;
	font-weight:bold;
}

.productGrid .proList h5 {
	font-size:11px;
	color: #666666;
	font-weight:normal;
}
.proTypeTitle{
	margin-bottom:100px;
	}
/*-----產品頁-----*/	
/*-----產品內頁-----*/
.glass-case {
	margin:0 auto;
}

.show_prodcut {
	padding:20px 15px 0 15px;
}

.productRight {
	width:320px;
}

.btnOrder {
	width:110px;
}
.tabs li{
	background-color: rgba(0, 0, 0, .0);
	border: 1px solid #ccc;
}
.tabs a{
	color: #656565;
}
.tabs .active, .tabs .ui-tabs-active{
	background-image: none;
	background-color: #06d;
	border: 1px solid #06d;
}
.tabs li.active, .tabs li.ui-tabs-active a{
	color: #fff;
}
.gc-display-area{
	border: 0px;
}
.gc-icon{
	display: none;
}
.glass-case:hover .gc-icon{
	display: block;
}
/*-----產品內頁-----*/
/*-----關於我們-----*/
.main_cont {
	padding:0 15px;
}

/*-----關於我們-----*/
/*---------------頁中---------------*/
/*-----頁尾-----*/
footer {
	background:#FFF;
}

.footer {
	/* background:url(../images/bg_03A.png) 0 0 repeat-y; */
	background-image: url('../images/footer_bg.png');
	background-repeat: no-repeat;
	border-top:solid 1px #DCDCDC;
	color:#000;
	width:865px;
	position:relative;
}

.footer a {
	color:#000;
}

.footer .iso {
	position:absolute;
	right:2px;
	top:25px;
}

.footer .info, .footer .copyright {
	padding-left: 115px;
	font-size: 12px;
}

/*-----頁尾-----*/
/*-----首頁-----*/
/*定位*/
.index {
}

.index header {
	width:990px;
	position:relative;
}

.index .content {
	background:none;
	width:990px;
	clear:both;
	margin-top:130px;
}

.index .content:after{
	content:'';
	display:block;
	clear:both;
	}

.index .colMain {
	width:990px;
	margin:0px;
	border-left: none;
	position:relative;
}

/*定位*/	
/*情境圖*/
.index header .banner {
	position:absolute;
}

.index #slidepic_pic2 {
	height: 500px;
  overflow: hidden;
	
}
.index #slidepic_pic2 img{
margin-top:-100px;
	}

/*情境圖*/			
/*主選單*/
.index .colMain nav {
	float:right;
	
}

.index .colMain nav #navMenu {
	background:none;
}

.index .colMain nav #navMenu a {
	font-weight:normal;
	font-style:italic;
	color:#888;
	padding: 10px 20px 10px 15px;
}

.index .colMain nav #navMenu a:hover {
	color:#00A2E8;
}

.index .colMain nav #navMenu li+li {
	border-left:none;
}

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

.index .colMain nav #navMenu li:hover {
	background:url(../images/bg_nav02.png) 0 50% no-repeat;
}

/*主選單*/	
/*熱門產品*/
.index .proIntro {
	clear:both;
	width:840px;
	margin:0 auto;
	margin:80px auto 44px auto;
}

.index .hotPro {
	height:296px;
}

.index .hotPro .more {
	display:none;
}

.index .hotPro .Anli_pic {
	width:780px;
}

.index .hotPro .Anli_left {
	width:30px;
	height:272px;
	background-position:0% 50%;
}

.index .hotPro .Anli_right {
	width:30px;
	height:272px;
	background-position:100% 50%;
}

.index .hotPro .Anli_pic #ISL_Cont_2 {
	width:100% !important;
}

.index .hotPro .Anli_pic #ISL_Cont_2 .box {
	margin:0 30px 0 0;
	width:240px;
	height:302px;
}

.index .hotPro .Anli_pic #ISL_Cont_2 .box a.imgBorder {
	width:238px;
	height:270px;
	line-height: 270px;
	border:solid 1px #979491;
	padding:0;
}

.index .hotPro .Anli_pic #ISL_Cont_2 .box img {
	max-width:100%;
	max-height:100%;
}

.index .hotPro .Anli_pic #ISL_Cont_2 .box .anli_box_title {
	color:#666;
}

/*熱門產品*/
/*文字區*/
.index .float {
	float:left;
}

.index .inf {
	margin:75px 0 0 0;
	display:none;/*暫時隱藏*/
}

.index .inf:after{
	content:'';
	display:block;
	clear:both;
	}


.inf_01, .inf_02 {
	width:495px;
}

.inf .title {
	width:90px;
	padding-right:10px;
	text-align:right;
	height:75px;

}

.inf .txt {
	width:395px;
	height:75px;

}
.inf img{
	margin-top:15px;
	}

.inf_02 li{
	color:#036EB8;
	font-weight:bold;
	font-size:12px;
	height:25px;
	}
.inf_02 li span{
	display:inline-block;
	}	
.inf_02 li a {
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:300px;
	vertical-align:middle;
	color:#999;
	text-decoration:none;
	font-size:1em;
}

.inf_02 li a:hover{
	color:#00A2E8;
	}

/*文字區*/
/*頁尾*/
.index .footer {
	width:990px;
	border-top:solid 1px #CCCCCC;
	margin-top:25px;
}
/*頁尾*/	
/*-----首頁-----*/

/* IE8 ~ 11 */
header .lagH{
	margin:3px 0 0 10px\9;
	}

/* IE9 ~ 11 */
:root header .lagH{
	margin:3px 0 0 10px\9;
	}

:root h2.menuTitle{
	padding:0 0 5px 0\9;
	font-size:1.2em\9;
	}	


/* IE10 ~ 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
header .lagH{
	margin:5px 0 0 10px;
	}
}
