body,td {font-family: "Verdana", "微软雅黑","宋体", "仿宋_GB2312";font-size:12px;line-height:20px}
textarea{width:100%;flex-direction: column;resize: auto;cursor: text;white-space: pre-wrap;overflow-wrap: break-word;}
.flex-images{overflow:hidden;padding-bottom:.5em}
.flex-images .item{float:left;margin:5px;box-sizing:border-box;overflow:hidden;position:relative;border: 1px solid #eee;cursor:pointer}
.flex-images .item img {display: block; width:100%; height: 100%;}
.mgr {margin-right: 10px}
.inline {display: inline-block;}
.hide {display: none}
.right {float: right}
.left {float: left;}
.pointer{cursor:pointer}
.w50 {width: 50px}
.noBdr{border: 0}
.pct48 {width: 48%}
.announcer{margin: 80px;text-align: center;font-size: 26px}
.h3{font-size:1.1em;font-weight:800}
.h4{font-size:1.1em;font-weight:700}
.rounded{padding:5px;border-radius:15px;border:1px solid #0f0}
.set{padding-top:1em;margin-bottom:3em}
.btmCover{text-align:center;position:absolute;bottom:0;height:24px;background:#666;width:100%;color:#fff;-moz-opacity:.75;-khtml-opacity:.75;opacity:.75}
.op85{-moz-opacity:.85;-khtml-opacity:.85;opacity:.85}
.topicHeader{color:#ac754e;padding:5px;padding-left:15px;border-top:1px solid #ac754e;background:#f7f1ec;margin-bottom:15px}
.margin5{margin:5px}
.btnUTK{padding:5px;border-radius:5px;background-color:#c7824b;color:#fff;font-weight:800;text-align:center;cursor:pointer}
.btnUTK:hover{background-color:#b6713a;color: #eee}

/* index */
#moreSets{margin:auto;margin-top:15px;width:200px}
.subTtl{background-color:#eaeaea;font-weight:500;padding:5px;padding-left:15px}
.subImg{margin:5px}
.subSet{border:1px solid #ddd;margin-top:10px;border-radius:3px}

/* story */
#btmD{width:100%;align-self:flex-end;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap}
#btnFav{flex-grow:1;margin:5px}
#btnDL{flex-grow:2;margin:5px}
#btnReq{width:100%;margin:5px}
#ritebar{width:826px;background:#fcfcfc;border:1px solid silver;padding:12px;text-align:center}
.bdr8{position: absolute;top:0;bottom: 0;left:0;right: 0;border: 6px solid #b6713a;box-sizing: border-box;}
.bdr2{position: absolute;top:0;bottom: 0;left:0;right: 0;border: 1px solid #fff;box-sizing: border-box;}
#auto{background-color:#99bf60;color:#fff;border-radius:5px;padding:0 4px 0 4px;cursor:pointer}#auto:hover{background-color:#88ae49}
#imgdiv{display:flex;align-items:center;justify-content:center}
#RightArea{cursor:url(/pub/images/arr_right.cur),auto}
#LeftArea{cursor:url(/pub/images/arr_left.cur),auto}
.emptydiv{height:600px;Z-INDEX:9;POSITION:absolute;margin-top:-600px;WIDTH:400px}
#story{margin:20px 0 0 0;overflow:hidden}

/* lightbox */
.css-checkbox{position: absolute;top:3px;right:3px;overflow:hidden;padding-left:15px;margin:3px;height:15px;width:15px;background-image:url(/pub/lite-green-check.png)}
.tcked{background-position:0 -15px}
#topD{width:100%;align-self:flex-start;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap}

/* downhist */
.dl160 {width:160px; height:160px;background-repeat:no-repeat;background-position:bottom center;background-size:contain;border: 1px solid #eee; cursor: pointer}
.dl160out{margin: 15px; display: inline-block;text-align: center;width:160px; height:180px;overflow: hidden;}

/* ad */
.zthumb200 {margin: 10px; width:200px; height:150px;border:1px solid #ddd;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block}
.p33{width: 32%; min-width: 310px; padding: 5px;box-sizing: border-box;}
.h216 {height: 216px;overflow: hidden;margin-right: 6px}

.boxyellow {border-bottom: 5px solid yellow; padding-bottom: 3px}
.boxgreen {border-bottom: 5px solid green; padding-bottom: 3px}
.boxred {border-bottom: 5px solid red; padding-bottom: 3px}
.box {border: 1px solid}
.arrows {height: 598px; width: 350px;cursor: pointer;display: inline-block;}
.arrows .glyphicon-chevron-left, .arrows .glyphicon-chevron-right{margin-top:270px;width:60px;height:60px;font-size:60px;color:rgba(255,255,255,0.7);text-shadow:0px 1px 2px rgba(0,0,0,0.5);}
.arrows .glyphicon-chevron-left {margin-left: 45px}
.arrows .glyphicon-chevron-right {margin-left: 270px}
#imgEdRight{width: 802px;float: right}
.arrows2 {height: 298px; width: 40px;cursor: pointer;display: inline-block;}
.arrows2 .glyphicon-chevron-left, .arrows2 .glyphicon-chevron-right{margin-top:135px;width:30px;height:30px;font-size:30px;color:rgba(255,255,255,0.3);text-shadow:0px 1px 2px rgba(0,0,0,0.5);}
.arrows2 .glyphicon-chevron-left {margin-left: 10px}
.arrows2 .glyphicon-chevron-right {margin-left: 0px}
/*
outline: 1px solid red;
box-sizing: border-box;
*/