.do-pages {height:auto;text-align:center;font-size:13px;} .do-pages a {color:#34495e;} .do-pages.skin-1 {width:100%;} .do-pages.skin-2 {float:right;width:auto;} .do-pages.skin-1 a.normal, .do-pages.skin-1 a.disabled, .do-pages.skin-1 a.curr {display:inline-block;width:auto;min-width:40px;height:40px;padding:0 10px;margin:0 3px;line-height:40px;text-decoration:none;cursor:pointer;} .do-pages.skin-2 a.normal, .do-pages.skin-2 a.disabled, .do-pages.skin-2 a.curr {float:left;width:auto;min-width:40px;height:40px;margin:0;padding:0 5px;line-height:40px;} .do-pages.green a.normal {background: #1abc9c;color: #fff; } .do-pages.green a.normal:hover {background: #48c9b0; } .do-pages.green.skin-2 a.curr, .do-pages.green a.normal:active {background: #16a085;color: #fff;} .do-pages.blue a.normal {background: #3498db;color: #fff; } .do-pages.blue a.normal:hover {background: #5dade2; } .do-pages.blue.skin-2 a.curr, .do-pages.blue a.normal:active {background: #2c81ba;color: #fff;} .do-pages.red a.normal {background: #e74c3c;color: #fff; } .do-pages.red a.normal:hover {background: #ec7063; } .do-pages.red.skin-2 a.curr, .do-pages.red a.normal:active {background: #c54133;color: #fff;} .do-pages.orange a.normal {background: #f39c12;color: #fff; } .do-pages.orange a.normal:hover {background: #f1c40f; } .do-pages.orange.skin-2 a.curr, .do-pages.orange a.normal:active {background: #e67e22;color: #fff;} .do-pages.plain a.normal {background: #e7e8eb;color: #34495e; } .do-pages.plain a.normal:hover {background: #ecf0f1; } .do-pages.plain.skin-2 a.curr, .do-pages.plain a.normal:active {background: #bdc3c7;color: #34495e; } .do-pages.grey a.normal {background: #34495e;color: #fff; } .do-pages.grey a.normal:hover {background: #5d6d7e; } .do-pages.grey.skin-2 a.curr, .do-pages.grey a.normal:active {background: #2c3e50; color: #fff;} .do-pages.skin-1 a.disabled, .do-pages.skin-1 a.curr {background:none;color:#666;cursor:default} .do-pages.skin-1 a.disabled {min-width:0;padding:0;} .do-pages.skin-1 a.curr {font-weight:bold;font-size:15px;} .do-pages.skin-2 a.disabled {display:none;} .do-pages.skin-1 .input-box, .do-pages.skin-1 .input-box span, .do-pages.skin-1 .input-box input {display:inline-block} .do-pages.skin-1 .input-box input {width:25px;height:20px;padding:0 3px;background:#fff;border:1px solid #ddd} .do-pages.skin-1 .input-box a.normal{height:30px;line-height:30px;} .do-pages.skin-2 .input-box {display:none;}