#frame,#picture img,.pagin a,.pagin span.current{border:1px solid #ccc}#box,*{font-size:10pt}*,.pagin{font-family:Verdana,sans-serif}#box,.pagin{font-weight:400}.pagin a,body{background-color:#fff}#boxclose,.pagin a,.pagin a:visited{text-decoration:none}button,button:hover{opacity:1}a:active,a:link{color:#00f}a:visited{color:#898989}a:hover{color:#cacaca}body{z-index:0}#frame{margin:0 auto;padding:25px 10px 10px;width:980px;background:#fff}#box,.modal{position:fixed;z-index:1;left:0;top:0;width:100%}#picture img{background:#f4f4f4}#box{font-style:normal;font-family:verdana;color:#fff;height:20px;background-color:#000;opacity:.7;bottom:0;right:0;padding:5px}#boxclose{font-size:14px;font-family:arial;float:right;color:#fff;font-weight:700;padding-right:10px;z-index:1}.pagin{padding:10px;margin:0;font-size:7pt}.pagin *{padding:2px 6px;margin:0;line-height:250%}.pagin a{color:#0011cd}.pagin a:active,.pagin a:hover,.pagin a:visited,.pagin span{color:#ccc;border:1px solid #ccc}.pagin a:visited{background-color:#eee}.pagin a:active,.pagin a:hover{background-color:#fff;text-decoration:none}.pagin span{cursor:default;background-color:#f0f0f0}.pagin span.current{background-color:#ccc;color:#fff}#select:focus{outline:0;border:1px solid red}#modal-content{background-color:#fff;width:500px;height:220px;padding:15px;border:1px solid #ddd;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal{display:none;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);padding-top:50px}button{background-color:red;color:#fff;padding:10px;border:none;cursor:pointer;width:100px}.container{padding:16px;text-align:center}.modal-content{background-color:#fefefe;margin:5% auto 15%;border:1px solid #888;width:80%}.close:focus,.close:hover{color:#f44336;cursor:pointer}.clearfix::after{content:"";clear:both;display:table}