@charset "utf-8";
html,body{
	font-family: "微軟正黑體", sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/index/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
::-moz-selection { /* Code for Firefox */ color:#FFF; background:#60ceff;}
::selection { color:#FFF ; background:#60ceff;}
.main{
	width: 960px;
	height: 800px;
	background: url(../images/index/bg.gif) top center no-repeat;
	margin: 0 auto;
	position: relative;
}
.main h1{
	display: block;
	width: 500px;
	height: 266px;
	text-indent: -9999px;
	position: absolute;
	top: 130px;
	right: 20px;
	background-image: url(../images/index/title.gif);
}
.main h2{
	display: block;
	width: 500px;
	height: 136px;
	background: url(../images/index/index_txt.png);
	text-indent: -9999px;
	position: absolute;
	top: 400px;
	right: 0px;
}
.main h3 {
	display: block;
	width: 187px;
	height: 182px;
	position: absolute;
	top: 530px;
	right: 15px;
	background-image: url(../images/index/index_data.png);
	background-repeat: no-repeat;
}
.main .bbtn{
	width: 120px;
	height: 32px;
	border-radius: 10px;
	position: absolute;
	top: 550px;
	left: 470px;
	background-color: #814EB8;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	padding-top: 10px;
	text-align: center;
}
.main .bbtn:hover{
	background-color: #8E61C0;
	color: #FF0;
}
.main .bbtn1{
	width: 120px;
	height: 32px;
	border-radius: 10px;
	position: absolute;
	top: 550px;
	left: 600px;
	background-color: #814EB8;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	padding-top: 10px;
	text-align: center;
}
.main .bbtn1:hover{
	background-color: #8E61C0;
	color: #FF0;
	}	
.copyright .illname{
	color: #666;
	position: absolute;
	bottom: 25px;
	width: 280px;
	font-size: 13px;
	font-weight: bold;
	left: 15px;
}
.copyright .tel{
	color: #666;
	position: absolute;
	bottom: 5px;
	width: 280px;
	font-size: 13px;
	font-weight: bold;
	left: 15px;
	bottom: 0px;
}
.copyright .copy1{
	position: absolute;
	top: 700px;
	left: 410px;
	width: 152px;
}
.copyright .copy1 p{ padding-right:3px;}
.copyright .copy2{
	position: absolute;
	top: 741px;
	left: 410px;
	width: 545px;
}
.copyright .copy3{
	position: absolute;
	top: 784px;
	left: 410px;
	width: 545px;
}
.copyright .copy4{
	position: absolute;
	top: 820px;
	left: 410px;
	width: 545px;
}
.copyright > div p{font-size:13px; line-height:40px; float:left;}

/* ==========================================================================
Delay
========================================================================== */
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.delay-35s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

@media screen and (mix-width: 1024px) {
	.delay-35s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
	}
	.copyright .illname{ color:#FFF; position:absolute; right:880px; bottom:10px; width:90px; font-size:13px; font-weight:bold; line-height:18px;
	}
}