@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; }
/* navBar */
.navBar { width: 720px; height: 37px; line-height: 30px; background: #000000; color: #FFFFFF; float: right; }
.nav { position: relative; width: 720px; margin: 0 auto; }
.nav a { color: #FFFFFF; text-decoration: none; font-size: 13px; }
.nav h3 { font-size: 100%; font-weight: normal; }
.nav .m { float: left; position: relative; z-index: 2; width: 120px; }
.nav .on0 h3 a { background-color: #3ac8ff; }
.nav .on1 h3 a { background: #0066ce url(../images/unimail/white.png) no-repeat 83% 53% !important; }
.nav .on2 h3 a { background-color: #df1943; }
.nav .on3 h3 a { background: #ffcc33 url(../images/unimail/white.png) no-repeat 83% 53% !important; }
.nav .on4 h3 a { background: #00b696 url(../images/unimail/white.png) no-repeat 83% 53% !important; }
.nav .on5 h3 a { background-color: #9305e4; }
.nav .on h3 a { color: #FFFFFF; }
.nav .s { float: left; width: 3px; text-align: center; color: #D4D4D4; font-size: 12px; }
.nav h3 a { display: block; width: 120px; text-align: center; font-weight: bold; }
.nav .sub { display: none; position: absolute; left: 0px; top: 38px; z-index: 1; width: 120px; background-color: #222222; border-top: 0; }
.nav .sub li { text-align: center; padding: 0 0px; margin-bottom: -1px; }
.nav .sub li a { display: block; border-top: 1px solid #717171; padding: 5px 0; height: 28px; line-height: 28px; color: #ffffff; font-size: 12px; font-weight: bold; }
.nav .sub li a:hover { background-color: #333333; border-top: 1px solid #717171; }
.arrow { background: url(../../../../images/unimail/grey.png) no-repeat 83% 53% }