@charset "utf-8";

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: inherit;
 font-style: inherit; font-size: 100%; font-family: inherit;
 vertical-align: baseline;
}

body  { background: #FFFFFF; margin-top: 0px; background-image:url(../img/common/background.gif);
        background-repeat: repeat-y; }

#topbanner
      { background-image: url(../img/common/toplogo1.jpg); width: 762px; height: 80px;
        background-repeat: no-repeat; margin-bottom: 1px; }

#tab li              { list-style: none; float: left; }
#tab .tabtop         { float: left; }
#tab .tababoutus     { float: left; }
#tab .tabservice     { float: left; }
#tab .tabnews        { float: left; }
#tab .tabfilemaker   { float: left; }
#tab .tabwebsolution { float: left; }

/* ----- Main Contents ----- */
#maincontents        { width: 760px; clear: both; }

/* ----- Left Contents ----- */
#leftcontents        { float: left; width: 535px; padding-left: 4px; padding-right: 5px; margin-top: 5px;
                       border-right: 1px solid #003300; font-size: 12px; margin: 0px; }
#leftcontents h2     { margin-top: 15px; }
#leftcontents .topcomment
                     { width: 500px; line-height: 13px; }
#topicpath           { margin-top: 3px; margin-bottom: 15px; }
#leftcontents .comment
                     { width: 535px; line-height: 13px; }

  /* --- about service --- */
#aboutservicemain    { width: 535px; }
#aboutservicemain .aboutserviceleft
                     { clear: both; float: left; width: 115px; margin-right: 3px; }
#aboutservicemain .aboutserviceright
                     { float: right; width: 413px; margin-left: 3px; border-left: 1px solid #003300; margin-bottom: 15px; }
#aboutservicemain .aboutserviceright img
                     { float: left; padding-left: 3px; }
#aboutservicemain .aboutserviceright p
                     { float: right; width: 240px; margin-left: 3px; margin-right: 40px; }
#aboutservicemain br { clear: both; }

  /* ----- about workspace --- */
#aboutworkspacemain  { width: 535px; }
#aboutworkspacemain .aboutworkspaceleft
                     { clear: both; float: left; width: 115px; margin-right: 3px; }
#aboutworkspacemain .aboutworkspaceright
                     { float: right; width: 403px; padding-left: 13px; border-left: 1px solid #003300; margin-bottom: 5px; }
#aboutworkspacemain li
                     { list-style: none; }

  /* ----- request form --- */
#requestmain  { width: 535px; }
#requestmain .requestleft
                     { clear: both; float: left; width: 115px; margin-right: 3px; }
#requestmain .requestright
                     { float: right; width: 403px; padding-left: 13px; border-left: 1px solid #003300; margin-bottom: 5px; }

  /* ----- news ----- */
.newsaddress         { margin: 15px; float: left; padding-left: 30px; }
.newsphone           { margin: 15px; margin-left: 20px; }
.newsmap             { padding-left: 30px; }
#newsmap             { width: 480px; margin-top: 30px; padding-left: 30px; }
#newsmap .photoline  { clear: both; padding-top: 15px; line-height: 13px; }
#newsmap .photo      { width: 200px; margin-right: 15px; float: left; border: 1px solid #cccccc; padding: 10px; }

#newsheadline img    { float: left; margin-right: 1px; }

  /* ----- FileMaker ----- */
#filemakercomment    { margin-top: 15px; width: 510px; line-height: 15px; }
#filemakercomment2   { margin-top: 10px; width: 510px; line-height: 15px; margin-left: 5px; margin-bottom: 15px; }
#filemakercomment .bigimg
                     { float: left; margin-right: 10px; width: 225px; }
.fmlink              { list-style: none; padding-left: 25px; font-size: 14px; line-height: 20px; }
.bold                { font-weight: bold; font-size: 14px; }
.red                 { color: #FF3300; }

  /* ----- WEB solution ----- */
#websolutioncomment  { width: 535px; }
#websolutioncomment .img1
                     { float: left; margin-right: 20px; width: 141px; height: 149px; }
#websolutioncomment .comment1
                     { float: right; line-height: 15px; width: 300px; margin-right: 50px; }
#websolutioncomment .img2
                     { clear: both; margin-top: 30px; float: right; margin-right: 50px; width: 162px; height: 162px; }
#websolutioncomment .comment2
                     { margin-top: 30px; float: left; line-height: 15px; width: 287px; margin-left: 5px; }
#websolutioncomment .img3
                     { clear: both; margin-top: 30px; float: left; margin-right: 20px; width: 139px; height: 139px; }
#websolutioncomment .comment3
                     { margin-top: 30px; float: right; line-height: 15px; width: 310px; margin-right: 50px; }
#websolutioncomment .clear
                     { margin-top: 30px; clear: both; }

  /* ----- How To Order ----- */
#howtoorder ul       { margin-left: 15px; }
#howtoorder li       { list-style: none; }
#howtoorder img      { margin-top: 15px; }
#howtoorder p        { margin-left: 75px; margin-right: 30px; line-height: 20px; border-bottom: 1px dotted #999999; }
#howtoorder .bikou   { margin-top: 30px; margin-left: 15px; margin-right: 20px; margin-bottom: 15px; border: 0; }

  /* ----- Information Comment ----- */
#informationcomment  { width: 500px; margin-left: 5px; }
#informationcomment p{ margin-bottom: 30px; }

  /* ----- Privacy Policy ----- */
#privacycomment  { width: 500px; margin-left: 5px; }
#privacycomment p{ margin-bottom: 30px; border-bottom: 4px double #003300; }

  /* ----- Orderinfo ----- */
#ordercomment        { width: 450px; margin-left: 5px; }
#ordercomment p      { margin-bottom: 15px; line-height: 15px; }
#ordercomment .end1  { float: left; width: 200px;  }
#ordercomment .end2  { float: right; width: 250px; }

/* ----- Right Contents ----- */
#rightcontents       { float: right; width: 192px; margin-left: 14px; margin-right: 9px; margin-top: 5px; }
#rightcontents h3    { display: none; }
#rightcontents hr    { width: 192px; border: 2px dotted #006600; }

/* ----- Footer ------ */
#signature           { clear:both; background-image: url(../img/common/signature.gif); background-repeat: no-repeat; }