@charset "utf-8";

body,html{
	font-family: Georgia,"新細明體", PMingLiU,serif;
	font-size: 10px;
	line-height: 170%;
	background: url(../images/back02.jpg) center top;
}

.row{
	width: 1170px;
	margin: 0 auto;
}
.flo{
	position: relative;
}

/*首頁*/
header h1{
	text-indent: -9999px;
	background: url(../images/LOGO.png) center top no-repeat;
	height: 100px;
	margin: 20px 0 10px;
}
.slogin_c{
	text-align: center;
}
.slogin_c li{
	display: inline-block;
	font-size: 1.8rem;
	letter-spacing:0px;
	color: #525252;
	font-weight: 700;
	position: relative;
	padding: 0 20px;
}
.slogin_c li:after{
	content:"/";
	display:block;
	position:absolute;
	z-index:10;
	top:0;
	right:-6px;
	color:#525252;
}
.slogin_c li:last-child:after{
	content: " ";
	display:block;
}

.slogin_e{
	text-align: center;
}
.slogin_e li{
	display: inline-block;
	color: #A0A0A0;
	position: relative;
	padding: 0 6px;
}
.slogin_e li:after{
	content:"/";
	display:block;
	position:absolute;
	z-index:10;
	top:0;
	right:-6px;
	color:#A0A0A0;
}
.slogin_e li:last-child:after{
	content: " ";
	display:block;
}

.mainblock{
	background: url(../images/index00/leef.gif) right top no-repeat;
	height: 1380px;
}
.navigation{
	position: absolute;
	top:10%;
	left: 18%;
}
.navb{
	overflow: hidden;
	width: 400px;
	padding-top:25px; 
}
.navb li{
	float: left;
	margin-right: 25px;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	-ms-text-combine-horizontal:digits 2;
}
.navb a{
	font-size: 2.2rem;
	color: #525252;
	font-weight: 700;
	position: relative;
}
.navb a:hover{
	color: #999;
}
.navb a:hover:before{
	content: url(../images/rednike.png);
	display: inline-block;
	position: absolute;
	top: -25px;
}
.navb .smalltext{
	font-size: 1rem !important;
	font-weight: normal;
}
/*動畫*/
.cloud{
	position: absolute;
	top: 2%;
	right: 28%;
}
.kite{
	position: absolute;
	top: 10%;
	right: 32%;
	width: 10%;
}
.main02{
	position: absolute;
	top: 41%;
	right: 0;
	width: 26%;
}
.main02text{
	position: absolute;
	font-size: 13px;
	line-height: 190%;
	/*top:52%;
	right:6%;*/
	top: 51%;
  	right: 13%;
}
.main03{
	position: absolute;
	bottom: 27%;
	left: 0;
	width: 26%;
}
.main03text{
	position: absolute;
	font-size: 13px;
	line-height: 190%;
	bottom: 18%;
	left: 4%;
}
.main04{
	position: absolute;
	bottom: 0;
	right: 19%;
	width: 20%;
}
.main04text{
	position: absolute;
	font-size: 13px;
	line-height: 190%;
	bottom: 5%;
	/*right: 4%;*/
	right: 11%;
}

footer {
	clear: both;
	background: url(../images/index04/footer.gif) center top no-repeat;
	height: 415px;
}
.footblock{
	height: 415px;
	overflow: hidden;
	margin-bottom: 20px;
}
.foot01{
	position: absolute;
	top: 20%;
	left: 12%;
	width: 35%;
}
.foot02{
	position: absolute;
	bottom: 5%;
	left: 24%;
}
.foot03{
	position: absolute;
	top: 15%;
	right: 18%;
	width: 19%;
}
.contact{
	position: absolute;
	top: 24%;
	right: 0;
	background: url(../images/talkbox.png) center top no-repeat;
	width: 280px;
	height: 220px;
}
.contact p{
	color: #525252;
	margin: 93px 0 0 45px;
}
.copyright{
	font-family: Times New Roman;
	color: #686868;
	margin-bottom: 30px;
}
.gotop{
	font-family: Times New Roman;
	float: right;
}
.gotop a{
	color: #686868;
}
/*  ------------------------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;
}