body {font-family:tahoma,arial;color:#555}

.w {max-width:1280px;margin:0 auto} #mplg {float:left} #mplg img {height:40px}
.hd {color:#999;border-bottom:1px solid #ccc;margin-bottom:8px}
.hd div a:not(:first-child) {margin-left:1em} .hd .badge {vertical-align:0;background-color:#09f}
.hdp {text-align:right;line-height:42px;height:42px;margin-bottom:5px}
.dir {width:230px;float:left;line-height:1.7em;min-height:calc(100vh - 120px)} .dir b {color:#d36}
.dir img {max-height:18px} .dir i {font-size:13px;color:#48d} .dir a {display:block;color:#696969}

.pd {width:200px;margin:0 0 8px 5px;text-align:center;overflow:hidden;line-height:22px;position:relative;
display:inline-block;vertical-align:top;color:#777}
.pd:hover {box-shadow:0 0 2px 2px #E5E5E5} .pd>img {position:absolute;left:0}
.pd>a {display:block;overflow:hidden;height:180px;line-height:180px}
.pd>a>img {max-width:100%;max-height:100%} .pd>i {font-style:normal;color:#38d}

a[href]:after{content:normal} a,u {text-decoration:none;color:#963;cursor:pointer}
a:hover,a:focus,u:hover {text-decoration:none;outline:none;color:#f62}
input,textarea {border:1px solid #ccc;padding:2px}
pre {background:none;line-height:24px;font-family:inherit;font-size:14px;white-space:pre-wrap;padding:5px;word-break:normal;color:#555}

.table>thead>tr>th {font-weight:normal;border-bottom-width:1px}
#tbData > tr > td {padding:5px 8px;vertical-align:middle} td img {width:80px}
.fbox {border-radius:0;padding:20px} .fbox input {width:100%;margin-bottom:1em}

.bdMsg {color:#05b;text-align:center;line-height:3em;margin-top:3em}

#fbar {list-style-type:none;position:fixed;bottom:5em;right:2em}
#fbar i {display:block;text-align:center;font-size:20px;color:#fff;background:#5ac;margin-bottom:1px;padding:8px;height:38px;cursor:pointer}
#fbar>li:hover .fmenu {width:200px;transition:all 0.4s ease} .fmenu>div {padding:9px}
.fmenu {background:rgba(0,0,0,.6);color:#eee;position:fixed;overflow:hidden;margin-left:-200px;width:0;white-space:nowrap;}