/* box */
#box .header {background: url(/xtpl/i/line.gif) repeat-x 50% 50%;  margin-bottom: 15px}
#box .header a{ background: #fff ; color: #a6a6a6; font-size: 11px; text-decoration: none; padding-right: 10px; font-weight: bold }
#box .header a:hover { text-decoration: underline }
#box .ico { position: relative; border: 1px solid #ddd; padding: 8px; margin-right: 15px }
#box .txt{  display:table; _height:0; zoom: 1; color: #6e6e6e}
#box small{ display:block; font-size: 10px; font-weight: bold;  margin-top: 5px}
#box small a{ color: #A6A6A6 ;}
#box h4 a { color: #FF9900; }
#box h4{ margin: 0 0 5px ; padding: 0; font-size: 12px}

/* Box Border */
#box { border:1px solid #d6d6d6; position:relative; background: #fff;  }
#box #tl{ background: url(/xtpl/i/note_tl.gif) no-repeat; left:-1px; top: -1px}
#box #tr{ background: url(/xtpl/i/note_tr.gif) no-repeat; right: -1px; top: -1px}
#box #br{ background: url(/xtpl/i/note_br.gif) no-repeat; right: -1px; bottom:-1px  }
#box #bl{ background: url(/xtpl/i/note_bl.gif) no-repeat; left:-1px; bottom:-1px }
.corners{width: 100%; position:relative; }
.corners div { width: 20px; height: 20px; font-size: 0; position:absolute;  }
#box .inner { padding: 20px; }

/* content */
#content{ background: #EEF5E5;  }
#content .left{ width: 40%; padding: 25px 0}
#content .right{ width: 50%; padding: 25px 0 }



/* tabs */
.tab{ width: 24.9%; float:left; background: url(/xtpl/i/dd.gif) repeat-y top left; }
.tab .bg{ background: repeat-x top; }
.tab .inner{ background: no-repeat top right;  }
.tab .header{background: no-repeat top left; height: 185px}

.ThemeOfficeMenu{ margin-left: 20px; }
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive{ background-color: #EEF5E5; }

#blue .bg, #black .bg, #yell .bg { margin-right: 10px  }
#blue .bg{ background-image: url(/xtpl/m/1/tab_bg.gif)  }
#blue .inner { background-image: url(/xtpl/m/1/tab_bg_r.gif)  }
#blue .header { background-image: url(/xtpl/m/1/tab_bg_img.jpg)  }
#black .bg{ background-image: url(/xtpl/m/2/tab_bg.gif)  }
#black .inner { background-image: url(/xtpl/m/2/tab_bg_r.gif)  }
#black .header { background-image: url(/xtpl/m/2/tab_bg_img.jpg)  }
#yell .bg{ background-image: url(/xtpl/m/3/tab_bg.gif)  }
#yell .inner { background-image: url(/xtpl/m/3/tab_bg_r.gif)  }
#yell .header { background-image: url(/xtpl/m/3/tab_bg_img.jpg)  }
#red .bg{ background-image: url(/xtpl/m/4/tab_bg.gif)  }
#red .inner { background-image: url(/xtpl/m/4/tab_bg_r.gif);   }
#red .header { background-image: url(/xtpl/m/4/tab_bg_img.jpg); margin-right: 0px  }

/* news */
#news dl{ margin: 20px 0 }
#news dt{ background: url(/xtpl/i/date_bg_w.gif) no-repeat 0 2px;  }