@charset "utf-8";

html,body{
	font-family: Georgia,"新細明體",serif;
	font-size: 10px;
	line-height: 170%;
	background-color: #fff;
}

.wrap{
	width: 1170px;
	height: 600px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background: url(../images/back03.jpg) left top #E2D074;
}
header{
	/*overflow: hidden;
	height: 500px;*/
}
.titlebox01{
	position: absolute;
	top: -6%;
	left: 15%;
}
.titlebox02{
	position: absolute;
	top: -6%;
	right: 23%;
}
.titlebox03{
	position: absolute;
	bottom: 20%;
	left: -4%;
}
.titlebox04{
	position: absolute;
	top: 12%;
	left: -4%;
}
.mark{
	position: absolute;
	top:6%;
	right:5%;
}
/*內頁內容*/
.mind01{
	position: absolute;
	top: 50%;
	left: 3%;
	width: 25%;
}
.mind02{
	position: absolute;
	top: 20%;
	right: 3%;
	width: 25%;
}
.core01{
	/*font-family: Verdana, Geneva,'Apple LiGothic Medium', '微軟正黑體', 'Microsoft JhengHei', sans-serif;*/
	position: absolute;
	top: 20%;
	right: 30%;
	width: 250px;
}
.core01 h3{
	background: url(../images/text01.png) left top no-repeat;
	text-indent: -9999px;
	height: 38px;
	margin-bottom: 10px;
}
.core01 li{
	margin-bottom: 5px;
	list-style: disc;
	list-style-position:inside;
	letter-spacing: 2px;
}
.core02{
	position: absolute;
	top: 60%;
	left: 33%;
	width: 355px;
}
.core02 h3{
	background: url(../images/text02.png) left top no-repeat;
	text-indent: -9999px;
	height: 38px;
	margin-bottom: 10px;
}
.core02 li{
	margin-bottom: 5px;
	letter-spacing: 2px;
}

.dogood01{
	position: absolute;
	top: 26%;
	left: 10%;
	width: 10%;
}
.dogood02{
	position: absolute;
	top: 15%;
	left: 38%;
}
.dogood03{
	position: absolute;
	bottom:20%;
	right: 10%;
	width: 10%;
}
.serve{
	position: absolute;
	top: 26%;
	left: 23%;
}
.serve h3{
	background: url(../images/text03.png) left top no-repeat;
	text-indent: -9999px;
	height: 38px;
	margin-bottom: 10px;
}
.serve li{
	margin-bottom: 5px;
	list-style: disc;
	list-style-position:inside;
	letter-spacing: 2px;
}
.point{
	position: absolute;
	bottom: 17%;
	left: 20%;
}
.point h3{
	background: url(../images/text04.png) left top no-repeat;
	text-indent: -9999px;
	height: 38px;
	margin-bottom: 10px;
}
.point img{
	width: 80%;
}
.textbox{
	width: 550px;
  	position: absolute;
  	top: 20%;
  	left: 27%;
}
.textbox p{
	font-size: 1.3rem;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.bikemen{
	position: absolute;
	bottom: 12%;
  	width: 18%;
  	left: 5%;
}
.guitar{
	position: absolute;
	bottom: 10%;
  	width: 17%;
  	right: 2%;
}
.cloud_bread{
	position: absolute;
  	top: 10%;
  	width: 8%;
  	left: 53%;
}

/*=============輪播===============*/
#slidebox{
	width: 600px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#slidebox .slide{
	position: absolute;
	width: 9999px;
	height: 100%;
}
#slidebox .slide li{
	float: left;
	width: 600px;
	height: 100%;
}
#slidebox .slide img{
	width: 100%;
	height: 100%;
}
#slidebox .control {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 10px;
}
#slidebox .control li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 1px;
	background: url(../images/dodo.png) no-repeat 0 -11px;
}
#slidebox .control li.on {
	background-position: 0 0;
}
/*=============輪播===============*/
.slidearea{
	position: absolute;
	top:21%;
	left:30%;
}
.treebobo{
	position: absolute;
	top: 8%;
	left: 14%;
	width: 25%;
	z-index: 5;
}
/*內頁內容*/

footer{
	/*clear: both;*/
	position: absolute;
	bottom: 5%;
	width: 100%;
}
footer p{
	font-family: Times New Roman;
	font-weight: normal;
	color: #686868;
	margin-left: 50px;
	/*letter-spacing:1px;*/
}
.gohome{
	float: right;
	font-weight: normal;
	margin-right: 50px;
}
.gohome a{
	color: #686868;
	text-decoration: underline;
}
.gohome a:before{
	content: url(../images/blacknike.png) no-repeat;
	display: inline-block;
}

/*  ------------------------clearfix------------------------  */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
	overflow: visible;
}