/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/

/* 全站通用的CSS */

body{ max-width: 100%;  }
.content { background-color: #fff; padding: 10px 10px 40px 10px ;}
img { max-width: 100%; max-height: 100%; }
video { max-width: 100%; }

ul,p,dl { padding: 0; margin: 0; }
ul li { list-style: none; }

a {
    color: #212529;
    text-decoration:none;
}
a:hover { color: #fc2727; text-decoration:underline; }

.hand { cursor: pointer; }

.pagination { padding: 1em; background-color: #f3f3f3; text-align: center }
.pagination .step-links { text-align: center }
.pagination a { margin:4px 6px; }
.pagination a { margin:4px 6px; }
.pagination a { margin:4px 6px; }
.pagination a { margin:4px 6px; }

.avatar-thumbnail { padding: .25rem;  background-color: #fff;  border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100px; height: auto;}
.text-color { color: #333 }
.text-color-gray { color: rgb(128, 128, 128); }
.text-color-gray-light { color: #ccc; }
.text-color-yellow { color: yellow; }
.text-color-yellow2 { color: #fff893; }
.text-color-orange { color: orange; }
.text-color-orange2 { color: #f7ba9d; }
.text-color-red { color: red; }
.text-color-red2 { color: #ff583a; }
.text-color-blue { color: blue; }
.text-color-blue-light { color: #6495ed; }
.text-color-white { color: white; }

.bg-color { background-color: #333 }
.bg-color-gray { background-color: gray; }
.bg-color-gray-light { background-color: #ccc; }
.bg-color-yellow { background-color: yellow; }
.bg-color-yellow2 { background-color: #fff5a8; }
.bg-color-orange { background-color: orange; }
.bg-color-orange2 { background-color: #f7ba9d; }
.bg-color-red { background-color: red; }
.bg-color-red2 { background-color: #ff583a; }
.bg-color-blue { background-color: blue; }
.bg-color-blue-light { background-color: #6495ed; }
.bg-color-white { background-color: white; }

.bg-color-gray-light2 { background-color: #eee; }

.border-color { border: 1px solid  #333 }
.border-color-gray { border: 1px solid  gray; }
.border-color-gray-light { border: 1px solid  #ccc; }
.border-color-yellow { border: 1px solid  yellow; }
.border-color-yellow2 { border: 1px solid  #fff5a8; }
.border-color-orange { border: 1px solid  orange; }
.border-color-orange2 { border: 1px solid  #f7ba9d; }
.border-color-red { border: 1px solid  red; }
.border-color-red2 { border: 1px solid  #ff583a; }
.border-color-blue { border: 1px solid  blue; }
.border-color-blue-light { border: 1px solid  #6495ed; }
.border-color-white { border: 1px solid  white; }

.border-color-gray-light2 { background-color: #eee; }

.font-size-10 { font-size: 10px }
.font-size-11 { font-size: 11px }
.font-size-12 { font-size: 12px }
.font-size-13 { font-size: 13px }
.font-size-14 { font-size: 14px }
.font-size-15 { font-size: 15px }
.font-size-16 { font-size: 16px }
.font-size-17 { font-size: 17px }
.font-size-18 { font-size: 18px }
.font-size-19 { font-size: 19px }
.font-size-20 { font-size: 20px }
.font-size-22 { font-size: 22px }
.font-size-25 { font-size: 25px }
.font-size-28 { font-size: 28px }
.font-size-30 { font-size: 30px }

.font-size-05em { font-size: .5em }
.font-size-06em { font-size: .6em }
.font-size-07em { font-size: .7em }
.font-size-08em { font-size: .8em }
.font-size-09em { font-size: .9em }
.font-size-10em { font-size: 1.0em }
.font-size-11em { font-size: 1.1em }
.font-size-12em { font-size: 1.2em }
.font-size-13em { font-size: 1.3em }
.font-size-14em { font-size: 1.4em }
.font-size-15em { font-size: 1.5em }
.font-size-16em { font-size: 1.6em }
.font-size-17em { font-size: 1.7em }
.font-size-18em { font-size: 1.8em }
.font-size-19em { font-size: 1.9em }
.font-size-20em { font-size: 2.0em }
.font-size-22em { font-size: 2.2em }
.font-size-25em { font-size: 2.5em }
.font-size-28em { font-size: 2.8em }
.font-size-30em { font-size: 3.0em }


#op-notice { }


.form-control { font-size: .8rem; }
.welcome { border-radius: 6px; margin-left: 20px;  padding: 4px 10px; background-color: #ffdf7e; color:red; font-size: 0.8em }
.welcome a { color:red; }
.welcome a:hover { color: #fff; font-size: 1.1em; }

.dom-hide { display: none; }
.dom-show { display: block; }

dl { overflow: hidden; border-bottom: 1px dashed #ddd; margin: 4px; padding: 2px; }
dl dt { float: left; font-size: 0.8em; min-width: 100px; }
dl dd { float: left; padding-left: 20px; font-size: 1.0em; }
dl dd.val { min-width: 100px; }

.gridtable { }
.gridtable th { border: 1px solid #dddddd; padding: 10px; text-align: center }
.gridtable td { border: 1px solid #ddd; padding: 10px 30px; text-align: center }
.gridtable .service td:nth-child(3) { color:red }


#mb-left {
    background-color: #87acfe; padding-bottom: 100px; padding: 20px;
}

#mb-left ul  {

}


.favt {
    padding: 10px;
    background-color: #9dafff;
    margin-bottom: 10px;
}

.priv-cates {
    padding: 10px;
}

.priv-cates .priv-t {
    padding: 20px 15px;
    background-color: #7c63ff;
    border-radius: 10px 20px 0 0;
    color: #fff;
}

.priv-cates ul li {
    padding: 10px;
}



.member-rights { }
.member-rights li {    }
.nav .nav-item a {  color:#fff;    font-size: 1.2em; }



.member-priv-notice { margin: 20px 0; padding: 20px; color:red;  border: 1px solid red}
.member-priv-notice a  { font-weight: bold; color: red; }

.mycate { padding: 10px; background-color: #883cf2; box-shadow: 0px 0px 11px 0px #c3a0b6;  margin:10px 0; border-radius: 10px;  }
.mycate a { color: #fffcd7; padding: 30px; display: block; font-size: 1.3em }


 .mng-t {
    padding: 10px;
    background-color: #fed695;
    border-radius: 10px 20px 10px 10px;
    color: #f75555;
    margin: 10px 0;
}


 .article-content { padding: 20px; line-height: 1.8em; font-size: 1.2em; font-weight: 350;  color: #373447; }
 .article-content p { padding: 15px;  }
 .article-content table { padding: 5px; margin: 5px; }
 .article-content table  td { border: 1px solid #eee; padding: 5px 10px;  }




/* 具体页面有关的CSS */