@charset "utf-8";
body, .submit, select, input {
	margin:0px;
	padding:0px;
	font-family: 微軟正黑體;}
	
div,/* CSS Document */ dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
	margin:0;
	padding:0;
}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
a {
	text-decoration: none
}
body {
	margin:0px;
	padding:0px;
	background:#fffbd2;}

/*=============*/
img{vertical-align:top;}

#wrap{
width:100%;
margin:0 auto;}

#head{
background:url(images/head_B.jpg) no-repeat scroll center top transparent;}

.back{
width:100%;
background:url(images/head_0.jpg) repeat-x;
margin:0 auto;}

.child{
width:950px;
margin:0 auto;}


/*===menu==*/
a[name^="a"]{position:relative; top:-200px;}

.nav{
position:absolute;
margin:0 auto; 
width:950px; 
height:52px;
display:inline-block;
background:url(images/menu.jpg) no-repeat ;
top:0;}

.nav.stuck{
position:fixed;
z-index:996;
top:0px;}


#menu{
width:100%;
background:url(images/menu_B.jpg) no-repeat center top;}

.menu {
width:950px;
height:52px;
margin:0 auto;
background:url(images/menu.jpg);
position:relative;}

.menu ul{}

.menu li{
float:left;}

.menu li.m-0{
width:238px;
height:52px;
background-position:0 0px;}
.menu li.m-1{
width:85px;
background-position:-238px 0;}
.menu li.m-1:hover{
background-image:url(images/menu.jpg);background-position:-238px -52px;}
.menu li.m-1-1{
width:85px;
background-image:url(images/menu.jpg);background-position:-238px -104px;}
.menu li.m-2{
width:85px;
background-position:-301px 0;}
.menu li.m-2:hover{
background-image:url(images/menu.jpg);background-position:-323px -52px;}
.menu li.m-2-1{
width:85px;
background-image:url(images/menu.jpg);background-position:-323px -104px;}
.menu li.m-3{
width:85px;
background-position:-408px 0;}
.menu li.m-3:hover{
background-image:url(images/menu.jpg);background-position:-408px -52px;}
.menu li.m-3-1{
width:85px;
background-image:url(images/menu.jpg);background-position:-408px -104px;}
.menu li.m-4{
width:85px;
background-position:-493px 0;}
.menu li.m-4:hover{
background-image:url(images/menu.jpg);background-position:-493px -52px;}
.menu li.m-4-1{
width:85px;
background-image:url(images/menu.jpg);background-position:-493px -104px;}
.menu li.m-5{
width:135px;
background-position:-578px 0;}
.menu li.m-5:hover{
background-image:url(images/menu.jpg);background-position:-578px -52px;}
.menu li.m-5-1{
width:135px;
background-image:url(images/menu.jpg);background-position:-578px -104px;}
.menu li.m-6{
width:238px;
height:52px;
background-position:-713px 0;}

.menu li a{
display:block;
height:52px;
text-indent:-9999px;
overflow:hidden;}

.foot{
width:950px;
height:70px;
background:url(images/foot.jpg) no-repeat;
margin:0 auto;}

h3{
font-size:1.4em;
color:#7d0104;
height:81px;
line-height:81px;
padding-left:90px;
margin:60px 25px 5px 25px;}


/*===content==*/
#content{
width:950px;
margin:0 auto;
background:#ffffff;
padding-top:10px;
position:relative;}

#content ul{
margin:0 10px;
padding:10px;}

#content li{
min-height:80px;
padding:10px;
display:block;
border-bottom: 1px dotted #e0b5a3;
clear:right;
font-size:0.9em;
color: #434343;}

#content li:last-child {
border-bottom:none;}

#content li:hover{}

#content li a{
display: block;
color: #434343;}

#content li a strong{
font-size: 1.4em;
font-weight: bold;
color: #ff3854;
margin: 2px 0;}

#content li a strong:hover{
color:#ff1823;}

/*====side====*/
#side{
float:left;
margin-left:10px;
padding-top:10px;
width:235px;
background:#ffe3d2;
position:absolute;top:10px;bottom:0;}

#side p{
font-size:0.9em;
line-height:22px;
margin-left:5px;}

#side img{
text-align:center;
margin-bottom:5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}

#side ul, #side li{
margin:0;
padding:8px;}

#side li{}

#side h6{
width:200px;
padding-left:5px;
background:#ff788b;
color:#FFFFFF;
font-size:1.1em;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

/*===push==*/
.push{
clear:right;
padding-bottom:10px;}

.push ul{
height:220px;
line-height:28px;
background:#ffe3d2;
position:relative;}

.push li:hover{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:200px;
background:#fff2ea;}

.push h5 {
font-size: 1.6em;
font-weight: bold;
color: #ff3854;}

.push .pic{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin:0 15px 0 5px;}

.push .price{
clear:left;
color:#ff3854;
font-size:1.4em;
bottom:15px;
right:18px;
position:absolute;}

/*===pro==*/
.pro, .push{
margin-left:245px;}


.text{
width:550px;}

.pro .into{
float:right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fd4c65;
font-size:1.2em;
padding:7px;
color:#FFFFFF;
margin-top:15px;}

.pro .into:hover{
background:#ff0f31;}

em{
color:#1fa795;
font-weight:bolder;}

/*===other==*/
.bcolor{
background:#ffe3d2;}

.space{
height:300px;}

.space2{
height:80px;}


/*===top==*/
.scroll2top:link, .scroll2top:visited{background:url(images/top.png) no-repeat 0 0; height:75px; width:90px; margin-left:915px; bottom:0px;}
.scroll2top:hover{background:url(images/top.png) no-repeat 0 -80px;}