﻿/* ------- 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%}
button{line-height:100%}

#bWidth{border-style:solid;border-color:#808080;border-width:0px;padding:1%;width:auto;background:#FFFFFF;text-align:left;line-height:160%}
#bWidthLogin{border-style:solid;border-color:#808080;border-width:0px;padding:1%;padding-top:2px;width:auto;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: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}

/* -- 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;margin-bottom:8px;color:#bb3312}	/* !! #areaLeft #hTitle !! */
#areaLeft h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;margin-bottom:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}
#areaLeft .aL{padding:16px;padding-top:0}
#areaLeft .aL2{padding-left:16px;padding-bottom:16px}
#areaLeft .aLu{padding-left:16px}

/* -- 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 .aR{background:#fff5f1;padding:12px;border:0px gray solid }
#areaRight .aRu{padding-left:16px}

/* ----------- 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{width:32px;height:32px;background-position:-32px -66px}
.imgAT{background-position:-64px -66px}
.imgDI{background-position:-96px -66px}
.imgHL{background-position:-128px -66px}
.imgST{background-position:-160px -66px}
.imgD2M{background-position:0px -66px}
.imgCM{background-position:-192px -66px}
.imgME{background-position:-256px -66px}

/* small-size */
.imgBM16{background-position:-96px -50px}
.imgCM16{background-position:-176px -50px}
.imgD2{background-position:-80px -50px}
.imgFeed{background-position:-0px -50px}
.imgSearch{background-position:-16px -50px}
.imgWeb{background-position:-32px -50px}
.imgDoc{background-position:-64px -50px}
.imgMovie{background-position:-224px -50px}

/* -- areaUrl -- 
#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: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 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}

/* -- rss/rss.html --*/
#wRss{clear:both}
#wRss h3{font-size:100%;font-weight:bold}
#wRss h4{font-size:100%}
#wRss .pDesc{padding:0}
#wRss .pTime{display:block;width:99%;text-align:right;padding:0}
#wRss .dRssT{padding:1%;width:98%;background-color:#f6f0c8}
#wRss .dRss{padding:1%;width:97%;border:1px #8b8362 solid;margin-bottom:8px}

#wRss bsW{padding:16px}
#wRss bsW h3{font-size:100%;font-weight:bold;margin-bottom:4px;border-bottom:1px #8b8362 dotted}
#wRss bsW p{padding:16px;padding-top:0}


/* -- select --*/
.imgB_S{width:32px;height:32px;background-position:-192px 0px}

/* -- classic --*/
#pCount{font-size:90%;width:100%;text-align:right;color:#888888}
#aCount{width:100%;text-align:center}
.aSel{text-decoration: none;color:maroon;font-weight:bold}

/* -- classic/edit --*/
.divErr{font-weight:bold;color:maroon}
.divWarning{color:maroon}

/* -- tab --*/
#ulTab{list-style-type:none;width:100%;display:block;margin-bottom:0;padding-bottom:0}
#ulTab .tabSelY{margin-right:4px;float:left;text-align:center;background-image: url('img/btn1.gif');width: 92px;height: 24px;padding:2px}
#ulTab .tabSelN{margin-right:4px;float:left;text-align:center;background-image: url('img/btn2.gif');width: 92px;height: 24px;padding:2px}
#ulTab a{display: block ;width: 100%;height: 100%}
#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}
