* {
    margin: 0;
    padding: 0;
}

body {
    background-image: url(../img/bk.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    margin: 0 auto;
    background-color: #FFFFFF;
    text-align: center;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#header .headcont {
    height: 240px;
    width: 960px;
    margin: 0px auto 0px auto;
}

#header img {
    width: 960px;
    height: 240px;
    border: 0px;
}

#Container {
    width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    /* border: 1px solid #F7EFC8; */
}

#navibox {
    width: 960px;
    height: 60px;
    margin: 0px auto 0px auto;
    text-align: center;
    margin-top: 0px;
}

#footer {
    /* border-top: 1px solid #FFFFFF; */
    height: 120px;
}

.footerlink {
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

.footerlink p {
    color: #302418;
    padding: 15px 0 0;
    font-size: 14px;
    margin: 0 0 0px;
    text-align: center;
}

.footerlink a {
    color: #302418;
    font-size: 14px;
    text-decoration: none;
}

#footercr {
    margin-top: 15px;
    color: #302418;
}

#tglink ul li {
    list-style: none;
}

.temp_bar {
    padding-bottom: 20px;
}

/* ------------------------------
   Responsive fix for mobile
   固定960布局在手机上会溢出，这里做兼容
-------------------------------- */

/* 图片等元素不要超过容器 */
img {
    max-width: 100%;
    height: auto;
}

/* 让table在手机上能缩放 */
table {
    max-width: 100%;
}

/* 小屏时整体容器用百分比宽度显示，最大仍为960 */
@media screen and (max-width: 980px) {

    #Container,
    #navibox,
    #header .headcont,
    .footerlink {
        width: 100%;
        max-width: 960px;
    }

    /* 头图不要再写死 960 */
    #header img {
        width: 100%;
        height: auto;
    }

    /* 导航table原来写死960，这里强制100% */
    #navibox table {
        width: 100%;
    }

    /* 如果页面里有大量 table 写死宽度，统一处理 */
    #Container table {
        width: 100%;
    }

    /* 给手机留点内边距，避免贴边 */
    #Container {
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media screen and (max-width: 980px) {

    #Container, #navibox, #header .headcont, .footerlink {
        width: 100%;
        max-width: 960px;
        box-sizing: border-box;
    }

    #Container {
        padding-left: 8px;
        padding-right: 8px;
    }

    #header img {
        width: 100% !important;
        height: auto !important;
    }

    #Container table,
    #navibox table {
        width: 100% !important;
    }

    td, th {
        box-sizing: border-box;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }
}