body {text-align:center; margin:0px; background-color:#0682C6; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
body > div {text-align:center; margin-right:auto; margin-left:auto;} 
form, input, select {margin:0px; padding:0px;}
img,a img {border-width:0}

A:link, A:visited, A:active{color: #04599E; TEXT-DECORATION: none; font-size:12px;}
A:hover{color: #F00; font-size:12px; text-decoration:underline;}

.mail, A.mail:link, A.mail:visited, A.mail:active{color: #F00; TEXT-DECORATION: none; font-weight:bold;}
A.mail:hover{color: #F0F; text-decoration:underline; font-weight:bold;}

.mail_l, A.mail_l:link, A.mail_l:visited, A.mail_l:active{color: #FFF; TEXT-DECORATION: none;}
A.mail_l:hover{color: #F00; text-decoration:underline; font-weight:bold;}

.mail_an, A.mail_an:link, A.mail_an:visited, A.mail_an:active{color: #22608A; TEXT-DECORATION: none;}
A.mail_an:hover{color: #F00; text-decoration:underline;}

.head, .mid, .foot_line, .foot{width:1024px;}

.head{height:139px;}
.head_01, .head_02, .head_03{float:left; height:139px;}
.head_01{width:342px; background:url(/ymail/images/head_01.jpg) no-repeat;}
.head_02{width:342px; background:url(/ymail/images/head_02.jpg) no-repeat;}
.head_03{width:340px; background:url(/ymail/images/head_03.jpg) no-repeat;}

.mid{height:357px;}
.mid_left{float:left; width:274px; height:357px;}
.mid_left_01{width:274px; height:30px; border-bottom:1px solid #83C1E3; line-height:30px; color:#FF0; font-weight:bold;}
.mid_left_02{width:254px; height:auto; line-height:30px; color:#FFF; padding-left:20px; text-align:left; margin-top:20px;}

.mid_mid_01{float:left; width:257px; height:357px; background:url(/ymail/images/mid_mid_01.jpg) no-repeat;}

.mid_mid_02{float:left; width:211px; height:357px; background:url(/ymail/images/mid_mid_02.jpg) no-repeat;}
.login_form{width:211px; height:90px; margin-top:133px; color:#04599E; line-height:30px; font-weight:bold;}
.login_font{float:left; width:58px; height:30px; text-align:right;}
.login_in{float:left; width:153px; height:30px; text-align:left;}
.login_inp{width:140px; height:18px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#0D66AA; margin-top:3px;}

.login_ok{width:211px; height:20px; font-weight:bold; color:#04599E; line-height:20px;}

.mid_mid_right{float:left; width:282px; height:357px; background:url(/ymail/images/mid_mid_right.jpg) no-repeat;}

.foot_line{height:27px; background:url(/ymail/images/foot_line.jpg) no-repeat;}

.foot{height:100px;}
.foot_left{float:left; width:742px; height:100px; background:url(/ymail/images/foot_left.jpg) no-repeat right; text-align:left; padding-left:10px; color:#FFF; line-height:20px;}
.foot_right{float:left; width:282px; height:100px; background:url(/ymail/images/foot_r.jpg) no-repeat right;}


.mail_head{width:100%; height:116px; background:url(images/mail_head_bg.jpg) repeat-x left; border-bottom:3px solid #0682C6;}
.mail_head_logo{float:left; width:347px; height:116px; background:url(images/mail_logo.jpg) no-repeat;}
.mail_head_r{float:right; width:670px; height:116px; background:url(images/mail_head_r.jpg) no-repeat bottom right;}
.mail_head_f01{float:right; width:auto; height:auto; line-height:20px; color:#033C5C; margin-top:16px; margin-right:10px;}

.mail_head_f02{float:left; width:auto; height:auto; line-height:20px; margin-top:96px; margin-left:9px; letter-spacing:1px;}
.mail_head_f03{float:left; width:auto; height:auto; line-height:20px; margin-top:96px; margin-left:33px; letter-spacing:1px;}
.mail_head_f04{float:left; width:auto; height:auto; line-height:20px; margin-top:96px; margin-left:24px; letter-spacing:1px;}
.mail_head_f05{float:left; width:auto; height:auto; line-height:20px; margin-top:96px; margin-left:25px; letter-spacing:1px;}

.mail_01{width:1024px; height:505px;}
.mail_left, .mail_mid, .mail_right{float:left; height:505px;}
.mail_left{width:207px; background-color:#E6F2F9;}
.mail_mid{width:3px;}
.mail_right{width:814px; background-color:#FFF;}

.m_l_h{width:207px; height:40px; border-bottom:1px solid #0D82C1;}
.m_l_01{float:left; width:80px; height:25px; line-height:25px; background:url(images/cx.jpg) no-repeat; margin-top:15px; margin-left:9px;}

.m_l_02{width:184px; height:30px; background-color:#FFF; line-height:30px; text-align:left; font-weight:bold;  letter-spacing:1px; color:#22608A;}
.m_l_03{width:184px; height:30px; line-height:30px; text-align:left; font-weight:bold; letter-spacing:1px; color:#22608A;}





