@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #333; text-align: center; font: 12px "宋体"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
/* 效果CSS开始 */
#ui_notifIt { position: fixed; top: 10px; right: 10px; cursor: pointer; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); overflow: hidden; }
#ui_notifIt p { text-align: center; font-family: sans-serif; font-size: 14px; padding: 0; margin: 0; }
.success { background-color: yellowgreen; color: white; }
.error { background-color: orangered; color: white; }
.warning { background-color: orange; color: white; }
.info { background-color: deepskyblue; color: white; }
.default { background-color: #EEE; color: #444; }
h2 { color: #444; font-family: sans-serif; }
#wrap { width: 550px; margin: 0 auto; min-height: 360px; _height:360px; margin-top: -20px; }
button { width: 100%; padding: 10px; color: #444; background-color: #f4f4f4; cursor: pointer; border: none; margin: 2px; }
button:hover { background-color: #DDD; }
button:active { background-color: #777; }
footer { font-family: sans-serif; font-size: 12px; }
footer p { color: #aaa; }
footer p a { color: yellowgreen; text-decoration: none; }
.title { font-size: 57px; font-weight: bold; color: #555; margin-bottom: 0; }
.subtitle { font-size: 14px; color: #999; margin-top: -10px; margin-bottom: 20px; }
pre { padding: 10px; background-color: #EEE; }
.comment { color: #AAA; }
.string { color: teal; }
.tag { color: blue; }
.attr { color: green; }
.button_download { display: block; font-family: sans-serif; cursor: pointer; width: 60px; padding: 10px 30px 10px 30px; font-weight: bold; font-size: 20px; text-decoration: none; text-align: center; margin: 0 auto; background-color: #444; color: #EEE; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.button_download:hover { width: 480px; background-color: yellowgreen; color: #444; }
.step { color: #AAA; }
/* 效果CSS结束 */