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

/*Common Set*/
body
{
	font-size: 16px;
	margin: 0px;
	text-decoration: none;
	line-height: 200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	 -webkit-text-size-adjust: 100%;
	background-color:#99CCCC;
}	
a{
	 color:#000000;
	 text-decoration:none;
}
/*ipad或iphone會默認電話可撥自動加連結而改變樣式/所以在這加上這段*/
a[href^=tel]{ color: inherit; text-decoration: none; }

button{
	outline:none;
}
	
	
input,textarea,select,button,submit{
	font-size:16px;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",Arial,taipei, Helvetica, sans-serif;
}
input,textarea{
	padding-left:5px;
}
/*表單藍框問題*/
input:focus,textarea:focus{outline:none;}

ul{
	padding:0;
	margin:0;
	list-style:none;
}
.input_big{
	width:20px;
	height:20px;
}
.input_100{
	width:95%;
}


/* 解決浮動的CLEARFIX */
.cssfix:before, .cssfix:after { 
   content: "";
   display: table; 
}
.cssfix:after {
   clear: both; 
}
.cssfix { 
   zoom: 1; /* IE6&7 */ 
}

/*login*/
#login_head{
	height:60px;
	background-color:#800000;
	color:#ffffff;
	display:block;

}
#pc_head{
	display:block;
}
#mobile_head{
	display:none;
}
	.big_h1{
		font-size:30px;
		font-weight:bold;
		padding-left:20px;
			line-height:60px;
	}
	#login_cart{
		border-right:1px #888888 solid;
		margin-top:10px;
		margin-bottom:10px;
				padding-right:10px;
	}
	#login_cart a{
		color:#FFFFCC;
	}

	#login_member{
			margin-top:10px;
		margin-bottom:10px;
		
	}
#login_kind{
	max-width:1280px;
	
	width:100%;
	line-height:50px;
	text-align:center;
	font-size:13px;
	color:#808080;
	margin:0 auto;
}	
  .slide-box{
            display: -webkit-box;
            overflow-x: scroll;
            -webkit-overflow-scrolling:touch;
        }
        /*去掉滾動條*/
        .slide-box::-webkit-scrollbar{
            width:0; 
            height:0; 
            display: none;
        }
           .slide-item{
            width: 70px;
            height: 50px;
         
            margin-right: 10px;
        }
#login_cf{
	display:block;
}
#login_cf2{
	display:none;
}

#login_main{
 	margin:20px auto;
 	max-width:1280px;
	text-align:center;
	
	line-height:30px;
}
	#login_member2{
		display:none;
		
	}
	#product_area{
		margin-top:20px;
		
		
	}
	.product_box{
	display:inline-block;
	width:22.5%;
	margin:1%;
	float:left;
	
	}
	.product_box img{
	width:100%;
		}
#login_footer{
	height:60px;
	background-color:#800000;
	color:#ffffff;
	padding:30px;
	display:block;
	text-align:center;

}
/*top*/
#top{
		display:block;
		height:70px;
		position:fixed;
		top:0px;
		z-index:99;
		width:100%;
		background-color:#FFFFFF;
		/*padding-top:10px;
		padding-bottom:10px;*/
		border-bottom:1px #cccccc solid;
	
}
	#header{
		display:block;
		height:70px;
		
	background-color:#FFFFFF;
	
	}
#logo {
		display:block;
		color:#333333;
		height:70px;
		margin:0 auto;
			 
		}
		#logo a{
			text-decoration:none;
			
		}
		
			#logo_1{
				font-size:35px;
				line-height:70px;
				float:left;
				padding-left:20px;
			}
			
			#menu_area{
				font-size:20px;
				width:400px;
				padding-right:40px;
				float:right;

			}
			#sitem1{
			width:100px;
			line-height:70px;
			text-align:right;
			float:right;
			}
			#sitem1 a{
			color:#800000;
			}
			#sitem2{
			width:100px;
			line-height:70px;
			text-align:right;
			float:right;
			color:#336699;
			}

	#a_menu{
		display:none;	
		}	
	
	#cell_menu{
	display:none;	
		}	
	

		

/*c*/
#c_area{
	
	
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


#web{
	
	padding-top:70px;
	height:89%;
	
	display:block;
	position:relative;

	/*因為#TOP是FIXED等於漂浮在上, 所以BODY的DIV從#WEB開始算,上面200PX的部分會被#TOP遮住,
	 所以要加上MARGIN-TOP:200PX,把DIV往下移
	 不可使用 TOP:200PX,雖然對#WEB本身沒有影響
	 但會使#WEB下面DIV的把#WEB當作FIXed狀態而自動往上移,然後被#WEB遮住*/
}
#b_area{
		padding-top:20px;
		padding-bottom:20px;
	
		background-color:#9FC0C4;
		
		position:fixed;
		padding-left:20px;
		display:block;
		min-height:100%;
		width:200px;
		left:0;
		top:70px;
		
		height:100%;
		z-index:5;
		
		
		
	}
		#b_menu{
			width:180px;
					
			
		}
		.b_sub{
			display:block;
			background-color:#5e7b7c;
			
			text-align:center;
			color:#FFFFFF;
			border-radius:10px;
			margin-bottom:15px;
		}
		.b_sub a{
			line-height:40px;
			height:40px;
			text-decoration:none;
			 		
			color:#FFFFFF;
			width:180px;
			display:block;
			letter-spacing:2px;
		
		}
		.b_sub a:hover{
			background-color:#666666;
			
			border-radius:10px;
			display:block;
			line-height:40px;
			width:180px;
			height:40px;
			
		}

#mainarea{
		padding-top:20px;
		padding-left:30px;
		padding-right:20px;

		min-height:100%;
		width:75%;
		display:block;
		left:230px;
		top:70px;
		position:absolute;
	
		padding-bottom:40px;
		background-color:#99CCCC;

	
}
		#menu_title{
			margin-bottom:20px;
			font-size:25px;
			letter-spacing:2px;
		}
		#content{
			
			height:auto;
			min-height:100%;
			width:100%;
		}

		/*電腦版*/
		#list_content{
			
			height:auto;
			min-height:100%;
			width:100%;
		}
		/*手機板*/

		#list_content2{
		display:none;
		}

		.table_title{
			background-color:#669999;
			color:#FFFFFF;
		}
		.table_td{
			background-color:#DFEDEF;
			color:#336666;
		}
		.table_title2{
			
		background-color:#0099CC;
			color:#FFFFFF;
		}
		.table_td2{
		background-color:#CCFFFF;
		color:#336699;
		
		
		}
		.table_title3{
		
		background-color:#FFCC00;
		color:#333333;
		}
		.table_td3{
	
		background-color:#FFFFCC;
		color:#336699;
		
		
		}
		.table_title4{
		
		background-color:#666666;
		color:#FFFFFF;
		}
		.table_td4{
	

		background-color:#CCCCCC;
		color:#336699;
		
		
		}
		.table_title5{
		
	
		background-color:#ECE29F;
		color:#663300;
	
		}
		.table_td5{
			background-color:#ffffff;
		color:#663300;
	
		}


/*index*/


	
	
/*common*/


/*page number*/
.pagination a, .pagination a:link, .pagination a:visited {
	color:#265827;
	padding:3px 5px;
	background:#ffffff;
	border:1px solid #ccc;
	TEXT-DECORATION: none;
}
.pagination a:hover {
	color:white;
	background:#567556;
	border:1px solid #567556;
}
.pagination span {
	padding:4px 6px;
}
.pagination a span {
	font-size:inherit;
	display:none;
	visibility:hidden;
}
.pagination span.disable {
	padding:3px 5px;
	border:1px solid #eee;
	color:#ffffff;
	background:#999999;
}
/*other*/

.button_01{
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#FF9900;
	border:#FFFFFF 1px solid;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;	box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	letter-spacing:2px;
}
.button_02{
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666666;
	border:#FFFFFF 1px solid;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;	box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	letter-spacing:2px;
}
.button_03{
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#669966;
	letter-spacing:2px;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;	box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px solid;
}
.button_04{
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;	box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px solid;
}
.button_05{
	font-size:16px;
	line-height:25px;
	border-radius:5px;/*圓角*/
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#CC3333;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:2px;
	border:#FFFFFF 1px solid;
}
.button_06{
	font-size:16px;
	line-height:25px;
	border-radius:5px;/*圓角*/
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	
	background-color:#336699;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:2px;
	border:#FFFFFF 1px solid;
}

.button_07{
	font-size:16px;
	line-height:25px;
	border-radius:5px;/*圓角*/
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;

	background-color:#006666;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:2px;
	border:#FFFFFF 1px solid;
}


/*common  css*/