/* =========================================================
   单页(关于本站/联系我们/服务协议/版权声明/问题反馈)专属样式
   头部等共享样式见 head.css;内容区复刻 good.gd about.css
   ========================================================= */

/* ===== 主体两栏 (about.css) ===== */
#body {
    width: 960px;
    min-height: 300px;
    text-align: left;
    overflow: hidden; /* 清除浮动(替代原版 float:center 无效写法) */
    margin-bottom: 20px;
    /* 左移 99px: 右栏(760px)恰好与底部居中的 762px 页脚装饰线左右对齐 */
    position: relative;
    left: -99px;
}
#left {
    float: left;
    width: 160px;
    box-sizing: border-box; /* 对齐 IE6 总宽算法, 与 760px 右栏恰好拼满 960px */
    margin-right: 40px;
    border: 2px dotted #999999;
    padding: 5px;
    line-height: 30px;
    background: #fff;
}
#left ul { margin: 0; padding: 0; }
#left li { margin: 0; padding: 0; }
#left li a {
    border-bottom: 1px dotted #cccccc;
    margin-left: 5px;
    display: block;
    line-height: 30px;
}
#left li a.current { color: #F21728; font-weight: bold; }
.AboutTitle {
    font-size: 14px;
    background: #F5F5F5;
    padding-left: 10px;
    line-height: 30px;
    color: #000;
}
#right {
    float: right;
    width: 760px;
    text-align: left;
    font-size: 14px;
}

/* ===== 红色小标题 + 灰渐变内容块 ===== */
.SubTitle {
    font-size: 14px;
    color: #F21728;
    line-height: 200%;
}
.SubTitle a {
    font-size: 14px;
    color: #F21728;
    line-height: 200%;
}
.SubContent {
    line-height: 28px;
    background-image: url('img/GradualGrayBg.jpg');
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 10px;
    text-align: left;
    min-height: 49px;
}
.SubContent a {
    line-height: 28px;
    text-decoration: underline;
}
.SubContent p { margin: 8px 0; line-height: 28px; }
.SubContent li { margin-left: 18px; list-style-type: none; }

/* 黄色提示框(about.css .tip) */
.tip {
    background: #FFFFCC;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 20px;
    border: 1px dotted #cccccc;
    color: #999999;
    margin-bottom: 50px;
}

/* ===== 页脚 ===== */
#footer {
    width: 780px;
    line-height: 250%;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #000;
}
#footer .foot-img { border: 0; }
#footer a { color: #000; }
#footer .icp {
    display: block;
    color: #cccccc;
    font-size: 12px;
}

/* ===== 小屏降级(1180px 以下左移会导致菜单出界, 改为上下堆叠) ===== */
@media (max-width: 1180px) {
    #body, #footer { width: 96%; max-width: 960px; }
    #body { left: 0; }
    #left { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
    #right { float: none; width: 100%; }
}