@charset "UTF-8";
/* CSS Document */

/* content style */
html {background-color: #000;}
/* body css */
.black-body {background-color:#000; text-align: center; min-height: 1200px;}
/* main content */
#page {background-color: #000; max-width: 900px; min-width: 400px; position:relative; margin: 0 auto;}

/* header */
#header {
    padding:1em 0 0.5em 0;
    position: relative;
    font: 12px Arial, sans-serif;
    border-bottom: solid #464646 1px;
}

/* header menu */
.menu-list {display: inline;}
.menu-item {display: inline; padding: 0 16px 0 16px}
.menu-link {color:#ddd; font-size: 10px}
.menu-link-now {color:#ed5d04;}
a.menu-link:hover, a.menu-link:visited a.menu-link:active, a.menu-link-now:hover {
    text-decoration: none;
    color:#ed5d04;
    cursor:pointer;
}

/* content */
#content {padding: 1em 0 1em 0; text-align: left; position: relative;}
.image-item {position: relative; max-width: 430px; margin: 10px 0;}
.image-text {
    text-align: left;
    padding: 0.5em 0;
    background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
    position: absolute;
    bottom: -1px;
    text-indent: 1em;
    width: 100%;
}
.image-text p {display:inline; font-size: 10px; font-weight: bold; color: #bbb;}
.hot-tag {font-size: 10px; font-weight: bold; color: #ed5d04; float:right; margin-right: 1em;}

#about-content {padding: 1em 0 1em 0; text-align: left; position: relative; margin-bottom: 185px;}
.me-image {float:left; width: 200px;}
.self-introduction {margin: 10px 0 0 230px;}
.name {color:#eee; font: bold 16px "微软雅黑"; padding: 2px 0 16px 0; border-bottom: solid  1px #aaa;}
.introduction {color: #ed5d04; font: 14px "微软雅黑"; padding: 10px 0 10px 0;}
.equipment {margin: 10px 0 0 230px;}
.eq-name {color:#eee; font: bold 14px "微软雅黑"; padding: 2px 0 16px 0;}
.eq-detail {color:#eee; font: 12px "微软雅黑"; padding: 2px 0 2px 32px;}


/* footer */
#footer {clear:both; border-top: solid #464646 1px; background: #000; padding: 1em 0 1em 0; color:#ccc;}