﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');
/* footer */
#footer { padding-top: 50px; background-color: #1f2130; color: #fff; overflow: hidden; }
#footer p { line-height: 1em; }
#footer a { display: block; color: #fff; }
#footer .calendarcont { border-radius: 6px; behavior: url(/Scripts/pie.htc); position: relative; color: #383838; background: #fff; border: 1px solid #fff; padding: 2px 5px; width: 220px; }
#footer .restday { background: #aaa; color: #fff; }
#footer .today { color: #f00; }
#footer .calendarlist { width: 100%; border-collapse: separate; border-spacing: 1px; }
#footer .calendarlist td,
#footer .calendarlist th { text-align: center; font-size: 15px; }
#footer .calendarlist .day { color: #aaa; }
#footer .calendarcont i { width: 11px; height: 11px; display: inline-block; margin: 0 1px 0 5px; vertical-align: -10%; *display: inline; *zoom: 1; *vertical-align: middle; }
#footer .calendarcont p { margin: 2px 0px; border-top: 1px solid #aaa; padding-top: 4px; font-size: 14px; line-height: 1.2em; }
#footer .calendarcont p span { color: #aaa; font-weight: bold; }
#footer .line { background: url(/Images/line.png) repeat-x; height: 2px; margin: 10px 10px; width: 100%; }
#footer .copy { margin: 10px 0px; width: 100%; }
#footer .copy p { text-align: center; font-size: 14px; line-height: 16px; }
/**********  main.master end  **********/

/*------------news---------------*/
.news { padding-top: 50px; padding-bottom: 50px; background-color: #fff; }
.news .main { min-height: 410px; }
.news article { border: 1px solid #ddd; padding: 30px; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 3px; background: #fff; margin-bottom: 18px; }
.news h1 { border-bottom: solid 1px #ddd; padding: 0 0 20px; margin: 0 0 5px; font-weight: 600; font-size: 20px; line-height: 1.2; }
.news h1 a { font-size: inherit; }
.news img { max-width: 100%; height: auto !important; }
.news time { font-style: italic; color: #808080; }
.news p { line-height: 160%; margin-bottom: 10px; font-size: 15px; }
.news .col-sm-3 { margin-bottom: 18px; }

@media(min-width:768px) {
    .news .col-sm-9 { padding-right: 5px; }
    .news .col-sm-3 { padding-left: 5px; }
}

.news .input-group { margin-bottom: 18px; }
.news .banner a { margin-bottom: 18px; display: block; }
.news .list { border: solid 1px #ddd; background: #fff; border-radius: 3px; margin-bottom: 18px; }
.news .list h4 { font-size: 1.2rem; padding: 1rem; margin: 0; color: #000; background: #ffcf07; border-radius: 3px 3px 0 0; }
.news .list ul { padding: 0; margin: 0; font-size: 13px; list-style: none; }
.news .list ul li { position: relative; }
.news .list ul a { display: block; padding: 10px 15px; border-top: solid 1px #eee; position: relative; cursor: pointer; font-size: .9rem; color: #000; }
.news .list ul a:hover { background: #fff; }
.new .active a,
.new .active a:link { color: #fff !important; }


.news .side li.active { background-color: #f5f5f5; }
.news .side .btn { font-size: 1.2rem; }
.news .btn-selfBlue { color: #000; background-color: #ffcf07; border-color: #ffcf07; }
.news .btn-selfBlue:hover,
.news .btn-selfBlue:focus,
.news .btn-selfBlue:active,
.news .btn-selfBlue.active,
.news .open .dropdown-toggle.btn-selfBlue { color: #ffcf07; background-color: #000; border-color: #000; }
.news .btn-selfBlue:active,
.news .btn-selfBlue.active,
.news .open .dropdown-toggle.btn-selfBlue { background-image: none; }
.news .news-content { word-break: break-all; }
.news .news-content p { line-height: 2.4rem !important; font-size: 1.2rem !important }
.news .news-content p span { line-height: 2.4rem !important; font-size: 1.2rem !important; }
.news .list-group-item:last-child { margin-bottom: -1px !important; }
.news .readmore { margin-top: 20px; }
.news .article img { height: auto !important; }

/*---------------pagination--------------------*/
.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; flex-wrap: wrap; }

.pagination a,
.pagination span { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #000; background-color: #fff; border: 1px solid #dee2e6; }

.pagination a:hover { z-index: 2; color: #000; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }

.pagination a:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.pagination .page-item:first-child a { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.pagination .page-item:last-child a { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.pagination .active { z-index: 3; color: #000; background-color: #ffcf07; border-color: #ffcf07; }

.pagination .page-item [disabled] { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
/*------404--------*/
.nopage { height: 300px; margin: 77px auto 0; background: #fbfbfb; }
.nopage h2 { color: #30b6e7; font-size: 24px; text-align: center; border-bottom: 2px solid #30b6e7; margin: 0px 15px; padding: 18px; }
.nopage dl { overflow: hidden; margin: 18px auto; text-align: center; }
.nopage dd { font-size: 14px; }
.nopage p { line-height: 1.8em; color: #444; }
.nopage p span { color: #30b6e7; }
.nopage dd a { width: 134px; text-align: center; line-height: 34px; margin-left: 30px; background: #30b6e7; color: #fff; font-size: 20px; display: block; font-weight: bold; margin: 15px auto 0; }
.nopage dd a:hover { background: #38c8fc; }
.noshadow { background: url(/Images/404shadow.png) bottom no-repeat; width: 100%; height: 44px; margin-bottom: 60px; }

@media (min-width: 568px) {
    .nopage { width: 520px; }
}
/*---- login-------*/
.login-content { padding: 115px 0; }
.signin-body { padding: 20px 10px; margin: 0px auto; max-width: 510px; }
.signin-body .form-group { border: 0; padding: 0; position: relative; margin: 0 auto 15px; max-width: 450px; }
.signin-body .form-group .form-control { width: 100%; box-shadow: none; }
.signin-body .input-round,
.signin-body .btn-round { border-radius: 25px; }
.signin-body .form-icon { position: absolute; top: 16px; left: 12px; line-height: 1; color: #999; }
.signin-body .fa-user { font-size: 16px; }
.signin-body .fa-lock { font-size: 18px; }
.signin-body .alert-danger { background: none; text-align: center; }
.signin-body .yzm div { padding: 0; text-align: center; }
.signin-body .yzm img { margin: 12px auto; }
.signin-body .yzm span { padding: 6px; background: #f5f5f5; border: #eae8e8 1px solid; margin: 6px 0; display: block; }


/*-----------------form input-----------------*/
.blog .form-group { padding: 25px 0 20px; margin: 0; border-bottom: 1px dashed #e7eaec; }
.blog .form-group .control-label { font-weight: normal; }
.blog .form-group:last-child { border: none; }
.blog .form-group .input-only { padding: 0; }
.blog .form-group .col-sm-6 { padding: 0; }
.blog .form-group .col-sm-6 .form-control { width: 100%; }
.blog .form-group .input-group { float: left; }
.blog .form-group .help-block { margin: 7px 0px; display: block; padding-left: 15px; text-align: left; }
.blog .form-group .help-info { display: block; clear: both; padding-top: 5px; color: #737373; line-height: 1; }
.blog .form-group input[type=radio] { vertical-align: middle; margin: 0 5px 0 0; }
.blog a.btn { color: #fff; }
.blog .yzm .col-sm-4 div { padding: 0; }
.blog .yzm .form-control { width: 100%; box-shadow: none; }
.blog .yzm img { margin: 6px auto; }
.blog .yzm .tip span { padding: 6px; background: #f5f5f5; border: #eae8e8 1px solid; display: block; text-align: center; }

@media (max-width: 768px) {
    .blog .form-group { padding: 10px 0; }
    .blog .yzm .tip span { margin-top: 10px; }
}
/*-------------rule------------*/
.rule { padding-top: 30px; padding-bottom: 40px; background-color: #fff; }
.rule .agree-pro { margin-top: 10px; }
.rule .tit { padding: 30px 30px 0; }
.rule .tit p { line-height: 24px; font-size: 18px; color: #0072fe; font-weight: bold; }
.rule dl { padding: 20px 30px; line-height: 26px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; }
.rule dt { font-weight: bold; margin-bottom: 5px; }
.rule dt { font-size: 17px; }
.rule dd { font-size: 16px; }
.rule dd p { font-size: 16px; line-height: 1.43em; }
.rule .greybg .cont { background: #fff; }
.rule .greybg dl dd p.line { color: #484848; line-height: 15px; }
