/* CSS Document */
/*10*/
:root { --color-1:#17263a;
    --color-2:#3f5655;
    --color-3:#926c32;
    --color-4:#cc9322;
    --color-5:#d5c1a1;
    --color-6:#c46842;
    --color-index: #926c32;
    --color-form-border:#cc9322;
    --color-sub-index: #8f754e;
    --len-pagehead:2.6rem;
}
* { padding: 0; margin: 0; }
body{
    background-size: contain;
}
.home-logo { width: 200px; height: 81px; }
.home-logo img { width: 80%; }
.home-menu { height: 81px; }
.home-menu-ul { }
.home-menu-li { list-style-type: none; height: 81px; display: inline-block; line-height: 81px; padding-right: 5%; }
.home-menu-a { font-size: x-large; color: var(--color-index); text-decoration: none; font-family: cursive; display: block;text-align-last: justify;}
.webcolors-box { width: 100px; height: 100px; display: inline-block; }
.home-login { line-height: 66px; height: 81px; font-size: small; }
.home-login a { color: #3f5655; font-family: cursive; }
.ad-narrow { width: 100%; height: 120px; overflow: hidden; }
.ad-narrow-img {width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; }
.home-crumbs { display: flex; }
.home-crumbs-li { list-style-type: none; }
.home-crumbs-a { color: #926c32; text-decoration: none; }
/*.home-crumbs-a:after { content: ""; width: 0; height: 0; background-color: #fff; display: inline-block; vertical-align: middle; border: 1em solid #fff; border-top-width: 0.5em; border-bottom-width: 0.5em; border-left-color: #926c32; border-right-width: 0; margin-left: 0.3em; margin-right: 0em;opacity: 0.6;}*/
.home-crumbs-a:after { content: ">"; padding-left: 0.2em; }
.home-crumbs-span { color: #926c32; text-decoration: none; }
.home-crumbs-a:first-child { font-weight: 600; }
.artic-userinfo { width: 200px; box-sizing: border-box; background-color: #926c32; }
.artic-userinfo-logo { text-align: center; }
.artic-userinfo-logoimg { width: 100px; height: 100px; border: 1px solid #926c32; border-radius: 5px; }
.artic-userrecomm { border: 1px solid #926c32; }
.artic-userrecomm li { list-style-type: none; }
.artic-userrecomm li:first-child { background-color: #926c32; }
.artic-recomm { width: 200px; }
.artic-recomm-ul { border: 1px solid #926c32; }
.artic-recomm li { list-style-type: none; }
.artic-recomm li:first-child { background-color: #926c32; }
.artic-artics { border-top: 1px dashed #926c32; min-height: 160px; }
.cardartic-item { border-bottom: 1px dashed #926c32; }
.articdetail-title { text-align: center; font-size: 24px; line-height: 32px; margin-top: 15px; color: #926c32; }
.artic-conts { text-align: initial; border-top: 1px solid #d5c1a1; padding: 15px; border-radius: 5px; margin: auto; }
.artic-conts * { word-break: break-word; white-space: pre-wrap; }
.artic-conts .language-CSS { background: #f5f5f5; font-family: "Courier New", sans-serif; border: 1px solid #ccc; transition-property: color, opacity, border-color; overflow-x: auto; display: block; line-height: 1.5; position: relative; padding: 30px 45px!important; background-color: #333!important; margin: 15px 0; border-radius: 3px; word-wrap: break-word; color: #fff; }
.artic-conts .language-HTML { background: #f5f5f5; font-family: "Courier New", sans-serif; border: 1px solid #ccc; transition-property: color, opacity, border-color; overflow-x: auto; display: block; line-height: 1.5; position: relative; padding: 10px 15px!important; background-color: #333!important; margin: 15px 0; border-radius: 3px; word-wrap: break-word; color: #fff; }
.artic-conts p { font-size: inherit; font-family: serif; line-height: 1.4em; margin-bottom: 15px; }
.artic-conts a { color: var(--color-main); }
.artic-conts img { max-width: 100%; }
.artic-conts pre { background: #f5f5f5; font-family: "Courier New", sans-serif; border: 1px solid #ccc; transition-property: color, opacity, border-color; overflow-x: auto; display: block; line-height: 1.5; position: relative; padding: 10px 15px!important; background-color: #333!important; margin: 15px 0; border-radius: 3px; word-wrap: break-word; color: #fff !important; }
.artic-conts ol { padding-left: 40px; }
.artic-conts ul { padding-left: 40px; }
.artic-conts ul.list { list-style-type: decimal; }
.artic-conts ul.list li { margin-bottom: 15px; font-size: small; }
.pageindex-headbg { background-color: var(--color-index);background-size: cover;background-position: center; }
.pageindex-cardlogin { width: 380px; position: relative; right: 0; top: 0; background-color: #fff; margin: 42px 32px 42px 32px; border: 5px solid var(--color-index); display: inline-block; text-align: left; max-width: 80%; }
.pageindex-cardlogin-title { color: var(--color-index); font-weight: bold; }
.pageindex-banner { text-align: end;  background-size: cover; background-repeat: no-repeat; background-position: center; }
.pageindex-bannerimg { }
.pageindex-cardlogin-btn { padding: 0.25em 2em; background-color: var(--color-index); color: #fff; border: none; border-radius: 0.25em; font-size: 15px; outline: none; }
.pageindex-forminput { padding: 0.85em 1.25em; }
.pageindex-forminput-username { outline-color: var(--color-base); border-width: 1px; padding: 0.5em 0.75em; border: 1px solid #bdbdbd; width: 100%; box-sizing: border-box; padding: 0.85em 1.25em; }
.pageindex-forminput-password { outline-color: var(--color-base); border-width: 1px; padding: 0.5em 0.75em; border: 1px solid #bdbdbd; width: 100%; box-sizing: border-box; padding: 0.85em 1.25em; margin-top: -1px; }
@media screen and (max-width : 768px) {
    .pageindex-banner { background-size: 100% 100%; }
}
.card-mymenu { padding-top: 15px; padding-bottom: 15px; color: inherit; text-decoration: none; }
.card-mymenu:active, .card-mymenu:hover { color: #926c32; transition: 0.4s; }
.card-infomenu { border: 1px solid #dedede; }
.card-infomenu .label { color: #17263a; font-family: cursive; font-size: small; }
.card-mytitle-title { font-size: 24px; }
.foot-limit { height: 1px; width: 100%; background-color: #dedede; }
.footer-fast-link { }
.tools-qrdecode-img { display: block; width: 156px; height: 156px; border: 1px solid #d5c1a1; box-sizing: border-box; line-height: 205px; color: #3f5655; text-align: center; cursor: pointer; word-break: break-all; margin: auto; }
.tools-qrcode-conts { height: 173px; border: 1px solid; border-color: #926c32; word-break: break-all; overflow: auto; }
.user-menu { width: 200px; border: 1px solid #d5c1a1; margin-right: -0.5px; }
.user-conts { border: 1px solid #d5c1a1; box-sizing: border-box; position: relative; }
.card.card-menus-vertical { }
.card.card-menus-vertical li { list-style-type: none; border-top: 1px solid #d5c1a1; }
.card.card-menus-vertical span { color: inherit; text-decoration: none; display: block; padding: 5px 10px; font-size: 14px; }
.card.card-menus-vertical a { text-decoration: none; display: block; padding: 5px 10px; font-size: 14px; color: #17263a; }
.user-userinfo { width: 200px; box-sizing: border-box; }
.user-userinfo-logo { text-align: center; }
.user-userinfo-logoimg { width: 100px; height: 100px; border: 1px solid #926c32; border-radius: 5px; }
.card.card-additem { border-color: #d5c1a1; border-radius: 0.25em; margin-top: 5px; }
.card.card-story { border: 1px solid #cc9322; margin-top: 5px; cursor: all-scroll; border-radius: 0.25em; padding: 10px; }
.card.card-story.story-item { }
.card.card-api { }
.card.card-api>.card-head { background-color: #b69d76 !important; }
.card.card-api>.card-head>span:first-child { color: #f2efe7 !important; }