@charset "utf-8";
body,div,h1,h2,h3,h4,h5,a,table,tr,td,ul,ol,li,p {
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體", "標楷體", sans-serif;
	
}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
body {
	background-image: url(../images/bgimage.jpg);
}

#wrapper {
	position: relative;
	height: 2750px;
	width: 100%;
}
#redarrow {
	position: absolute;
	z-index: 50;
	height: 26px;
	width: 20px;
	top: 410px;
	right: 20px;
}

#wrapper #bannershadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 19px;
	width: 100%;
	position: absolute;
	z-index: 30;
	left: 0px;
	top: 500px;
}
#wrapper #ordershadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 19px;
	width: 100%;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 950px;
}
#wrapper #dabaishadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 19px;
	width: 100%;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 950px;
}
#wrapper #pieappleshadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 19px;
	width: 100%;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 950px;
}
#wrapper #mapshadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 19px;
	width: 100%;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 950px;
}





#banner {
	background-color: #F00;
	height: 500px;
	width: 100%;
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
	background-image: url(../images/bgimage.jpg);
	text-align: center;
}
#wrapper #banner #bannerwrapper {
	height: 500px;
	width: 950px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
}
#wrapper #banner #bannerwrapper #facebooklike {
	position: absolute;
	z-index: 53;
	left: 0px;
	top: -15px;
}



#wrapper #banner #leftbanner {
	height: 400px;
	width: 425px;
	margin-top: 10px;
	float: left;
}

#wrapper #banner #rightbanner {
	height: 400px;
	width: 500px;
	float: right;
	margin-top: 10px;
	background-image: url(../images/bannerbg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#wrapper #banner #bannerwrapper #rightbanner #rightbannerin {
	height: 367px;
	width: 484px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: 10px;
}




#orderform {
	height: 450px;
	width: 100%;
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 450px;
	background-image: url(../images/bgimage2.jpg);
	background-position: left top;
}
#wrapper #orderform #orderformwrapper {
	margin: auto;
	height: 448px;
	width: 948px;
	border: 1px solid #FFF;
}
#wrapper #orderform #orderformwrapper #orderleft {
	float: left;
	height: 400px;
	width: 425px;
}
#wrapper #orderform #orderformwrapper #orderformright {
	float: right;
	height: 400px;
	width: 480px;
	margin-top: 30px;
	background-image: url(../images/orderformrightbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	position: relative;
}
#wrapper #orderform #orderformwrapper #orderconfirm {
	background-image: url(../images/bgimage2.jpg);
	background-repeat: repeat;
	background-position: left top;
	height: 400px;
	width: 500px;
	position: absolute;
	left: -8px;
	top: -450px;
	border: 1px solid #000;
	z-index: 10;
}
.myclosestyle {
	font-weight: bold;
	color: #09F;
}
.myclosestyle:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}


#wrapper #orderform #orderformwrapper #orderconfirm h1 {
	height: 390px;
	width: 480px;
	background-image: url(../images/thanks.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	font-size: 25px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 39px;
	text-align: justify;
	text-justify: distribute;
	font-weight: bold;
}



#wrapper #orderform #orderexplain {
	height: 400px;
	width: 500px;
	position: absolute;
	left: -449px;
	top: 30px;
	z-index: 38;
}




#dabai {
	height: 450px;
	width: 100%;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 900px;
	background-image: url(../images/bgimage3.jpg);
}
#wrapper #dabai #dabaiwrapper {
	margin: auto;
	height: 450px;
	width: 950px;
}

#wrapper #dabai #dabaiwrapper #dabaileft {
	float: left;
	height: 420px;
	width: 375px;
	text-align: center;
	padding-top: 30px;
	padding-left: 50px;
	background-image: url(../images/dabaileftbg.png);
	background-repeat: no-repeat;
	background-position: center 200px;
}
#wrapper #dabai #dabaiwrapper #dabaileft h2 {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	color: #FFF;
	font-size: 25px;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}
#wrapper #dabai #dabaiwrapper #dabaileft h3 {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #FFF;
	text-align: justify;
	text-justify: distribute;
	letter-spacing: 0.3em;
}


#wrapper #dabai #dabaiwrapper #dabairight {
	float: right;
	height: 430px;
	width: 500px;
	text-align: center;
	padding-top: 20px;
	position: relative;
}
#wrapper #dabai #dabaiwrapper #dabairight #movebox {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 400px;
	width: 251px;
}





#pieapple {
	height: 450px;
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 1300px;
	background-color: #FF0000;
	background-image: url(../images/bgimage.jpg);
}
#wrapper #pieapple #pieapplewrapper {
	margin: auto;
	height: 447px;
	width: 950px;
	text-align: center;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #CCC;
}
#wrapper #location #locationwrapper {
	margin: auto;
	height: 450px;
	width: 1000px;
	background-image: url(../images/mapbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	position: relative;
}
#wrapper #location #locationwrapper #maptitle {
	position: absolute;
	height: 90px;
	width: 316px;
	left: 0px;
	top: 300px;
}


td {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	color: #FFF;
	font-size: 20px;
	padding-bottom: 20px;
}
.formtitle {
	font-size: 30px;
}
.buttonstyle {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	color: #FFF;
	font-size: 16px;
	background-color: #900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CA0000;
	border-right-color: #640000;
	border-bottom-color: #640000;
	border-left-color: #CA0000;
	height: 40px;
	width: 80px;
}
.buttonstyle:hover {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	color: #FFF;
	font-size: 16px;
	background-color: #900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #640000;
	border-right-color: #CA0000;
	border-bottom-color: #CA0000;
	border-left-color: #640000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	cursor: pointer;
}
#location {
	height: 450px;
	width: 100%;
	background-color: #F0F;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 1700px;
	background-image: url(../images/bgimage2.jpg);
}
#footer {
	height: 300px;
	width: 100%;
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 60px;
}
#wrapper #footer h4 {
	margin-top: 5px;
}

#wrapper #footer ul {
	list-style-type: none;
}
#wrapper #footer ul li {
	display: inline;
}
#wrapper #footer ul li a {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	margin-right: 20px;
}
#wrapper #footer ul li a:hover {
	font-family: "微軟正黑體", "新細明體", "標楷體", sans-serif;
	font-size: 16px;
	color: #999;
	text-decoration: none;
}