@charset "utf-8";
@import url("reset.css");

body      {margin:0 ; background:#f7f7f7; font-family: Arial, Helvetica, sans-serif, "新細明體"; font-size: 12px; color: #555555; text-align:left;}
a:link    {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:active  {color:#000; text-decoration:underline;}
a:hover   {color:#000; text-decoration:none;}

/*大框架*/
.all           {width:100%; margin:0px auto; padding:0px; position:relative; background: url(/images/sd/header_bg.png) repeat-x top;}
.mainframe     {width:725px; margin:0 auto; clear: both; position:relative;}
.header        {width:725px; height:60px; margin:0 auto; clear: both; position:relative;}
.logo          {float:left; padding:25px 0 7px 7px;}
.content       {width:725px; height:473px; clear: both; position:relative;}
.content_index {width:725px; height:473px; clear: both; position:relative;}
.index_btn     {width:315px; height:92px; position: absolute; top:315px; left:67px;}
.content_frame {width:510px; margin:0 auto; padding:53px 0 0 0; clear: both; position:absolute; top:0px; left:105px;}
.title         {width:510px; margin:0 auto; position:relative; }
.title_pic     {width:100%; text-align:center; margin:0 0 10px 0;}
.title_underline         {width:100%; border-bottom:#e0e0e0 1px solid;}

/*輸入頁*/
.form_box {width:510px; margin:0 auto; position:relative; padding:30px 0 0 0;}
.form_box_table {width:510px; margin:0 auto; position:relative; font-size:15px;}
.form_box_table td.left  {width:25%; text-align:right; padding:10px 8px 5px 0; vertical-align:top; }
.form_box_table td.right {text-align:left; padding:5px 0 5px 0; }
.private_term {width:100%; position:relative; padding:21px 0 0 0; text-align:center; }

/*成功*/
.green_box { width:513px; height:241px; position:relative; margin:30px 0 25px 0; background: url(/images/sd/green_bg.png) no-repeat;}
.text_box_success { top:42px; left:35px; text-align:left; position:absolute;}
.text_box_finish { top:100px; left:100px; text-align:left; position:absolute;}
.radio_box { top:150px; left:35px; text-align:left; position:absolute;}
.btn_box { width:100%; margin:0 auto; text-align:center; position:relative;}

/*失敗*/
.red_box { width:513px; height:241px; position:relative; margin:30px 0 25px 0; background: url(/images/sd/red_bg.png) no-repeat;}
.text_box_reopen { top:80px; left:75px; text-align:left; position:absolute;}
.text_box_member { top:25px; left:18px; text-align:left; position:absolute;}
.text_box_fail { top:80px;left:60px; text-align:left; position:absolute;}


/*footer*/
.footer        {width:725px; height:66px; margin:0 auto; padding:0px; position:relative;}
.copyright     {float:left; width:35%; position:absolute; top:23px; left:24px; color:#FFFFFF;}
.tel           {float:right; width:35%; margin:0 auto; position:absolute; top:20px; right:25px; font-family:Arial, Helvetica, sans-serif, "新細明體"; font-size: 16px; text-align:right; color:#FFFFFF;}


/*表單相關*/
.reg-input    {background:#fff9e9; border:0; font-size:15px; font-family:Arial, Helvetica, sans-serif, "新細明體"; height:25px; line-height:22px; 
               border:1px #cecece solid; color:#000; margin:3px 0 0 0;}
.width-1      {width:400px;}


/*共用*/
.clear     {clear:both;}
.f-left    {float:left;}
.f-right   {float:right;}
.t-right   {text-align:right;}
.t-left    {text-align:left;}

/*文字*/
.bold      {font-weight:bold;}
.big       {font-size:16px;}
.middle     {font-size:15px;}
.small     {font-size:12px;}
.black     {color:#000;}
.gray      {color:#888;}
.red       {color:#ff0000;}
.ssmall     {font-size:11px;}

/*按鈕*/
.btn-pass     {height:33px; background:url(/images/sd/btn_bg.gif) repeat-x top; line-height:25px; text-align:center; font-size:15px; color:#fff;
               border:0px; cursor:pointer; font-family:Arial, Helvetica, sans-serif, "新細明體"; padding:0 5px;}