@import url("reset.css");
html,body{ background: url(../images/index/bg.gif) top center no-repeat #90c31f; font-family:"微軟正黑體", sans-serif;}
::-moz-selection { /* Code for Firefox */ color:#FFF; background:#60ceff;}
::selection { color:#FFF ; background:#60ceff;}
.main{ width:960px; height:770px; background:url(../images/index/bg.gif) top center no-repeat; margin:0 auto; position:relative;}
nav .logo{ position:absolute; top:25px; left:19px;}
nav .menu{ position:absolute;left:148px; top:15px;}
nav .menu > li{ display:block;width:135px;height:60px;float:left; z-index:200;}
nav .menu > li >  a{ display:block; color:#FFF; text-decoration:none; font-size:16px;  line-height:24px; font-weight:bold; width:135px; height:47px; text-align:center; padding-top:18px;}
nav .menu > li >  a.about{ padding-top:8px; height:57px; }

nav .menu > li >  a:hover{ color:#e4007f; background:url(../images/index/navbg.png); padding-top:10px; height:55px;}
nav .menu > li >  a.act:hover,nav .menu > li >  a.actd{ background:url(../images/index/li_act.png) top center no-repeat; color:#e4007f;padding-top:10px; height:55px;}
nav .menu > li >  a.about:hover{ line-height:18px; background:url(../images/index/navbg_about.png); }
nav .menu li ul{ position:absolute; width:855px; height:57px; background:url(../images/index/li_actbg.png);left:-100px; top:53px; z-index:10; display:none; padding-left:10px;}
nav .menu li ul li{ float:left; display:block; height:57px; padding:0 5px; }
nav .menu li ul li a{ font-size:14px; font-weight:bold; line-height:56px;color:#262626; text-decoration:none;}
nav .menu li ul li a span{ display:block; width:21px; height:21px; float:left; background:url(../images/index/icon.gif); color:#FFF; line-height:21px; margin:17px 5px 0 0; text-align:center; font-size:18px;}
nav .menu li ul li a:hover{ color:#e40280;}
nav .share{ position:absolute; top:30px; left:830px;}
nav .share a{ display:block; width:28px; height:28px; text-indent:-9999px; background:url(../images/index/share.png); float:left; margin:0 2px;}
nav .share a.fb{ background-position:0 0;}
nav .share a.plurk{ background-position:-33px 0;}
nav .share a.google{ background-position:-65px 0;}
nav .share a.fb:hover{ background-position:0 -28px;}
nav .share a.plurk:hover{ background-position:-33px -28px;}
nav .share a.google:hover{ background-position:-65px -28px;}



.main h1{ display:block; width:565px; height:118px; background:url(../images/index/title.png); text-indent:-9999px; position:absolute; top:199px; left:290px;}
.main h2{display:block; width:629px; height:125px; background:url(../images/index/index_txt.png); text-indent:-9999px; position:absolute; top:318px; left:290px;}
.main h3{display:block; width:502px; height:83px; background:url(../images/index/index_data.png); text-indent:-9999px; position:absolute; top:460px; left:420px;}
.main .bbtn{ width:187px; height:47px; background:url(../images/index/bbtn.gif); text-indent:-9999px; position:absolute; top:589px; left:545px;}
.main .bbtn:hover{ background:url(../images/index/bbtnr.gif);}
.copyright .illname{ color:#FFF; position:absolute; right:860px; bottom:17px; width:200px; font-size:13px; font-weight:bold;}
.copyright .copy1{ position:absolute; top:660px; left:410px; }
.copyright .copy1 p{ padding-right:3px;}
.copyright .copy2{ position:absolute; top:700px; left:410px; }
.copyright > div p{font-size:13px; line-height:40px; float:left;}
@media screen and (max-width: 1024px) {
.copyright .illname{ color:#FFF; position:absolute; right:880px; bottom:10px; width:90px; font-size:13px; font-weight:bold; line-height:18px;}
}