
/*input, textarea, input[type='submit'], select {
    -webkit-appearance:none;
	border-radius:0;
	outline:none;
}
* {
	margin:0;
	padding:0;
}*/
html, body {
	margin:0;
	padding:0;
}
body {
	font-family:微軟正黑體,serif;
	font-size:16px;
	font-style:normal;
	font-weight:400;
	color:#303030;	
}
*::-moz-selection {
    background: #e8e8e8;
    text-shadow: none;
}
::selection { 
	background: #e8e8e8;
    text-shadow: none;
}
a, img {
	border:0 none;
	outline:none;
}
a, a:link, a:visited, a:focus, a:active, a:hover {
	text-decoration:none;
	color:#333;
	cursor:pointer;
}

h1, h2, h3, h4, h5, h6 { 
	font-family:"微軟正黑體 Helvetica Neue" Belwe Bk BT ;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
h1 { 
	font-size:20px; 
	margin-bottom:6px; 
}
h2 { 
	font-size:20px; 
	margin-bottom:8px; 
}
h3 { 
	font-size:15px;
	margin-bottom:8px;
}
h4, h5, h6 {
	font-size:13px;
	margin-bottom:0;
}
.subhead { 
	font-size:24px;
	font-style:"微軟正黑體 Helvetica Neue" Serifa ;
	letter-spacing:0.03em;
}
.lead { 
	font-family: "微軟正黑體",serif;
	font-size:26px;
	font-weight:400;
	letter-spacing:0.035em;
	line-height:33px;
	width:82%;
	margin:18px auto 20px;
}
.title-bar {
	margin-bottom: 40px;
}
.aligncenter {
	text-align: center;
}
.inner {
	width:940px;
	margin:0 auto;
}
.sw {font-size: 10px;
	 color: #dab866;
	 letter-spacing:0.03em;
}
	
/* splash */
#splash {
	height:100%;
	left:0;
	position:absolute;
	width:100%;
}
#splash .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-image:url(images/splash.jpg);
	visibility: inherit;
}
#splash .logoWrap {
	top: 5px;
	width:240px;
	height:167px;
	position:absolute;
	visibility:hidden;
}
#go_ind {
	display:block;
	width:333px;
	height:178px;
	background:url(images/btn-more.png) 0 0 no-repeat;
	text-indent:-9999em;
	position:absolute;
	bottom:0;
	left:0px;
	
}



/*scroll*/

		#makeMeScrollable
		{
			width:100%;
			height: 500px;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

/* nav */
#nav {
	width:100%;
	height:auto;
	border-bottom:1px solid #dab866;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9000;
	visibility:hidden;
	background:#ffffff;
}

#nav .inner {
	position:relative;
	height:120px;
	background:url(images/logo-nav.png) center center no-repeat;
}

#nav .left, #nav .right {
	width:380px;
	position:absolute;
	top:30px;
}
#nav .left {
	left:0px;
	text-align:right;
}
#nav .right {
	right:0px;
	text-align:left;
}

#nav2 {
	width:100%;
	height:120px;
	border-bottom:1px solid #dab866;
	position:fixed;
	margin:0 aoto;
	z-index:9000;
	background:#ffffff;	

}


/*#top_line{
	width:100%;
	height:30px;
	position:relative;*/

#logo_index {
	margin:0px auto;
	width:127px;
	height:90px;
	display:block;
	background:url(images/logo-nav.png) 0 0 no-repeat;
	text-indent:-9999em;
	position:relative;
	}

#logo_index2 {
	margin:0px auto;
	bottom:30px;
	width:127px;
	height:90px;
	display:block;
	background:url(images/logo-nav.png) 0 0 no-repeat;
	text-indent:-9999em;
	position:relative;
	}

#nav .left {
	left:0px;
	text-align:right;
}
#nav .right {
	right:0px;
	text-align:left;
}


/*#nav a {	
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:14px;
	line-height:86px;
	padding:2px 0;	
}
#nav a:hover, #nav a:active {
		border-bottom:2px border #303030;
	}
#nav .left a {
	margin-left:30px;	
}
#nav .right a {
	margin-right:30px;	
}*/
#homeBtn {
	display:block;
	position:absolute;
	width:84px;
	height:90px;
	text-indent:-9999em;
	top:15px;
	left:47%;
	padding:0;
	z-index:10px;
}
#homeBtn:hover {
	border-bottom:0 none!important;	
}
/* content */
#content {
	float:left;
	clear:both;
	width:100%;
}
#main {
	padding-top:50px;
}
#allproduct { 
	background-color: #962d2c;
	/*margin: 0px auto;*/
    padding: 220px;
}