@charset "utf-8";
@import url(init.css);
body,html
{
    background: #FFF;
}
#header, #footer, #main
{
    width: 100%;
    margin: 0;
    padding: 0;
}
#header
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
}
#header .header-container
{
    width: 100%;
    background: #000000;
    height: 60px;
}
#header .header-container .header-main
{
    width: 1002px;
    margin: 0 auto;
}
#header .header-container .header-main .logo
{
    width: 120px;
    float: left;
}
#header .header-container .header-main .nav
{
    width: 862px;
    float: right;
}
#header .header-container .header-main .nav ul li
{
    width: 70px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-top:20px;
    text-align: center;
    float: left;
    border-left: 1px solid #303030;
    border-right: 1px solid #1e1e1e;
}
#header .header-container .header-main .nav ul li.nbl
{
    border-left:0;
}
#header .header-container .header-main .nav ul li.nbr
{
    border-right:0;
}
#header .header-container .header-main .nav ul li a
{
    color: #FFF;
}
#header .header-container .header-main .nav ul li a:hover
{
    color:#dd6b6b;
}
#footer .footer-container
{
    width: 100%;
    background: #000000;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top:20px;
}
#footer .footer-container .footer-main
{
    width: 1002px;
    margin: 0 auto;
}
#footer .footer-container .footer-main .footer-nav
{
    width: 1002px;
    text-align: center;
    font-size:0;
}
#footer .footer-container .footer-main .footer-nav a
{
    padding: 0 15px;
    font-size:16px;
    line-height: 20px;
    color: #FFF;
    border-left: 1px solid #303030;
    border-right: 1px solid #1e1e1e;
}
#footer .footer-container .footer-main .footer-info p a
{
    color: #FFF;
}
#footer .footer-container .footer-main .footer-nav a:hover , #footer .footer-container .footer-main .footer-info p a:hover
{
    color:#dd6b6b;
}
#footer .footer-container .footer-main .footer-nav a.no-bl
{
    border-left:0;
}
#footer .footer-container .footer-main .footer-nav a.no-bl
{
    border-left:0;
}
#footer .footer-container .footer-main .footer-nav a.no-br
 {
     border-right:0;
 }
#footer .footer-container .footer-main .footer-info
{
    width: 1002px;
    margin-top:10px;
    text-align: center;
}
#footer .footer-container .footer-main .footer-info p
{
    line-height: 24px;
    color: #FFF;
    font-size: 14px;
    margin-top:5px;
}
#footer .footer-container .footer-main .footer-info p span
{
    margin:0 5px;
}
#to-top-box
{
    position:fixed;
    bottom: 200px;
    right: 50px;
    width: 40px;
}
#to-top-box .share-work , #to-top-box .desktop , #to-top-box .donate
{
    width: 40px;
    height: 40px;
    margin-top:10px;
}
#to-top-box .donate a
{
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/donate.png") no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}
#to-top-box .donate a:hover
{
    width: 40px;
    height: 40px;
    background: url("../images/donate_over.png") no-repeat 0 0;
}
#to-top-box .desktop a
{
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/desktop.png") no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}
#to-top-box .desktop a:hover
{
    width: 40px;
    height: 40px;
    background: url("../images/desktop_on.png") no-repeat 0 0;
}
#to-top-box .share-work a
{
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/share_work.png") no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}
#to-top-box .share-work a:hover
{
    width: 40px;
    height: 40px;
    background: url("../images/share_work_on.png") no-repeat 0 0;
}
#to-top-box .action-img
{
    width: 40px;
    margin-top:10px;
}
#to-top-box .action-img img
{
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
#header .tags-container
{
    width: 100%;
    background: #E3E3E3;
    margin:0;
    padding: 0;
    border-bottom: 1px solid #C0C0C0;
}
#header .tags-container .tags-main
{
    width: 1002px;
    margin:0 auto;
}
#header .tags-container .tags-main .tags-wrapper
{
    width: 1002px;
    padding: 5px 0;
}
#header .tags-container .tags-main .tags-wrapper .hot-tags-list
{
    width: 1002px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
#header .tags-container .tags-main .tags-wrapper .hot-tags-list a:link,#header .tags-container .tags-main .tags-wrapper .hot-tags-list a:visited,#header .tags-container .tags-main .tags-wrapper .hot-tags-list a:active
{
    padding: 4px 6px;
}
#header .tags-container .tags-main .tags-wrapper .hot-tags-list a:hover
{
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
#header .tags-container .tags-main .tags-wrapper .hot-tags-list a.current-tag-style
{
    background: #dd6b6b;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
#header .search-container
{
    width: 100%;
    background: #E3E3E3;
    margin:0;
    padding: 0;
}
#header .search-container .search-main
{
    width: 1002px;
    margin:0 auto;
}
#header .search-container .search-main .search-form
{
    padding-left: 150px;
    width: 597px;
    padding-top: 10px;
    float: left;
}
#header .search-container .search-main .search-input-style {
    width: 420px;
    padding: 7px 5px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    font-size: 16px;
}

#header .search-container .search-main .search-input-style:focus {
    border: 1px solid #f55482;
}
#header .search-container .search-main  .search-button-style {
    background: #dd6b6b;
    color: #fff;
    cursor: pointer;
    border: 1px solid #333333;
    border-radius: 2px;
    padding: 6px 18px;
    font-size: 16px;
    margin-left: 10px;
}
#header .search-container .search-main .all-record
{
    width: 255px;
    padding-top: 13px;
    text-align: left;
    float: right;
}
#header .search-container .search-main .all-record  .search-a
{
    background: #d8d8d8;
    color: #000000;
    cursor: pointer;
    border: 1px solid #333333;
    border-radius: 2px;
    padding: 6px 18px;
    font-size: 16px;
}