#mainMenu a {
	color: #C28600;
}



body{
	margin: 0px;
	padding: 0px;
	font-family: 微軟正黑體,Microsoft JhengHei,新細明體,PMingLiU,細明體,MingLiU,標楷體,DFKai-sb,serif;
	font-size: 1em;
}
/*layout*/
.clear{	clear: both;}
.pull-left { float:left;}
.pull-right { float:right;}

/*top-menu*/
#top-menu a{ color:#fff; font-size:12px; line-height:25px;}
#top-menu .pull-left a { background-color:#535353; padding:0 25px; display:inline-block;}
#top-menu .pull-right a:not(last-child) { margin-right:15px;}
#top-menu a#icon-cart { background:url(../images/cart.jpg) no-repeat left center; padding-left:22px;}

#wrapper{
	width:980px;
	margin:0 auto;
}
.main { width:980px; margin:0 auto;}

#header{
	position: relative;
	float: left;
	width:980px;
	height: 140px;
	margin-bottom:10px;
}
#logoTop{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#top{
	position: relative;
	float: left;
	width:980px;
	height: 100px;
	margin-bottom:10px;
}
#top .pull-right img { height:28px; width:auto;}
#top a+a { margin-left:5px;}
#top .pull-right { margin-top:50px;}
#top form { float:left;}
#top input[type="text"] {
    width: 178px;
    height: 21px;
	padding:3px;
	font-size:12px;
	color:#959595;
}

#top input[type="submit"] {
    margin-left: -30px;
	margin-right:10px;
    height: 24px;
    width: 30px;
	background:url(../images/search1.jpg) no-repeat center center;
	text-indent: -99999px;
	border:none;
}
#accountBox{
	position: absolute;
	top:57px;
	right: 0px;
}

#accountBox li{
	float: left;
	width: 47px;
	height: 62px;
	height: 23px;
	padding: 0 5px;
	font-size: 0;
	transition:.3s;
}

#accountBox li:hover{
	opacity: 0.75;
}

/*#accountBox a:first-child li img{
	position: relative;
	top:3px;
}

#accountBox a:last-child li{
	border-right:0;
}*/

#banner_s{
	position: absolute;
	bottom:5px;
	right: 0px;
}

#number{
	position: absolute;
	bottom: 15px;
	right: 360px;
	color: #a67c52;
}

#mainMenu{
	width:100%;
	color:#505050;
	text-align:center;
}
#mainMenu a {
	color:#505050;
	font-size:18px;
}
#mainMenu li{
	position: relative;
	display:inline-block;
	padding:5px 15px;
	text-align:center;
}
#mainMenu li+li:before { content:"|"; padding-right:30px;}
#mainMenu li a img:last-child{
	position: absolute;
	top:0;
	right: 0;
	transition:.3s;
}
#mainMenu li a img:last-child:hover{
	opacity: 0;
}

#mainMenu li:hover div.table{
	display: table;
}

#mainMenu .table a{ font-size:12px; color:#C28600;}
.table{
	display: none;
	position: absolute;
	top:32px;
	left: auto;
	width:360px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #aaa;
	background: #fff;
	font-size: 0.8em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	z-index: 9999;
}

.table2{
	display: none;
}

.table-colspan{
	display: table-caption;
	position: relative;
	width: 90%;
	padding: 5px 5%;
	float: left;
	height: 27px;
	line-height: 30px;
	color: #000;
	border-bottom: #000 1px dotted;
}

.table-row{
	display: table-row-group;
	height: 27px;
	line-height: 27px;
}

.table-cell,.table-cell a{
	display: table-cell;
	height: 27px;
	line-height: 27px;
	padding-left:5px;
	color: #C28600;
}



#search{
	float: left;
	width:980px;
	padding: 5px 0;
	line-height: 30px;
}

#search input{
	float: left;
}

#searchBTN{
	float: left;
	width:60px;
	height: 23px;
	background: url("../images/search.jpg");
	margin-left: 8px;
	cursor: pointer;
}

#award{
	float: left;
	width: 980px;
	height: 49px;
	padding: 10px 0;
}

#award img{
	float: left;
	margin-right: 35px;
}

#footer{
	clear: both;
	width: 100%;
	height: 165px;
	padding:25px 0;
	border-top:2px solid #bfbfbf;
}

#footerArea{
	position: relative;
	width: 980px;
	height: 165px;
	margin:0 auto;
	background: url("../images/footerLogo.png") top left no-repeat;
}
#footerArea #qr-code { width:330px; float:right;}
#footerArea #qr-code img { width:100%; height:auto; margin-bottom:5px;}
#footerArea #qr-code div { float:right; width:110px; height:auto; text-align:center;}

#adress{
	position: absolute;
	top:0;
	right: 0;
	height: 55px;
	line-height: 55px;
	color:#4d4d4d;
}


#contactList{
	position: absolute;
	top:50px;
	left: 0px;
}

#contactList li{
	color: #000;
	line-height: 20px;
}

#footer{
	font-size: 12px;
}

#footer a {
	color: #000;
}

#footerMenu01{
	float: left;
	width: 180px;
	margin-left: 225px;
	margin-top: 15px;
}

#footerMenu01 li{
	float: left;
	width: 90px;
	margin-bottom:5px;
}

#footerMenu02{
	float: left;
	width: 220px;
	margin-left: 25px;
	margin-top: 15px;
}

#footerMenu02 li{
	float: left;
	width: 110px;
	margin-bottom:3px;
}

li.titleList{
	font-size: 20px;
	width: 220px !important;
	margin-bottom:5px;
}

#bottom{
	position: absolute;
	top: 100px;
	left: 0px;
}

/*command*/

#page{
	clear: both;
	width:100%;
	text-align: center;
	font-size: 0.7em;
	padding-top: 25px;
}

#page li{
	display: inline-block;
	padding: 2px 5px;
	margin: 0 2.5px;
	cursor: pointer;
}

#page li.pageBTN{
	border:#000 1px solid;
}

#page li.sum{
	display: block;
	margin-top: 5px;
}

#menuSelect{
	display:none;
}





.Cursor{
	cursor:pointer;
}

#subbox{
	margin-top: 25px;
}

#subbox li{
	float: left;
	margin-right: 15px;
	height: 35px;
	color: #000;
}

#subbox li img{
	margin-right: 5px;
}

#subbox li a{
	color: #000;
}

/*bg*/
.bg-gray { background-color:#959595;}

