﻿/* ------- Html & Body -----------*/
*{margin:0;padding:0}
a{color:#3366FF}
a:hover{color:red}
body{background:#C0C0C0;color:#6b6342}
#bWidth{border-style:solid;border-color:#808080;border-width:1px;padding:20px;margin-left:auto;margin-right:auto;width:660px;background:#FFFFFF;text-align:left;line-height:160%}
#bWidthLogin{border-style:solid;border-color:#808080;border-width:1px;padding:20px;padding-top:8px;margin-left:auto;margin-right:auto;width:660px;background:#FFFFFF;text-align:left;line-height:160%}
/* ------- header -----------*/
#dAc{font-size:80%;width:100%;text-align:right}

#dHeader{font-size:80%;width:100%}
#dHeader h1{display:block;float:left;margin:0}
#dHeader ul{font-size:80%;float:right;list-style-type:none;display:block;width:60%}
#dHeader li{float:left;text-align:center;width:16.5%}
/* ----------- dMenu-----------*/
#dMenu{clear:both;width:100%;border-top: 0px #555555 solid;border-bottom: 0px #555555 solid;margin-top:14px;margin-bottom:4px}
#dMenu ul{list-style-type:none;display:block;float:left;width:50%}
#dMenu li{float:left;width:49%;line-height:34px}
#dMenu form{display:block;float:right;width:49%}
#dMenu input{width:45%}
#dMenu select{width:30%}
#dMenu .cBtn{width:20%}

/* -- areaLeft -- */
#areaLeft{float:left;width:68%;overflow:hidden}
#areaLeft h2{clear:both;font-size:90%;font-weight:bold;padding-left:8px;margin-right:4px;border-bottom:4px #8b8362 solid;color:#bb3312}/* !! #areaLeft #hTitle !! */
#areaLeft h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}
#areaLeft .d1{padding-left:8px;padding-right:8px;padding-top:0}
#areaLeft .d1 ul{margin-left:8px;padding-right:8px;padding-top:0}

#areaLeft .ulTop{list-style-type:none}
#areaLeft .ulTop li{margin-bottom:8px}
#areaLeft .ulpT{font-weight:bold;}
#areaLeft .ulpN{padding-left:16px;}

/* -- areaRight -- */
#areaRight{float:left;width:31.5%;font-size:90%;overflow:hidden;background:#fff5f1}
#areaRight h2{font-size:90%;font-weight:bold;padding-left:8px;margin-bottom:8px;border-bottom:1px #8b8362 dotted;background:url("./img/img4.gif") repeat 0px 0px;background-position:0px -225px;color:#bb3312}
#areaRight h3{clear:both ;font-size:90%;padding-left:8px;border-bottom:1px #8b8362 dotted ;margin-bottom:8px;background:url("./img/img4.gif") repeat 0px 0px;background-position:0px -225px;color:#bb3312}
#areaRight .d1{padding:16px;padding-top:0}
#areaRight ul{list-style-type:none}
#areaRight li{clear:both}
#uD2Link a{text-decoration:none}
/* -- areaRight Tags -- */
#dTL{width:80%;margin:0;padding:10%;padding-top:2%}
#dTL a{margin-right:4%}
#dTL .dTM{clear:both;width:100%;text-align:right}
/* ----------- dFoot---------*/
#dFoot{clear:both;width:100%;margin-top:20px;text-align:center}
/* ----------- images ---------*/
.imgLogo{overflow:hidden;display:block;position:relative;height:50px;width:190px}
.imgLogo2{cursor:pointer;cursor:hand;overflow:hidden;background:url("./img/img4.gif") no-repeat 0px 0px;position:absolute;top:0;left:0;width:100%;height:100%}
.imgBase{width:16px;height:16px;overflow:hidden;display:block;float:left;background-image:url("./img/img4.gif");z-index:10}
.imgBase2{width:32px;height:32px;cursor:pointer;cursor:hand;margin-left:auto;margin-right:auto;overflow:hidden;display:block;background-image:url("./img/img4.gif")}
.imgBM{background-position:-32px -66px}
.imgAT{background-position:-64px -66px}
.imgDI{width:32px;height:32px;background-position:-96px -66px}
.imgHL{background-position:-128px -66px}
.imgST{background-position:-160px -66px}
.imgD2M{background-position:0px -66px}
.imgCM{background-position:-192px -66px}
.imgRN{width:32px;height:32px;background-position:-224px -66px}
/* small-size */
.imgD2{background-position:-80px -50px}
.imgFeed{background-position:-0px -50px}
.imgSearch{background-position:-16px -50px}
.imgWeb{background-position:-32px -50px}
.imgDir1{background-position:-48px -50px}
.imgDir2{background-position:-48px -50px}
.imgDoc{background-position:-64px -50px}
.imgBM16{background-position:-96px -50px}
.imgAT16{background-position:-112px -50px}
.imgDI16{background-position:-128px -50px}
.imgHL16{background-position:-144px -50px}
.imgST16{background-position:-160px -50px}
.imgCM16{background-position:-176px -50px}

/*  ------------- dir.html  ---------- */


.divWarning{font-weight:bold;color:maroon}
#tblList{width:98%;border:1px #808080 solid;margin:1%}
#tblList .trHead{background:#FFCC99}
.frm{display: inline}
#txtEdit{width:98%;height:200px}
#txtTag{width:98%}


/* -- areaMain -- */
#areaMain h2{clear:both;font-size:90%;font-weight:bold;padding-left:8px;margin-right:4px;border-bottom:4px #8b8362 solid;color:#bb3312}/* !! #areaLeft #hTitle !! */
#areaMain h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}
#areaMain .d1{padding-left:16px;padding-top:4px}

/* -- areaBottom -- */
#areaBottom {width:100%;font-size:90%;overflow:hidden;background:#fff5f1}
#areaBottom h2{font-size:90%;font-weight:bold;margin-top:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}
#areaBottom h3{font-size:90%;font-weight:bold;margin-top:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}
#areaBottom .d1{padding:16px;padding-top:0}
#areaBottom .d1 ul{margin-left:16px;padding-top:0}
#aAds{width:98%;text-align:right;margin-top:6px}
