﻿/* ------- 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%}
/* ------- header -----------*/
#dAc{font-size:80%;width:100%;text-align:right}

#dHeader{font-size:80%;width:100%;margin-bottom:16px}
#dHeader h1{display:block;float:left}
#dHeader form{display:block;float:right;width:49%}
#dHeader input{width:45%}
#dHeader .cBtn{width:20%}

/* -- mainHead-- */
#mainHead{	width:100%}
#mainHead ul{list-style-type:none;width:100%}
#mainHead li{float:left;text-align:center;width:33%}
#mainHead a{clear:both;display:block;text-align:center;width:100%;font-size:80%}

/* -- areaLeft & Ranking -- */
#areaLeft{float:left;width:68%;overflow:hidden}
#ranking{clear:both;width:100%}
#areaLeft h2{clear:both;font-size:90%;font-weight:bold;padding-left:8px;margin-right:4px;border-bottom:4px #8b8362 solid;color:#bb3312}
#areaLeft h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;border-bottom:1px #8b8362 dotted;color:#bb3312}

.aL{padding:16px}
/* -- areaUrl -- */
#areaUrl ul{list-style-type:none;font-size:100%}
#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}
/* -- 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 -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{padding:16px;padding-top:0;padding-bottom:0}
#areaRight .aR ul{padding-bottom:0}
/* -- 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;border-top:0px #999999 solid;width:100%;padding-top:16px;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{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")}

/* small-size */
.imgD2{width:16px;height:16px;background-position:-80px -50px}
.imgFeed{width:16px;height:16px;background-position:-0px -50px}
.imgSearch{width:16px;height:16px;background-position:-16px -50px}
.imgWeb{width:16px;height:16px;background-position:-32px -50px}
.imgDoc{width:16px;height:16px;background-position:-64px -50px}

/* big-size */
.imgBM{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:-224px -33px}

/* ----------- images big logo ---------*/
.imgBlBase{width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlBM{width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlMS{background-position:-113px -0px;width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlME{background-position:-226px -0px;width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlCO{background-position:-0px -113px;width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlAC{background-position:-113px -113px;width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}
.imgBlHE{background-position:-226px -113px;width:113px;height:113px;cursor:pointer;cursor:hand;margin-left:auto; margin-right:auto;overflow:hidden;display:block;background-image:url("img/logo1.gif")}




