body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

body {font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px; color:#888888;
background:#14508f url('/image/soshop/bg.gif') repeat-x;}

a {color:#888888; text-decoration:none;}
a:visited {color:#888888; text-decoration:none;}
a:hover {color: #888888; text-decoration:none;}
a:active { color:#888888; text-decoration:none;}

img {vertical-align:middle; border:0;}
table { border-collapse:collapse; border-spacing:0;}
input {border:1px solid #b4b4b4; height:16px; font-size:100%; letter-spacing:0px; margin-right:5px; line-height:16px;}
object {outline:none;}
.right {text-align:right;}
.center {text-align:center;}
.text_import {color:#ff6000; font-weight:bold;}
.text_under {text-decoration:underline;}
.img.middle {vertical-align:middle;}
.img.top {vertical-align:top;}
.checkbox {border-style:none;}
.png {tmp:expression(setPng24(this));} 

/* ----------container to center the layout-------------- */
#container {width:1130px; margin:0 auto;
background:url('/image/seal_common/wrap_bg.gif') no-repeat bottom;}


/* ---------- top menu -------------- */
#header {height:330px; padding:0px; margin:0px;
background:#e1ddd9 url('/image/seal_common/head_bg.jpg') no-repeat 50% 0;
text-align:center;}


/* -----------------content--------------------- */
#content {width:670px; margin: 0 0 0 275px; padding:0;
background:#FFFFFF url('/image/seal_common/content_bg.gif') no-repeat bottom; vertical-align:top;}
div#content {min-height:633px; height:expression(this.scrollHeight > 565 ? "auto":"565px");}
*html div#content {position:relative; top:-255px; left:-9px;}

/* --------------side navi------------- */
#left {float:left; width:275px; margin:0 auto; padding:0; background:url('/image/seal_common/login_bg.jpg') no-repeat right 0;}
*html #left {float:left; width:275px; margin:0 auto; padding:0; background:url('/image/seal_common/login_bg.jpg') no-repeat top 92%;}

/*log in*/
.login_area {float:left; width:100px; padding:35px 0 0 80px;}
.login_area dd {float:left;}
.login_area dt img {margin:5px 0 5px 0;}
.submit {float:left; padding:65px 0 0 5px;}

.login_btn {float:left; width:100px; padding:5px 20px 12px 80px; text-align:left;}
*html .login_btn {float:left; width:181px; padding:5px 20px 12px 80px; text-align:left;}
.login_btn li {list-style:none; padding-bottom:4px;}

input.idpw {border:1px solid #cadef3; width:90px; height:16px; margin:0 0 4px 2px; padding:2px; background-color:#7ea1c9; line-height:20px;
color:#FFFFFF; font-size:100%; font-weight:bold;}
input.id {background:#7ea1c9 url("/image/seal_common/input_bg_id.gif") no-repeat center left;}
input.pw {background:#7ea1c9 url("/image/seal_common/input_bg_pw.gif") no-repeat center left;}

/*log out*/
.birthday {position:absolute; margin-top:8px; margin-left:80px;}

.hello {clear:both; width:180px; margin:51px 10px 0 80px; text-align:left;}
.hello li {list-style:none; padding-left:4px; color:#d0ff08; height:17px;}
.hello li a {color:#d0ff08; text-decoration:underline; font-weight:bold;}
.hello li a:hover {color:#d0ff08;}
.hello li a:visited {color:#d0ff08;}
.hello li a:active {color:#d0ff08;}

.myinfo {clear:both; width:150px; margin:8px 20px 0 80px; padding-top:8px; text-align:left;
color:#FFFFFF; font-size:90%; background:url('/image/seal_common/login_dot2.gif') no-repeat top; line-height:12px;}
.myinfo dt {float:left; width:77px; height:18px; padding-left:4px;}
.myinfo dt img {padding-right:3px;}
.myinfo dd {font-weight:bold; height:18px; text-decoration:none;}
.myinfo dd a {color:#FFFFFF;}
.myinfo dd a:hover {color:#FFFFFF; text-decoration:underline;}
.myinfo dd a:active {color:#FFFFFF;}
.myinfo dd a:visited {color:#FFFFFF;}


.logout_btn {width:180px; margin:5px 20px 12px 81px; text-align:left;}
.logout_btn li {list-style:none; padding-bottom:4px;}


#right {position:relative; float:right; width:185px; margin:0; padding:0; background:url('/image/seal_common/right_bg.jpg') no-repeat;}


/* -----------footer--------------------------- */
#footer {clear:both; height:170px; background: url('/image/seal_common/foot_img.gif') no-repeat center bottom;}
#Mfooter {width:1120px; height:170px; background: url('/image/seal_common/foot_img.gif') no-repeat center bottom;}

p.foot-bar {padding-left:90px; text-align:center; margin-top:-1px;}
p.foot-group {background-color:#0f3c72;}

ul.foot-company {position:relative; height:84px; float:left; margin-left:24px; margin-top:35px;}
ul.foot-company li {display:inline; vertical-align:middle;}
ul.foot-company li.ynk1 {padding-left:70px;}
ul.foot-company li.ynk2 {padding-left:20px;}

ul.foot-link {float:left; width:378px; margin-left:100px; margin-top:50px; background:#042656;}
ul.foot-link li {display:inline; list-style:none; margin-left:-2px; margin-right:-2px;}

p.foot-copy {float:left; margin-left:30px; margin-top:3px;}



/* ----------main container to center the layout-------------- */
#Mcontainer {width:1130px; margin:0 auto;}

/* ---------- main top menu -------------- */
#Mheader {width:1300px; height:554px; padding:0px; margin:0 0 0 -200px;}

#main_top_area {position:absolute;  width:1120px; height:355px;  padding-left:150px;}
#main_banner_bg {position:relative; width:100%; height:195px; top:355px;
background:url('/image/seal_main/main_banner_bg.jpg') no-repeat;}

/* main log in*/
#member_login {position:relative; float:left; top:280px; left:190px; width:250px; height:105px; padding-left:10px; z-index:5;;}

.Mlogin_area {clear:both; width:100px; text-align:left; margin-left:10px;}
.Mlogin_area dd {float:left;}
.Mlogin_area dt img {margin-bottom:5px;}
.Msubmit {position:absolute; top:26px; left:15px; margin-left:108px; vertical-align:top;}

.Mlogin_btn {float:left; clear:both; margin-top:4px; margin-left:5px; text-align:left;}
.Mlogin_btn li {display:inline; padding-bottom:4px;}

/* main log out*/
.Mbirthday {position:absolute; margin-top:-65px; margin-left:0px;}

.Mhello {width:180px; text-align:left;}
.Mhello li {list-style:none; padding-left:4px; color:#d0ff08; height:17px;}
.Mhello li a {color:#d0ff08; text-decoration:underline; font-weight:bold;}
.Mhello li a:hover {color:#d0ff08;}
.Mhello li a:visited {color:#d0ff08;}
.Mhello li a:active {color:#d0ff08;}

.Mmyinfo {clear:both; width:150px; margin:6px 20px 0 0; padding-top:8px; text-align:left;
color:#FFFFFF; font-size:90%; background:url('/image/seal_common/login_dot2.gif') no-repeat top; line-height:12px;}
.Mmyinfo dt {float:left; width:77px; height:16px; padding-left:4px;}
.Mmyinfo dt img {padding-right:3px;}
.Mmyinfo dd { font-weight:bold; height:16px;}

.Mlogout_btn {width:260px; margin:3px 0 12px 0; text-align:left;}
.Mlogout_btn li {list-style:none; padding-bottom:4px;}



/* -----------------Main content--------------------- */
#Mcontent {position:relative; width:450px; margin:0; padding:0;}

/* --------------Main left------------- */
#Mleft {float:left; width:280px; margin:0; padding:35px 0 0 0;}

#Mright {float:right; width:405px; padding:0;}

#Mfooter {clear:both; height:140px; width:1150px; margin-left:-30px;
background: url('/image/seal_common/foot_img.gif') no-repeat center bottom;}

#Mbanner {position:relative; float:right; top:50px; left:70px; margin:0; padding:0; width:150px;}


/* ---------- Forum top menu -------------- */
#forum_header {height:300px; padding:0px; margin:0px;
background:#e1ddd9 url('/image/seal_news/head_forum.jpg') no-repeat 50% 0;
text-align: center;}


/* ----------------- Forum content --------------------- */
#forum_content {position:relative; width:1119px; min-height:470px; background:#FFF;
background:url('/image/seal_news/forum_content_bg.gif') repeat-y;}

.forum_footer {position:relative; top:-170px;}