@charset "utf-8";
/* CSS Document */

/*-------------------------產品 查詢------------------------------------*/
#Products {}
.products {}
/*--------------------------*/
.products .bannerImgBox {
	background-image:url(../images/pageBannerImg_Products.jpg);
}
.products .pathBox {}
.products .pathBox li {}
.products .pathBox li a {}
.products .pathBox li a:hover {}
/*-------------------------------------------------------------*/
#Products .columnLeft {
	display:none;
}
#Products .columnRight {
	width:940px;
	float:none;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
}
/*-------------------------------------------------------------*/
.productsClassAreaBox {
	width:600px;
	float:left;
}
.productsClassAreaBox1 {
	width:300px;
	float:left;
}

.productsClassAreaBox2 {
	width:300px;
	float:left;
}
.productsClassAreaBox .itemBox {
	width:270px;
	float:left;
	margin-right:30px;
	border-bottom:solid 1px #05817f;
	margin-bottom:20px;
}
.productsClassAreaBox .itemBox2 {
	width:270px;
	float:left;
	margin-right:30px;
	border-bottom:solid 1px #05817f;
	margin-bottom:20px;
}

.productsClassAreaBox .itemBox h3 {
	color:#fff;
	border-bottom:solid 1px #05817f;
	background-color:#006e7e;
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.productsClassAreaBox .itemBox ul {
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
}
.productsClassAreaBox .itemBox ul li {
	background-image:url(../images/icon_09.jpg);
	background-repeat:no-repeat;
	background-position:7px 14px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.productsClassAreaBox .itemBox ul li a {
	display:block;
}
.productsClassAreaBox .itemBox ul li a:hover {
	color:#fff;
}
/*--------------------*/
.productsClassAreaBox .itemBox .tier_1 {
	background-color:#191919;
}
.productsClassAreaBox .itemBox .tier_1 li {
	
}
.productsClassAreaBox .itemBox .tier_1 li a {
	display:block;
	color:#aaa;
}
/*-------------*/
.productsClassAreaBox .itemBox .tier_2 {
	/*background-color:#2b2b2b;*/
}
.productsClassAreaBox .itemBox .tier_2 li {
}
.productsClassAreaBox .itemBox .tier_2 li a {
	color:#ccc;
}
/*-------------*/
.productsClassAreaBox .itemBox .tier_3 {
	/*background-color:#424242;*/
}
.productsClassAreaBox .itemBox .tier_3 li {}
.productsClassAreaBox .itemBox .tier_3 li a {
	color:#ccc;
	background-position:27px 14px;
	padding-left:20px;
}
/*-------------------------------------------------------------*/
.filterTabsBox {
	width:340px;
	float:left;
}
.filterTabsBox h3 {
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:25px;
}
.filterTabsBox .tabs {
	height:26px;
	list-style:none;
	margin-left:3px;
}
.filterTabsBox .tabs li {
	height:26px;
	float:left;
	margin-left:-3px;
}
.filterTabsBox .tabs li a {
	height:26px;
	display:block;
	background-image:url(../images/tabsList_bg_01.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:5px;
}
.filterTabsBox .tabs li a span {
	height:22px;
	display:block;
	font-weight:bold;
	color:#68747e;
	text-shadow: -1px -1px 0px #141618;
	background-image:url(../images/tabsList_bg_02.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:15px;
	padding-left:10px;
	padding-top:4px;
}
.filterTabsBox .tabs li a:hover {
	background-position:left bottom;
}
.filterTabsBox .tabs li a:hover span {
	color:#5fd7ff;
	background-position:right bottom;
}
/*----------------------------*/
.filterTabsBox .tabs li a.current {
	position:relative;
	background-position:left bottom;
}
.filterTabsBox .tabs li a.current span {
	color:#5fd7ff;
	background-position:right bottom;
}
/*--------------------------------*/
.filterTabsBox .panes {
	width:340px;
	background-image:url(../images/filterTabsBox_bg_02.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	paddign-bottom:10px;
}
.filterTabsBox .panes_bg {
	background-image:url(../images/filterTabsBox_bg_01.jpg);
	background-repeat:repeat-y;
	padding:10px;
}
.filterTabsBox .panes_bg .item {}
/*------------------------------*/
.filterTabsBox .formStyleBox_01 {}
.filterTabsBox .formStyleBox_01 .section {
	width:320px;
}
.filterTabsBox .formStyleBox_01 .label {
	width:50px;
}
.filterTabsBox .formStyleBox_01 .value {
	width:249px;
}
.filterTabsBox .formStyleBox_01 .value1 {
	width:100px;
}
/*-----------------------------------------*/
.filterTabsBox .formStyleBox_01 .value label {
	margin-right:20px;
}
.filterTabsBox .formStyleBox_01 .value input[type="text"] {
	width:40px;
	margin-left:5px;
	margin-right:5px;
}
/*--------------------------*/
.filterTabsBox .baseBtn {
	text-align:center;
}
/*----------------------------------產品列表頁----------------------------------------*/
#ProductsList {}
.productsList {}
.productsList .pageContentBox {
	position:relative;
}
/*--------------------------*/
.productsList .bannerImgBox {
	background-image:url(../images/pageBannerImg_Products.jpg);
}
.productsList .pathBox {}
.productsList .pathBox li {}
.productsList .pathBox li a {}
.productsList .pathBox li a:hover {}
/*----------------------------------------*/
.productsList .columnRight {
width:941px;
float:right;
-moz-transition:width 0.3s linear;
	-o-transition:width 0.3s linear;
	-webkit-transition:width 0.3s linear;
	transition:width 0.3s linear;
	
	position:relative;
}
/*-------------------------------------------------------------*/
.productsList .baseBtn {
	height:33px;
/*	float:right;
	margin-top:-82px;*/
	position:absolute;
	right:30px;
	top:0px;
}
.productsList a {}
/*----------------------------------------*/
.productsList .columnLeft {
	width:auto;
	background-image:none;
	padding-bottom:0px;
	position:absolute;
	top:-24px;
	left:1px;
	
	z-index:9;
}
.productsList .columnLeft_bg {
	background-image:none;
	padding-right:0px;
}
.productsList .columnLeft_bg2 {
	padding-top:0px;
	margin-bottom:0px;
}
.productsList .menuBox {
	width:220px;
	margin-left:0px;
	margin-right:0px;
	/*position:relative;*/
	position: absolute;
	background-color:#1d1d1e;
}
.productsList .menuBox .boxBg_1 {
	display:none;
	background-image:url(../images/bor_02_01.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	
}
.productsList .menuBox .boxBg_2 {
	background-image:url(../images/bor_02_02.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:2px;
}
.productsList .menuBox .boxBg_3 {
	padding-top:15px;
}
.productsList .menuBox .boxBg_3 ul {}
/*---------------------------------------------------------------------*/
.columnLeft.unfold_L {
position:static;
padding-bottom:33px;
margin-top:-24px;
margin-left:1px;
}
.columnRight.unfold_R {
width:720px;
float:right;

-moz-transition:width 0.2s linear;
	-o-transition:width 0.2s linear;
	-webkit-transition:width 0.2s linear;
	transition:width 0.2s linear;		
}
/*----------------------------------------------*/
.columnLeft.unfold_L .productCategoriesBtn {
	background-position:left top;
}
.columnLeft.unfold_L .productCategoriesBtn:hover {
	background-position:left -33px;
}

/*----------------------------------產品資料-----------------------------------------*/
#ProductsData {}
.productsData {}
/*---------------------------------------*/
.productsData .bannerImgBox {
	background-image:url(../images/pageBannerImg_Products.jpg);
}
.productsData .pathBox {}
.ProductsData .pathBox li {}
.ProductsData .pathBox li a {}
.ProductsData .pathBox li a:hover {}

/*-----------------------------------------------------*/
.eidtorSetBox {
	margin-bottom:40px;
}
.eidtorSetBox h4 {
	font-size:18px;
	font-weight:normal;
	color:#49cdcb;
	margin-bottom:5px;
}
.editorBox {
	color:#d5d5d5;
}
/*----------------------------------產品需求單--------------------------------------*/
#ProductsDemand {}
.productsDemand {}
/*---------------------------------------*/
.productsDemand .bannerImgBox {
	background-image:url(../images/pageBannerImg_Products.jpg);
}
.productsDemand .pathBox {}
.productsDemand .pathBox li {}
.productsDemand .pathBox li a {}
.productsDemand .pathBox li a:hover {}
/*-------------------------------------------------------------*/
.productsDemandBox {
	width:720px;
}
.productsDemandBox .formStyleBox_02 {}
.productsDemandBox .formSection {
	width:360px;
	float:left;
}
.productsDemandBox .formLabel {
	width:80px;
}
.productsDemandBox .formValue {
	width:255px;
}
/*----------------------------------------------*/
.productsDemandBox .formSection.no_02 {}
.productsDemandBox .no_02 .formLabel {}
.productsDemandBox .no_02 .formValue {}
.productsDemandBox .no_02 .formValue label {
	margin-right:30px;
}
.productsDemandBox .no_02 .formValue label input {
	margin-right:5px;
	vertical-align:-2px;
}
/*----------------------------------------------*/
.productsDemandBox .formSection.no_07 {
	width:720px;
	float:none;
	clear:both;
}
.productsDemandBox .no_07 .formLabel {}
.productsDemandBox .no_07 .formValue {
	width:615px;
}
.productsDemandBox .no_07 .formValue input {
	width:600px;
}
/*----------------------------------------------*/
.productsDemandBox .formSection.no_08 {
	width:720px;
	float:none;
}
.productsDemandBox .no_08 .formLabel {}
.productsDemandBox .no_08 .formValue {
	width:615px;
}
.productsDemandBox .no_08 .formValue select {}
/*----------------------------------------------*/
.productsDemandBox .formSection.no_09 {
	width:720px;
	float:none;
}
.productsDemandBox .no_09 .formLabel {}
.productsDemandBox .no_09 .formValue {
	width:615px;
}
.productsDemandBox .no_09 .formValue textarea {
	width:600px;
	height:100px;
}