:root {
    --font-regular: "TheGroupTEXT-Regular";
    --font-bold: "TheGroupTEXT-Bold";
    --font-pro-bold: "TheGroupTEXTPro-Bold"
}

body {
    margin-bottom:30px !important;

}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
@media screen and (min-width: 320px) {
    main {
        margin-left:5px;
        margin-right:5px;
    }
    .notice {
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }

    .footer {
        line-height: 40px !important;
    }

    .noticeArea {
        min-height: 94px !important;
        padding: 0 16px !important;
    }

        .noticeArea .noticeAreaBg {
            background-position: right 16px !important;
            background-size: 80px !important;
            min-height: 94px !important;
        }

        .noticeArea .header .notice-title {
            padding-top: 16px !important;
            font-size: 17px !important
        }
            .noticeArea .header .notice-title .title {
                font-size: 17px !important;
                width: 75% !important;
            }
            .noticeArea .header .notice-title .info {
                padding-top: 15px !important;
                width: 100% !important;
            }
                .noticeArea .header .notice-title .info .publisher {
                    padding-left:6px !important;
                }
                .noticeArea .header .notice-title .info .space {
                    padding: 0 4px !important;
                }
                .noticeContent {
                    margin-top: 18px !important;
                    padding: 0 16px !important;
                    padding-bottom: 30px !important;
                }
}

@media screen and (min-width: 576px) {
    main {
        margin-left: 0px;
        margin-right: 0px;
    }
    .notice {
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }

    .footer {
        line-height: 40px !important;
    }

    .noticeArea {
        min-height: 94px !important;
        padding: 0 16px !important;
    }

        .noticeArea .noticeAreaBg {
            background-position: right 17px !important;
            background-size: 130px !important;
            min-height: 94px !important;
        }

        .noticeArea .header .notice-title {
            padding-top: 30px !important;
            width: 75% !important;
        }
            .noticeArea .header .notice-title .title {
                font-size: 17px !important;
            }
            .noticeArea .header .notice-title .info {
                padding-top: 15px !important;
                width: 100% !important;
            }
                .noticeArea .header .notice-title .info .publisher {
                    padding-left: 6px !important;
                }
                .noticeArea .header .notice-title .info .space {
                    padding: 0 4px !important;
                }
    .noticeContent {
        margin-top: 18px !important;
        padding: 0 16px !important;
        padding-bottom: 30px !important;
    }
}

@media screen and (min-width: 768px) {
    main {
        margin-left: 0px;
        margin-right: 0px;
    }
    .notice {
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }

    .footer {
        line-height: 40px !important;
    }

    .noticeArea {
        min-height: 94px !important;
        padding: 0 30px !important;
    }

        .noticeArea .noticeAreaBg {
            background-position: right 17px !important;
            background-size: 130px !important;
            min-height: 94px !important;
        }

        .noticeArea .header .notice-title {
            padding-top: 30px !important;
        }
            .noticeArea .header .notice-title .title {
                font-size: 17px !important;
                width: 75% !important;
            }
            .noticeArea .header .notice-title .info {
                padding-top: 15px !important;
                width: 100% !important;
            }
                .noticeArea .header .notice-title .info .publisher {
                    padding-left: 6px !important;
                }
                .noticeArea .header .notice-title .info .space {
                    padding: 0 4px !important;
                }

    .noticeContent {
        margin-top: 18px !important;
        padding: 0 30px !important;
        padding-bottom: 30px !important;
    }

}
@media screen and (min-width: 992px) {
    main {
        margin-left: 0px;
        margin-right: 0px;
    }
    .notice {
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }

    .footer {
        line-height: 40px !important;
    }

    .noticeArea {
        min-height: 94px !important;
        padding: 0 30px !important;
    }

        .noticeArea .noticeAreaBg {
            background-position: right 17px !important;
            background-size: 130px !important;
            min-height: 94px !important;
        }

        .noticeArea .header .notice-title {
            padding-top: 30px !important;
        }
            .noticeArea .header .notice-title .title {
                font-size: 18px !important;
                width: 85% !important;
            }
            .noticeArea .header .notice-title .info {
                padding-top: 14px !important;
                width: 85% !important;
            }
                .noticeArea .header .notice-title .info .publisher {
                    padding-left: 14px !important;
                }
                .noticeArea .header .notice-title .info .space {
                    padding: 0 8px !important;
                }
    .noticeContent {
        margin-top: 14px !important;
        padding: 0 30px !important;
        padding-bottom: 30px !important;
    }
}

/*1440下的小屏 */
@media screen and (min-width: 1200px) {
    main {
        margin-left: 0px;
        margin-right: 0px;
    }

    .notice {
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }

    .footer {
        line-height: 40px !important;
    }

    .noticeArea {
        min-height: 94px !important;
        padding: 0 30px !important;
    }

        .noticeArea .noticeAreaBg {
            background-position: right 17px !important;
            background-size: 130px !important;
            min-height: 94px !important;
        }

        .noticeArea .header .notice-title {
            padding-top: 30px !important;
        }
            .noticeArea .header .notice-title .title {
                font-size: 18px !important;
                width: 85% !important;
            }
            .noticeArea .header .notice-title .info {
                padding-top: 14px !important;
                width: 85% !important;
            }
                .noticeArea .header .notice-title .info .publisher {
                    padding-left: 14px !important;
                }
                .noticeArea .header .notice-title .info .space {
                    padding: 0 8px !important;
                }
    .noticeContent {
        margin-top: 14px !important;
        padding: 0 30px !important;
        padding-bottom: 30px !important;
    }
}
/*1920下的大屏 */
@media screen and (min-width: 1440px) {
    main {
        margin-left: 0px;
        margin-right: 0px;
    }
    .notice {
        max-width: 1104px;
        margin: 20px auto;
        min-height: calc( 100vh - 86px);
    }
    .footer {
        line-height: 40px !important;
    }
    .noticeArea {
        min-height: 96px !important;
        padding: 0 30px !important;
    }
        .noticeArea .noticeAreaBg {
            background-position: right 17px !important;
            background-size: 141px !important;
            min-height: 96px !important;
        }
    .noticeArea .header .notice-title {
        padding-top: 38px !important;
    }
        .noticeArea .header .notice-title .title {
            font-size: 18px !important;
            width: 85% !important;
        }
        .noticeArea .header .notice-title .info {
            padding-top: 14px !important;
            width: 85% !important;
        }
            .noticeArea .header .notice-title .info .publisher {
                padding-left: 14px !important;
            }
            .noticeArea .header .notice-title .info .space {
                padding: 0 8px !important;
            }
    .noticeContent {
        margin-top: 24px !important;
        padding: 0 30px !important;
        padding-bottom: 30px !important;
    }
}


@font-face {
    font-family: TheGroupTEXT-Regular;
    src: url('TheGroupTEXT-Regular.woff2') format("woff2"), url('TheGroupTEXT-Regular.woff') format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: TheGroupTEXT-Bold;
    src: url('TheGroupTEXT-Bold.woff2') format("woff2"), url('TheGroupTEXT-Bold.woff') format("woff");
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: TheGroupTEXTPro-Bold;
    src: url('TheGroupTEXTPro-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}