body       { background-color: #fff; background-image: url("../images/site_img/apple.jpg"); background-repeat: repeat; background-position: left top; text-align: center; margin: 0 }
#container     { text-align: left; margin: 0 auto; width: 860px; min-width: 860px; max-width: 100% }
#flash_container      { text-align: left; margin: 0 auto; width: 100%; height: 100%; min-width: 860px; max-width: 100% }
/* flash */
#website             { margin: 0; padding: 0; width: 100%; min-width: 860px; min-height: 410px; max-width: 100%; max-height: 100% }
/* php */
#facebook  { color: #fff; font-size: 12px; font-family: Arial; background-color: #336; margin: 0; padding: 5px 15px; float: right }
#facebook a   { color: #fff; text-decoration: none; background-color: #336 }
#facebook a:hover  { color: #f60; text-decoration: none; background-color: #336 }
#header        { margin: 15px 0 0; padding: 0; width: 860px; height: 80px; clear: both }
#logo     { background-image: url("../images/site_img/slogo.png"); background-repeat: no-repeat; background-position: 20px 10px; margin: 0; padding: 0; position: relative; width: 200px; height: 80px; float: left }
#sitemenu    { text-align: left; margin: 0; padding: 0; position: relative; float: right }
#sitemenu ul    { margin: 0; padding: 36px 0 0 0 }
#sitemenu ul li    { color: #f30; font-family: Arial; list-style-type: none; display: inline; margin: 0 0 0 34px; padding: 0 }
#sitemenu ul li a    { color: #212121; font-size: 12px; text-decoration: none }
#sitemenu ul li a:hover   { color: #f30; font-size: 12px; text-decoration: none }

#content    { margin: 0; padding: 0 }

#box       { margin: 0 0 15px; padding: 0; float: left; clear: both; border-top: 1px dotted #333 }
#box_option   { margin: 0 0 15px; padding: 0; float: left; clear: both; border-top: 1px dotted #ccc }
#box_title  { margin: 0; padding: 0; height: 50px; border-bottom: 1px solid #333 }
#box_title p  { color: #333; font-size: 20px; font-family: Arial; margin: 0; padding: 25px 0 0 }
#box_left  { margin: 0; padding: 0; position: relative; width: 100px; float: left }

#box_menu  { margin: 0; padding: 0 }
#box_menu ul   { margin: 0; padding: 20px 0 10px }
#box_menu ul li  { font-family: Arial; list-style-type: none; margin: 0; padding: 0 0 10px }
#box_menu ul li a   { color: #333; font-size: 12px; text-decoration: none; cursor: pointer }
#box_menu ul li a:hover   { color: #f30; font-size: 12px; text-decoration: none }

#box_mid   { margin: 0 15px 0 0; padding: 0; position: relative; width: 200px; float: left }
#box_right   { margin: 0; padding: 0; position: relative; width: 545px; float: left }
#box_content     { margin: 0; padding: 15px 0; width: 545px; float: left }
#box_content ul    { margin: 0; padding: 0; width: 545px; float: left }
#box_content ul li    { color: #333; font-family: Arial; list-style-type: none; display: inline; margin: 0; padding: 5px 0; width: 545px; float: left; clear: both; border-bottom: 1px dotted #999 }
#box_content ul p   { color: #333; font-size: 12px; font-style: normal; font-weight: bold; line-height: 12px }
#box_content ul li a   { color: #333; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none; text-align: justify; cursor: pointer }

#img_area  { margin: 0; padding: 0; width: 545px; float: left }
#img_area ul  { margin: 0; padding: 0; width: 545px; float: left; border-style: none }
#img_area ul li  { list-style-type: none; margin: 0; padding: 0; border-style: none }
#img_area ul li img   { margin: 0 0 0 1px; padding: 0; width: 130px; height: 100px; float: left }

#box_pages     { text-align: center; margin: 0 0 10px; padding: 0; width: 545px; float: left }
#box_pages ul        { text-align: center; margin: 0; padding: 0; width: 545px; float: left; border-style: none }
#box_pages ul li span      { margin: 0; padding: 0 }
#box_pages ul li       { color: #333; font-size: 12px; font-family: sans-serif; text-align: center; list-style-type: none; display: inline; margin: 0; padding: 0; border-style: none }
#box_pages ul li a     { color: #333; text-align: center; cursor: pointer; margin: 0; padding-right: 6px; padding-left: 6px }
#box_pages ul li a:hover     { color: #f30; text-align: center; cursor: pointer; margin: 0; padding-right: 6px; padding-left: 6px }


#box_area   { margin: 0; padding: 0 0 0; width: 760px; float: left }
/* news */
#news_list   { margin: 0; padding: 10px 0; width: 545px; float: left; clear: both; border-bottom: 1px dotted #999 }
#news_left    { margin: 0; padding: 0; width: 130px; float: left }
#news_left img  { margin: 0; padding: 0; border: solid 1px #ccc }
#news_right     { margin: 0; padding: 0; width: 415px; float: left }
#news_right p  { color: #333; font-size: 14px; font-family: Arial; margin: 0; padding: 10px 0 0 }
.content_author   { color: #999; font-size: 10px; font-family: Arial; margin: 0; padding: 0 0 5px }
.content_category   { color: #333; font-size: 12px; font-family: Arial; margin: 0; padding: 0 0 3px }
.content_comment   { color: #333; font-size: 12px; font-family: Arial; margin: 0; padding: 0 0 10px }


/* about */
#about_img    { margin: 0 0 20px; padding: 5px 0 0 }
#about_info    { margin: 0; padding: 0 }
#about_info a   { color: #333; font-size: 12px; font-family: Arial; line-height: 18px; margin: 0; padding: 0 }

/* service */
#case_list    { margin: 0; padding: 10px 0; width: 760px; float: left; clear: both; border-bottom: 1px dotted #999 }
#case_left     { margin: 0 15px 0 0; padding: 0; width: 200px; float: left }
#case_left p   { color: #fff; font-size: 12px; font-family: Arial; background-color: #f60; margin: 0 0 15px; padding: 5px 15px }
#case_left a   { color: #333; font-size: 12px; font-family: Arial; margin: 0 0 10px; padding: 0 }
#case_right      { margin: 0; padding: 0; width: 545px; float: left }
#case_right img   { margin: 0 0 10px; padding: 0; border: solid 1px #ccc }

/* links */
#link_list  { margin: 0; padding: 0; border-bottom: 1px dashed #999 }
#link_list ul  { margin: 0; padding: 10px 0 0 }
#link_list ul li  { font-family: Arial; list-style-type: none; margin: 0; padding: 0 0 10px }
#link_list ul li a  { color: #333; font-size: 12px; line-height: 16px; text-decoration: none; cursor: pointer }
#link_list ul li a:hover  { color: #f30; font-size: 12px; line-height: 16px; text-decoration: underline; cursor: pointer }

/* contact */
#offline  { margin: 0; padding: 0; position: relative; float: left }
#online  { margin: 0; padding: 0; float: left }
#form_msg  { margin: 0; padding: 15px 15px 5px; border: dashed 1px #f30 }
#msgform  { margin: 0; padding: 20px 0 0 }
form   { }
.form_field          { margin: 0; padding: 0; clear: both }
.form_field p         { margin: 0; padding: 5px 0 0 }
.form_field label                { color: #333; font-size: 12px; font-family: Arial; text-align: left; margin: 0; padding: 4px 10px 0 0; width: 200px; float: left }
.form_field span   { color: #886f81; margin-left: 10px }
.input_text    { color: #000; background: #e6e6e6; margin: 0; padding: 2px; width: 300px; height: 20px; vertical-align: middle; border: none }
.input_textarea      { color: #000; background: #e6e6e6; margin: 0; padding: 2px; width: 300px; vertical-align: middle; border: none }
.input_select        { color: #000; background: #e6e6e6; cursor: pointer; margin: 0; padding: 2px; width: 300px; height: 20px; vertical-align: middle; border: none }
.btn        { color: #666; background: url("../images/buttons_img/btnmap.gif") no-repeat left top; cursor: pointer; width: 130px; height: 23px; border-style: none }

/* footer */
#footer     { margin: 0 0 30px; padding: 0; clear: both; border-top: 1px solid #333 }
#footer ul    { margin: 0; padding: 10px 0 0 20px }
#footer ul li      { color: #666; font-size: 10px; line-height: 16px; list-style-type: none; margin: 0 20px 0 0; padding: 0 }