{
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
}
body {
  background: #eeeeee;
  margin-top: 30px;
  color: #222222;
}

input,
textarea,
body {
  font-family: "Arial", "新細明體";
}

a {
  text-decoration: none;
}
a * {
  cursor: pointer;
}
a:hover {
  border: none;
}
a img {
  border: 0;
}
a.aimg {
  font-size: 24px;
}
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #cccccc;
}
input:focus,
select:focus {
  outline: none;
}
* html input {
  width: auto;
  overflow: visible;
}

table a {
  text-decoration: underline;
}
body a {
  color: blue;
}

/*Select 寬150px*/
33 select.p150 {
  width: 150px;
  font-size: 15px;
  float: left;
  clear: both;
}

/*Table 上距20px*/
table.t20 {
  margin-top: 20px;
  clear: both;
}
table.t20,
table.t20 th,
table.t20 td {
  border: 1px solid #888888;
  padding: 5px 10px;
  font-size: 15px;
}

/*Table 上距0px*/
table.t0 {
  margin-top: 0;
}

/*Table 縮窄20%*/
table.t20.w20 {
  width: 80%;
  margin-left: 10%;
  _margin-left: 5%;
}

/*Table 縮窄10%*/
table.t20.w10 {
  width: 90%;
  margin-left: 5%;
  _margin-left: 2.5%;
}

/*Table 縮窄10%*/
table.t20.w10.l0 {
  margin-left: 0;
}

/*Table 無斷行*/
td.nw,
th.nw,
table.nw td,
table.nw th {
  white-space: nowrap;
}

/*Table 縮細字*/
table.t20.s14 * {
  font-size: 13px;
}
table.t20.s14 td {
  padding: 12px 8px;
}

/*Table 放大字*/
table.t20 td.s-big,
.s-big {
  font-size: 18px;
}

/*Table Border color #CCC*/
table.t20.br0,
table.t20.br0 th,
table.t20.br0 td {
  border: 1px solid #cccccc;
}

/*Table Border 只有底線*/
table.t20.bdash,
table.t20.bdash th,
table.t20.bdash td {
  border: 1px dashed #cccccc;
}
table.t20.bdash td,
table.t20.bdash th {
  border-bottom-color: #888888;
  border-bottom-style: solid;
}

table {
  width: 100%;
  border-collapse: collapse;
  float: left;
  clear: both;
}
input,
textarea {
  padding: 5px;
  font-size: 13px;
  margin-left: 10px;
}

/*Table 內無間距*/
table.t20.mg0 th,
table.t20.mg0 td,
table.t20.mg0 input {
  padding: 2px;
}

/*Table 內有少距*/
table.t20.mg5 th,
table.t20.mg5 td {
  padding: 4px 10px;
}

/*Table 每行上下有少距*/
table.t20.pd5 td {
  padding: 12px;
}

/*Table 內有中距*/
table.t20.mg10 th,
table.t20.mg10 td {
  padding: 6px 20px;
}

/*Table 無框 */
table.t20.bd0,
table.t20.bd0 th,
table.t20.bd0 td {
  border: 0;
}

/*Table 無框,細字 */
table.b0 {
  width: 95%;
  margin: 40px 0 20px 5%;
  _margin-left: 2%;
}
table.b0,
table.b0 th,
table.b0 td {
  border: 0;
  font-size: 13px;
}
table.b0 input,
table.b0 textarea {
  margin-left: 0;
}

/* hr 自訂樣式 */
hr {
  border: 1px dashed #888;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #f5f5f5;
  background: #f5f5f5;
}

/* 色系配置 */
/* COLOR- STU */
.student tr.m-unread td,
.student #t-top,
.student .menu a.active,
.student .menu a:hover.active {
  background: #36bbdc;
}
.student .menu {
  background: url("b_student.gif") 6px bottom repeat-y;
}
.student .menu .slide,
.student .count p.right {
  border-bottom-color: #00ccff;
}

.student #running,
.student #i-title a {
  border: 1px dashed #1faacd;
}
.student #i-title #display b,
.student td.sin-color,
.student #i-title a,
.student .count p.right,
.student .menu .slide a,
.student .menu p,
.student #running a,
.student #footer a,
.student #ib-marquee ul li a b,
.student #ib-marquee ul li a {
  color: #1faacd;
}
.student .menu a.active,
.student .menu a:hover.active {
  border-right: 10px solid #1faacd;
}

.student #i-innertext a {
  color: #666666;
}
.student #i-innertext a:hover {
  color: #000000;
  text-decoration: underline;
}

/* COLOR- ALUMNI */
.alumni tr.m-unread td,
.alumni #t-top,
.alumni .menu a.active,
.alumni .menu a:hover.active {
  background: #f5b625;
}
.alumni .menu {
  background: url("b_alumni.gif") 6px bottom repeat-y;
}
.alumni .menu .slide,
.alumni .count p.right {
  border-bottom-color: #f5b625;
}

.alumni #running,
.alumni #i-title a {
  border: 1px dashed #f5b625;
}
.alumni #i-title #display b,
.alumni td.sin-color,
.alumni #i-title a,
.alumni .count p.right,
.alumni .menu .slide a,
.alumni .menu p,
.alumni #running a,
.alumni #footer a,
.alumni #ib-marquee ul li a b,
.alumni #ib-marquee ul li a {
  color: #f5b625;
}
.alumni .menu a.active,
.alumni .menu a:hover.active {
  border-right: 10px solid #f5b625;
}

.alumni #i-innertext a {
  color: #666666;
}
.alumni #i-innertext a:hover {
  color: #000000;
  text-decoration: underline;
}

/* COLOR- TEACHER */
.teacher tr.m-unread td,
.teacher #t-top,
.teacher .menu a.active,
.teacher .menu a:hover.active {
  background: #335c33;
}
.teacher .menu {
  background: url("b_teacher.gif") 6px bottom repeat-y;
}
.teacher .menu .slide,
.teacher .count p.right {
  border-bottom-color: #335c33;
}
.teacher #running,
.teacher #i-title a {
  border: 1px dashed #335c33;
}

.teacher #i-title #display b,
.teacher #i-title a,
.teacher .count p.right,
.teacher .menu .slide a,
.teacher .menu p,
.teacher #running a,
.teacher #footer a,
.teacher #ib-marquee ul li a b,
.teacher #ib-marquee ul li a {
  color: #003300;
}
.teacher .menu a.active,
.teacher .menu a:hover.active {
  border-right: 10px solid #003300;
}

.teacher #i-title #noti-inner a b {
  color: #335c33;
}
.teacher span#dpname {
  background: #003300;
}
.teacher #i-innertext a {
  color: #333333;
}
.teacher #i-innertext a:hover {
  color: #000000;
  text-decoration: underline;
}
.teacher #t-top-w a:hover {
  color: #70cd1f;
}

/* COLOR- PARENTS */
.parents tr.m-unread td,
.parents #t-top,
.parents .menu a.active,
.parents .menu a:hover.active {
  background: #36dcc5;
}
.parents .menu {
  background: url("b_parents.gif") 6px bottom repeat-y;
}
.parents .menu .slide,
.parents .count p.right {
  border-bottom-color: #00ffdc;
}

.parents #running,
.parents #i-title a {
  border: 1px dashed #1fcdb5;
}
.parents #i-title #display b,
.parents td.sin-color,
.parents #i-title a,
.parents .count p.right,
.parents .menu .slide a,
.parents #new-calendar td a,
.parents .menu p,
.parents #running a,
.parents #footer a,
.parents #ib-marquee ul li a b,
.parents #ib-marquee ul li a {
  color: #1fcdb5;
}
.parents .menu a.active,
.parents .menu a:hover.active {
  border-right: 10px solid #1fcdb5;
}

.parents span#dpname {
  background: #1fcdb5;
  border: 1px solid #00ffdc;
}
.parents #i-innertext a {
  color: #666666;
}
.parents #i-innertext a:hover {
  color: #000000;
  text-decoration: underline;
}

/* MARGIN SET */
span.mr-top-30 {
  padding: 10px 0 30px 0;
  width: 100%;
  float: left;
  clear: both;
  text-align: center;
}

/* TOP BAR (T) */
#t-top {
  width: 100%;
  height: 30px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}
* html #t-top {
  position: absolute;
  top: expression(eval(document.documentElement.scrollTop));
}

#t-top-w {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  clear: both;
  color: #ffffff;
  line-height: 30px;
  font-size: 14px;
}
* html #t-top-w {
  width: 1020px;
}

/*
#t-top-w-right, #t-top-w-left a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#t-top-w-left {width:56%;float:left;text-align:left;clear:both;}
#t-top-w-left a {padding-left:9%;width:80%;float:left;clear:both;color:#FFFFFF;font-weight:bold}
#t-top-w-left a:hover {color:#222222;}
#t-top-w-right {width:40%;float:left;text-align:right;}
#t-top-w-right b {font-size:16px;font-weight:normal;}
*/

#t-top-w a {
  color: #ffffff;
  font-weight: bold;
  padding-left: 5%;
  width: 90%;
  float: left;
  clear: both;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
#t-top-w a b#dpdate {
  font-weight: normal;
  right: 0;
  position: absolute;
  top: 0;
}

#t-top-w a:hover {
  color: #222222;
}
#t-top-w a:hover b#dpdate {
  color: #ffffff;
}

#t-top-w b#dpdate-main {
  float: right;
  padding-right: 5%;
  clear: both;
  font-weight: normal;
}

.student span#dpname,
.teacher span#dpname,
.parents span#dpname {
  height: 30px;
  float: left;
  padding: 0 20px;
  margin-right: 12px;
  border-top: 0;
  border-bottom: 0;
  *line-height: 27px;
}

/* WRAPPER (W) */
.w {
  width: 1020px;
  margin: 0 auto;
  clear: both;
}
.w-w {
  width: 1020px;
  float: left;
  clear: both;
  background: url("background.gif") center top repeat-y;
}
.w-inner {
  width: 958px;
  float: left;
  clear: both;
  padding: 30px 30px 60px 31px;
  border-bottom: 1px solid #dddddd;
}
.w-inner.no-space {
  padding-bottom: 0;
  border-bottom: 0;
}
.w-inner.floatleft {
  width: 898px;
  margin-left: 30px;
  _margin-left: 15px;
}
a.acolor {
  color: #666;
}

/* INNER (I) */
#i-title {
  width: 99%;
  height: 80px;
  float: left;
  clear: both;
  position: relative;
  z-index: 96;
}
#i-title a {
  width: 130px;
  text-align: center;
  padding: 2px 0 4px 0;
  float: right;
  line-height: 25px;
  margin: 25px 0 0 7px;
}
#i-title a:hover {
  border-style: solid;
  font-weight: bold;
  font-size: 20px;
  color: #222;
  border-color: #222222;
}
#i-title img {
  margin-left: 0;
  margin-top: 7px;
  position: absolute;
}
#i-title #display {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    position: absolute;
    font-size: 24px;
    color: #555555;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    left: 1px;
    top: 0px;
}
#i-title #display b {
  font-size: 36px;
}

/* INNER BOX (IB) */
#ib-corner {
  width: 100%;
  height: 8px;
  float: left;
  clear: both;
  background: url("inner_box.gif") center top no-repeat;
}
#ib {
  width: 986px;
  height: 200px;
  float: left;
  clear: both;
  margin-left: 16px;
  background: #ffffff;
  border: 1px solid #eee;
  position: relative;
  _margin-left: 8px;
}
#ib.top {
  margin-top: 30px;
}
#ib-bg-img {
  width: 765px;
  height: 160px;
  float: left;
  clear: both;
  margin: 19px 0 0 19px;
  position: absolute;
  z-index: 1;
  border: 1px solid #eeeeee;
  padding-left: 181px;
}

/* INNER WHITE BOX */
#ib-w-marquee {
  width: 900px;
  height: 165px;
  float: left;
  clear: both;
  margin: 24px 0 0 45px;
  position: absolute;
  z-index: 4;
  overflow: hidden;
}
#ib-marquee-title {
  width: 100%;
  height: 42px;
  line-height: 40px;
  float: left;
  clear: both;
  font-size: 18px;
  color: #555555;
}

/* INNER WHITE BOX -- MARQUEE */
#ib-marquee {
  width: 500px;
  height: 114px;
  float: left;
  clear: both;
  position: relative;
  overflow: hidden;
  margin-left: 2px;
  _margin-left: 1px;
}
#ib-marquee ul {
  position: absolute;
}
#ib-marquee ul li a {
  width: 400px;
  height: 57px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#ib-marquee ul li a b {
  font-size: 18px;
  font-weight: normal;
}
#ib-marquee ul li a u {
  font-size: 14px;
  text-decoration: none;
  color: #222222;
}

#ib-marquee ul li a:hover {
  border: none;
}
#ib-marquee ul li a:hover b {
  text-decoration: underline;
}

/* LEFT */
#left-w {
  width: 25%;
  float: left;
}

/* MENU */
.menu {
  width: 92%;
  float: left;
  clear: both;
}
.menu p {
  width: 99%;
  float: left;
  clear: both;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  background: #f5f5f5;
  text-decoration: underline;
  font-size: 18px;
}
.menu a {
  width: 85%;
  float: left;
  clear: both;
  line-height: 33px;
  color: #666666;
  padding-left: 9%;
  font-weight: bold;
}
.menu a:hover {
  background: #eeeeee;
  border-right: 10px solid #dddddd;
}
.menu a.active,
.menu a:hover.active {
  color: #ffffff;
}
.menu .right {
  width: 90%;
  float: left;
  margin-left: 9%;
  _margin-left: 4.5%;
  clear: both;
}
.menu .slide {
  width: 99%;
  float: left;
  clear: both;
  display: none;
  border-bottom: 1px dashed #ffffff;
  margin-bottom: 10px;
}
.menu .slide a {
  width: 80%;
  float: left;
  clear: both;
  line-height: 16px;
  text-align: left;
  padding: 4px 0 4px 13%;
  font-size: 14px;
}
.menu .slide a:hover {
  background: #f5f5f5;
  border-right: 0;
  text-decoration: underline;
}

/* COUNTER */
.count {
  width: 99%;
  float: left;
  clear: both;
  margin-top: 10px;
}
.count p {
  width: 50%;
  float: left;
  text-align: right;
  color: #666;
  border-bottom: 1px solid #999999;
  height: 44px;
  padding-right: 2%;
}
.count p.left {
  margin-left: 10%;
  _margin-left: 5%;
}
.count p.right {
  cursor: pointer;
  width: 26%;
  float: left;
  text-align: right;
  padding-right: 2%;
  margin-left: 2%;
}
.count u {
  font-size: 13px;
  text-decoration: none;
}

.count p.left b {
  font-size: 16px;
  font-weight: normal;
}
.count p.right b {
  font-size: 16px;
}
.count p.right u {
  font-weight: bold;
}

/* RIGHT */
#right-w {
  width: 74%;
  float: left;
}

/* MARQUEE */
#running {
  width: 654px;
  float: left;
  clear: both;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 25px;
}
#running a {
  padding: 0 20px;
}
#running a:hover {
  text-decoration: underline;
}
#word,
#addword {
  font-weight: normal;
  padding: 0 100px;
}

/* CALENDAR */
#calendar {
  width: 652px;
  float: left;
  border: 2px solid #ffd800;
  margin-top: 20px;
}
#calendar .title-cal {
  width: 100%;
  line-height: 40px;
  float: left;
  clear: both;
  background: #fff7cc;
  border-bottom: 1px dashed #ffd800;
  color: #222222;
  text-align: center;
}
#calendar2 {
  width: 656px;
  float: left;
}

table#new-calendar {
  width: 100%;
  border-collapse: collapse;
  float: left;
  clear: both;
}
#new-calendar tr.head-cal {
  background: #ffffff;
}
#new-calendar tr.final td {
  border-bottom: 0;
}
#new-calendar td {
  border: 1px dashed #ccc;
  border-left: 0;
  border-top: 0;
  text-align: center;
  font-size: 15px;
  height: 48px;
}
#new-calendar td.last {
  border-right: 0;
  text-align: left;
  font-size: 13px;
}

#new-calendar td a {
  color: #222222;
}
#new-calendar td a:hover {
  color: #222222;
}
#new-calendar td.week {
  background: #f5ebff;
  color: #663399;
}
#new-calendar td a.sun,
#new-calendar td .sun {
  color: #cc3333;
}
#new-calendar td.sun a {
  color: #cc3333;
  font-weight: bold;
}

#new-calendar td.past a {
  color: #cccccc;
}
#new-calendar td.today {
  background: #fff7cc;
}

#new-calendar tr.head-cal td.last {
  padding: 0;
  text-align: center;
}
#new-calendar tr td.last {
  padding: 10px;
  text-align: left;
  font-size: 13px;
}

/* FOR-PAGES (NOT INDEX) --- INNER */
#i-innertext {
  width: 898px;
  float: left;
  clear: both;
  margin-left: 30px;
  _margin-left: 15px;
}
#i-innertext.free {
  width: 92%;
  margin-left: 4%;
  _margin-left: 2%;
}
#i-innertext.width {
  width: 100%;
  margin-left: 0;
}
#i-innertext img {
  vertical-align: middle;
}
#i-innertext #graph img {
  vertical-align: baseline;
}

#i-innertext.free ul,
#i-innertext.free ol {
  margin-top: 6px;
  margin-left: 2%;
  _margin-left: 1%;
}
#i-innertext.free li {
  line-height: 22px;
}

/* FOOTER */
#footer {
  width: 970px;
  float: left;
  clear: both;
  line-height: 40px;
  font-size: 13px;
  text-align: center;
  height: 70px;
  color: #555555;
}

/* For Popup Window */
body.popupwindow {
  margin: 20px 20px 0 20px;
}
body.popupwindow table * {
  white-space: nowrap;
  font-size: 13px;
}

/* For Message */
div.mess-top {
  width: 730px;
  height: 30px;
  line-height: 30px;
  margin-left: 89px;
  clear: both;
  text-align: center;
}
div.mess-top a {
  width: 120px;
  float: left;
}

.teacher div.mess-top {
  width: 800px;
  margin-left: 54px;
}
.teacher div.mess-top a {
  width: 110px;
}
.teacher div.mess-top.higher a {
  width: 95px;
}

.mes-new a img {
  margin-top: 7px;
}

div.mess-page-view {
  width: 100%;
  float: left;
  clear: both;
  border-top: 1px dashed #cccccc;
  padding-top: 20px;
}
div.mess-page-view-count {
  width: 28%;
  float: left;
  clear: both;
  font-size: 14px;
  margin-left: 2%;
  _margin-left: 1%;
}
div.mess-page-view-select {
  width: 67%;
  float: left;
  text-align: right;
}
div.mess-page-view-select select.p150 {
  float: right;
}
table.mess-inner {
  width: 95%;
  margin-left: 2%;
  margin-top: 30px;
  float: left;
  clear: both;
  _margin-left: 1%;
}
table.mess-inner td {
  padding: 20px 20px 50px 20px;
  font-size: 13px;
}
tr.m-normal td,
tr.m-unread td {
  background: #dddddd;
  height: 25px;
  white-space: nowrap;
  padding: 0 20px 0 20px;
}
tr.m-unread td {
  color: #ffffff;
}
.mess-bottom {
  width: 80%;
  margin-left: 10%;
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 25px;
  _margin-left: 5%;
}

/* For homework-handing */
.hw-left {
  width: 120px;
  float: left;
  clear: both;
  margin-left: 100px;
  _margin-left: 50px;
}
input.hw-btn {
  padding: 5px 20px;
  font-size: 13px;
  float: left;
  margin-left: 80px;
}

/* For Others */
td.sin-color {
  letter-spacing: 2px;
  background: #eeeeee;
}
.fw input,
.fw select {
  width: 150px;
}
.fw select {
  height: 25px;
}
.m0 input,
.m0 select {
  margin-left: 0;
}

/* For Page - Daily Performance */
td.like {
  color: #ff0000;
  font-weight: bold;
}
td.dislike {
  color: #aaaaaa;
  font-weight: bold;
}

/* For ALLMarks.asp */
div.scrolling {
  width: 100%;
  float: left;
  clear: both;
  overflow-x: scroll;
}
div.scrolling table {
  width: 220%;
}
div.scrolling table th {
  font-size: 13px;
}
div.scrolling table td {
  font-size: 14px;
  text-align: center;
}

.teacher td.tips {
  font-size: 18px;
  font-weight: bold;
}

/* For mainpage notifiction*/
#i-title a#noti,
div#noti,
#i-title a#msg,
#i-title a#news,
#i-title div#msg.non,
#i-title div#news.non {
  position: relative;
  background: url("noti.gif") 1px center no-repeat;
  width: 45px;
  height: 54px;
  overflow: hidden;
  float: right;
  margin-top: 10px;
  color: #ffffff;
  font-size: 20px;
  line-height: 54px;
  text-align: center;
  border: 0;
}

#i-title div#msg.non,
#i-title div#news.non {
  margin-left: 7px;
  margin-top: 13px;
}

#i-title a:hover#noti,
#i-title a:hover#msg,
#i-title a:hover#news {
  font-weight: normal;
}

#i-title a#noti.non,
#i-title div#noti.non {
  background-image: url("noti_.gif");
}
#i-title a#msg.non,
#i-title div#msg.non {
  background-image: url("msg_.gif");
}
#i-title a#news.non,
#i-title div#news.non {
  background-image: url("news_.gif");
}

#i-title a:hover#news {
  background-image: url("noti.gif");
}

#i-title a#msg,
#i-title a:hover#msg {
  background-image: url("msg.gif");
}
#i-title a#news,
#i-title a:hover#news {
  background-image: url("news.gif");
}

div#noti.non {
  margin-top: 13px;
}

#i-title a#noti b,
#i-title a#msg b,
#i-title a#news b {
  position: absolute;
  left: 20px;
  top: 8px;
  font-size: 13px;
  background: #cc3333;
  color: #ffffff;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
}

#i-title a#noti.non b,
#i-title a#msg.non b,
#i-title a#news.non b {
  display: none;
}

#noti-inner,
#news-inner {
  width: 350px;
  display: none;
  position: absolute;
  right: 9px;
  top: 72px;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 0 0 10px 0;
}

#news-inner {
  display: block;
}

#i-title #noti-inner a,
#i-title #news-inner a {
  position: relative;
  border: 0;
  text-align: left;
  width: 92%;
  float: left;
  clear: both;
  padding: 0 4%;
  margin: 0 0 10px 0;
}

#noti-inner a b {
  font-size: 20px;
  width: 100%;
  float: left;
  clear: both;
  text-decoration: underline;
  line-height: 30px;
}
#noti-inner a u {
  font-size: 13px;
  width: 100%;
  float: left;
  clear: both;
  text-decoration: none;
  line-height: 18px;
  color: #000000;
}

#i-title #news-inner a {
  line-height: 20px;
  font-size: 13px;
  border-bottom: 1px dashed #cccccc;
  margin: 4px 0 5px 0;
  padding-bottom: 7px;
}

#news-inner a u {
  font-weight: normal;
  text-decoration: none;
  color: #222222;
}
#news-inner a b {
  font-size: 18px;
  font-weight: normal;
}

#news-inner-wrap {
  width: 100%;
  float: left;
  clear: both;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 300px;
}

#i-title #news-inner a:hover b {
  text-decoration: underline;
}

#noti-tip,
#news-tip {
  display: none;
  width: 28px;
  height: 14px;
  position: absolute;
  top: 59px;
  background: url("noti_tip.gif") center center no-repeat;
  z-index: 97;
  _top: 57px;
}
#noti-tip {
  right: 118px;
}
#news-tip {
  right: 68px;
}

#news-inner {
  padding-bottom: 0;
}
#noti-inner div,
#news-inner div.caption,
#i-title #news-inner a.bottom-pi {
  width: 100%;
  padding: 6px 0;
  font-size: 15px;
  float: left;
  clear: both;
  background: #eeeeee;
  text-align: center;
  color: #222222;
  margin-bottom: 6px;
}
#i-title #news-inner a.bottom-pi {
  text-align: center;
  font-size: 13px;
  padding: 3px 0;
  margin: 5px 0 0 0;
}
#i-title #news-inner a:hover.bottom-pi {
  text-decoration: underline;
}

#dpname {
  position: absolute;
  right: 230px;
  top: 26px;
  font-size: 15px;
  line-height: 30px;
}
#dpname span {
  cursor: pointer;
  font-weight: normal;
}

.headerenable {
  background: url("../images2013/h_bg.gif") left 60px repeat-x;
}

#i-title a.exit {
  position: absolute;
  border: 0;
  font-size: 15px;
  right: 175px;
  top: 26px;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 60px;
  line-height: 30px;
}
#i-title a:hover.exit {
  font-size: 15px;
  text-decoration: underline;
  font-weight: normal;
}