/* ------- 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%}
#bWidth{border-style:solid;border-color:#808080;border-width:0px;padding:1%;width:auto;background:#FFFFFF;text-align:left;line-height:160%}

/* ------- header -----------*/
#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:62%;max-width:384px}/*max-width:384=64*6*/
#dHeader li{float:left;text-align:center;width:16.5%;max-width:64px}
/* ----------- 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:39%}
#dMenu input{width:65%}
/*#dMenu select{width:30%}*/
#dMenu .cBtn{width:30%}
/* -- areaLeft & Ranking -- */
#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}

/* -- areaUrl2 -- 
#areaUrl ul{list-style-type:none;font-size:100%;line-height:120%}
#areaUrl ul li{clear:both;margin-bottom:16px}
#areaUrl .dUR{float:right;margin-left:10px;font-size:80%;margin-bottom:2%;padding:2%;line-height:140%}
#areaUrl .dUI{color:#555599;display:block;margin-bottom:5px}
#areaUrl .dUB{color:#555599;display:block }
#areaUrl .dUN{margin-left:16px;margin-top:1%;font-size:80%}
#areaUrl .dUTL{font-size:80%;margin-left:16px;color:#777777;margin-bottom:5px}
#areaUrl .dUT{margin-bottom:5px;margin-left:5px}
#areaUrl .dUM{clear:both;width:100%;text-align:right}
*/

/* -- areaUrl2 -- 
#areaUrl2 ul{list-style-type:none;font-size:100%;line-height: 120%}
#areaUrl2 div{margin-bottom: 2px}
#areaUrl2 ul li{clear:both;padding:12px;padding-right:4px;border-bottom:0px #CCCCCC solid;border-top:1px #CCCCCC solid}
#areaUrl2 .dAL{float:left;display: inline;width:75%}
#areaUrl2 .dAR{font-size:80%;padding: 2px; border:3px gray double;text-align:center ;float: right;width:70px}
#areaUrl2 .dAR a{color:green}
#areaUrl2 .dAR b{font-size:120%;display:block}
#areaUrl2 .dAT a{font-size:80%;color:green}
#areaUrl2 .dAD{font-size:80%}
#areaUrl2 .dAD a{color:green}
#areaUrl2 .dAC{font-size:80%;clear: left}
*/
#areaUrl2 ul{list-style-type:none;font-size:100%;line-height:120%}
#areaUrl2 div{margin-bottom: 2px}
#areaUrl2 ul li{clear:both;padding:6px;padding-right:0px;border-bottom:1px #DBD4C0 dotted;margin-bottom:8px}
#areaUrl2 .dAL{float:left;display: inline;width:82%}
#areaUrl2 .dAR{font-size:90%;padding: 2px; float:right;width:60px;color:#6b6342; border:0px gray double;border-left:0px #CCCCCC solid;padding-left:8px}
#areaUrl2 .dAR a{color:#6b6342;line-height:100%;display: block;padding:2px}
#areaUrl2 .dAR b{font-size:120%;display:block}
#areaUrl2 .dAT a{font-size:80%;color:#6b6342}
#areaUrl2 .dAD{font-size:80%}
#areaUrl2 .dAD a{color:#6b6342}
#areaUrl2 .dAC{font-size:80%;clear: left}
#areaUrl2 input{font-size:80%;line-height:130%}



/* -- areaRight -- */
#areaRight{float:left;width:31.5%;font-size:90%;overflow:hidden;background:#fffffff}
#areaRight h2{background:#DBD4C0;font-size:90%;font-weight:bold;padding-left:8px;margin-bottom:0px;border-bottom:0px #8b8362 dotted;color:#bb3312}
#areaRight h3{background:#DBD4C0;clear:both ;font-size:90%;padding-left:8px;border-bottom:0px #8b8362 dotted ;margin-top:8px;color:#bb3312}
/*
#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 -228px;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 -228px;color:#bb3312}
*/
#areaRight .aR{background:#fff5f1;padding:12px;border:0px gray solid }
#areaRight .aRu{padding-left:16px;list-style-type:disc}
#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}
.imgME{background-position:-256px -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}
.imgME16{background-position:-208px -50px}
.imgMovie{background-position:-224px -50px}
/*  ------------- dir.html  ---------- */
#category dd{font-size:80%;margin-left:16px;margin-right:16px}
#category .line{clear:both;margin:5%;margin-right:0;width:95%}
#category .left{float:left;width:49%}
#category .right{float:left;width:49%}
/*  ------------- dir/index.html  ---------- */
.aL{padding:16px}
.aL2{padding-left:16px;padding-bottom:16px}
.aL2:after{display:block;content:"";clear:both;height:1px;overflow:hidden}
/*  ------------- rank/index.html  ---------- */
#pCount{font-size:90%;width:100%;text-align:right;color:#888888}
#aCount{width:100%;text-align:center}
/*  ------------- tag/index.html  ---------- */
#aTag a{font-size:120%;margin-right:8px}
/*  ------------- search/index.html  ---------- */
#aScRc{width:100%;text-align:center}
#aScRc fieldset{padding-bottom:16px}
#aScRc legend{color:#8b8362}
/*  ------------- info/ *.html  ---------- */
#areaLeft #hErr{font-size:100%;padding-left:0}
#areaLeft #hTitle{font-size:100%;padding-left:0}

/* -- tab --*/
#ulTab{list-style-type:none;width:100%;display:block;margin-top:8px;margin-bottom:0;padding-bottom:0}
#ulTab .tabSelY{margin-right:4px;float:left;text-align:center;background-image: url('img/btn1.gif');width:96px;height:26px}
#ulTab .tabSelN{margin-right:4px;float:left;text-align:center;background-image: url('img/btn2.gif');width:96px;height:26px}
#ulTab a{display: block ;width: 100%;height: 100%;padding-top: 2px}
#ulTabMenu{margin-bottom: 4px; padding:0;list-style-type:none;clear:both;width:100%;display:block;margin-top:0;padding:0px;background-image:url('img/bg.gif');background-repeat: repeat-x;line-height:100%;border-bottom: 0px #DBD4C0 double}
#ulTabMenu li{float:left;text-align:center;padding:2px;padding-top:8px;margin-right: 12px}
#ulTabMenu .liR{float:right;text-align:center;padding:2px}
#ulTabMenu form{margin:0;padding:0;display:inline}

/*  ------------- t_index.html  ---------- */
.pMore{font-size:90%;width:100%;text-align:right;color:#888888}

/* -- dir&user --*/
.aSel{text-decoration: none;color:maroon;font-weight:bold}