@charset "utf-8";
/*scrollbar*/
html {scrollbar-face-color:#97aac1;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#97aac1;
scrollbar-darkshadow-color:#97aac1;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#d7e0eb;}
::-webkit-scrollbar {width: 5px;height: 5px;}                        
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius: 999px;border:0px solid transparent;}
::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(100,100,100,.7) inset;}
::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(100,100,100,.5) inset;}
::-webkit-scrollbar-corner {background:;transparent}

/*baes*/
body {font-family:tahoma,"\5B8B\4F53"; font-size:12px;color:#555;}
h1,h2,h3,h4,h5,h6 {font-family:tahoma,"\5FAE\8F6F\96C5\9ED1";}
img {border: none;}
a {text-decoration: none;color: #f60;font-weight: bold;}
a:hover {text-decoration: underline;color: #06f;}
a:focus,input:focus {outline:none;}
a * {cursor: pointer;}
.gehang {height: 20px;width: 20px;clear: both;}
/* 网站局中盒子样式 */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

#main {width: 500px;margin: 70px auto;user-select:none;}
#bar_bg {height: 14px;width: 500px;border-radius:7px;background: #e8e8e8;position: relative;}
#bar_click { height: 20px; width: 20px; border-radius: 10px; background: #396; margin-left: -10px; position: absolute; top: -4px; left: 0; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); border: 1px solid #339966; }
#bar_percent { height: 14px; border-radius: 7px; background: #3C9; width: 0; }
#bar_input { padding-top: 20px; font-size: 18px; color: #F30; }

.main {width: 600px;margin: auto;}
.main h1 {text-align: center;font-size: 24px;padding: 20px 0;color: #f60;}
.main p {text-indent: 2em;line-height: 2;padding: 5px 0;}
/* 代码整理：时代Java NowJava.com */