@charset "utf-8";
/* CSS Document */
body{ background-image:url(http://www.truehero.com.tw/images/bg_top2.jpg); background-position:top center; background-repeat:no-repeat; background-color:#020a16;/*#1c271c;*/}
#SPWRAPPER{width:1000px; margin:auto; position:relative;}
#SPCENTER{ position:absolute; top:380px; left:12px; width:975px; height:321px; background-image: url(../images/startpagebg.gif); background-repeat:no-repeat;z-index:-10;}
#SPFOOTER{position:absolute; top:700px; width:1000px;}

#ENTERBALL{position:absolute; top:330px; left:392px; z-index:100;}
#SPBANNER{position:absolute; top:523px; left:242px; z-index:10; }
#SPLINK{ position:absolute; top:505px; left:27px;width:200px; height:184px;}
#SPFORM{ position:absolute; top:410px; left:665px; width:285px; height:255px;z-index:100; }
.INPUTSTYLE{ height:15px; width:160px; background-color:#e8e2ce; font-family:Verdana; font-size:12px; color:#333333; line-height:15px;}
.textfield{display:block; width:95px; background-repeat:no-repeat; text-indent:-9999px; background-position:center; background-image:url(../images/SP5.gif);}
.textfield2{display:block; width:95px; background-repeat:no-repeat; text-indent:-9999px; background-position:center; background-image:url(../images/SP4.gif);}
.textfield3{display:block; width:95px; background-repeat:no-repeat; text-indent:-9999px; background-position:center; background-image:url(../images/SP3.gif);}
.textfield4{display:block; width:95px;background-repeat:no-repeat; text-indent:-9999px; background-position:center; background-image:url(../images/SP2.gif);}
.textfield5{display:block; width:95px;background-repeat:no-repeat; text-indent:-9999px; background-position:center; background-image:url(../images/SP1.gif);}
.SPVISION{position:absolute; top:50px;left:15px; z-index:-10;}
.SPSLOGEN{position:absolute; top:50px; right:100px; z-index:-9;}

.ACCOUNT{position:absolute; top:330px; right:230px; z-index:10;}
.SPLOGO{position:absolute; right:5px; top:10px; z-index:90;}
.SPTEXT{line-height:15px;font-size:11px; text-align:left; font-family: Verdana; color: #CC0000; letter-spacing:1px; padding-left:5px;}
.OK{ display:block; width:30px; height:25px;background-image:url(../images/ok.gif); text-indent:-9999px; color:#CC0000; }
.NOTOK{display:block; width:30px; height:25px;background-image:url(../images/notok.gif); text-indent:-9999px; color:#CC0000;}
.facebook{ position:absolute; top:350px; left:887px;z-index:50;}