1*, 2*::before, 3*::after { 4 box-sizing: border-box; 5} 6 7html { 8 font-family: sans-serif; 9 line-height: 1.15; 10 -webkit-text-size-adjust: 100%; 11 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 12} 13 14article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 15 display: block; 16} 17 18body { 19 position: relative; 20 margin: 0; 21 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC","Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei",sans-serif; 22 font-size: .9375rem; 23 font-weight: 400; 24 line-height: 1.5; 25 color: @ini_text; 26 text-align: left; 27 background-color: @ini_background; 28 background: #fff url("../images/top-bg.gif") center center no-repeat; 29} 30 31[tabindex="-1"]:focus:not(:focus-visible) { 32 outline: 0 !important; 33} 34 35hr { 36 box-sizing: content-box; 37 height: 0; 38 overflow: visible; 39} 40 41h1, h2, h3, h4, h5, h6 { 42 margin-top: 0; 43 margin-bottom: 0.5rem; 44} 45 46p { 47 margin-top: 0; 48 margin-bottom: 1rem; 49} 50 51abbr[title], 52abbr[data-original-title] { 53 text-decoration: underline; 54 -webkit-text-decoration: underline dotted; 55 text-decoration: underline dotted; 56 cursor: help; 57 border-bottom: 0; 58 -webkit-text-decoration-skip-ink: none; 59 text-decoration-skip-ink: none; 60} 61 62address { 63 margin-bottom: 1rem; 64 font-style: normal; 65 line-height: inherit; 66} 67 68ol, 69ul, 70dl { 71 margin-top: 0; 72 margin-bottom: 1rem; 73} 74 75ol ol, 76ul ul, 77ol ul, 78ul ol { 79 margin-bottom: 0; 80} 81 82dt { 83 font-weight: 700; 84} 85 86dd { 87 margin-bottom: .5rem; 88 margin-left: 0; 89} 90 91blockquote { 92 margin: 0 0 1rem; 93} 94 95b, 96strong { 97 font-weight: bolder; 98} 99 100small { 101 font-size: 80%; 102} 103 104sub, 105sup { 106 position: relative; 107 font-size: 75%; 108 line-height: 0; 109 vertical-align: baseline; 110} 111 112sub { 113 bottom: -.25em; 114} 115 116sup { 117 top: -.5em; 118} 119 120a { 121 color: @ini_link; 122 text-decoration: none; 123 background-color: transparent; 124} 125 126a:hover { 127 color: #1565C0; 128 text-decoration: underline; 129} 130 131a:not([href]):not([class]) { 132 color: inherit; 133 text-decoration: none; 134} 135 136a:not([href]):not([class]):hover { 137 color: inherit; 138 text-decoration: none; 139} 140 141pre, 142code, 143kbd, 144samp { 145 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 146 font-size: 1em; 147} 148 149pre { 150 margin-top: 0; 151 margin-bottom: 1rem; 152 overflow: auto; 153 -ms-overflow-style: scrollbar; 154} 155 156figure { 157 margin: 0 0 1rem; 158} 159 160img { 161 vertical-align: middle; 162 border-style: none; 163} 164 165svg { 166 overflow: hidden; 167 vertical-align: middle; 168} 169 170table { 171 border-collapse: collapse; 172} 173 174caption { 175 padding-top: 0.75rem; 176 padding-bottom: 0.75rem; 177 color: #6c757d; 178 text-align: left; 179 caption-side: bottom; 180} 181 182th { 183 text-align: inherit; 184 text-align: -webkit-match-parent; 185} 186 187label { 188 display: inline-block; 189} 190 191button { 192 border-radius: 0; 193} 194 195button:focus:not(:focus-visible) { 196 outline: 0; 197} 198 199input, 200button, 201select, 202optgroup, 203textarea { 204 margin: 0; 205 font-family: inherit; 206 font-size: inherit; 207 line-height: inherit; 208} 209 210button, 211input { 212 overflow: visible; 213} 214 215button, 216select { 217 text-transform: none; 218} 219 220[role="button"] { 221 cursor: pointer; 222} 223 224select { 225 word-wrap: normal; 226} 227 228button, 229[type="button"], 230[type="reset"], 231[type="submit"] { 232 -webkit-appearance: button; 233} 234 235button:not(:disabled), 236[type="button"]:not(:disabled), 237[type="reset"]:not(:disabled), 238[type="submit"]:not(:disabled) { 239 cursor: pointer; 240} 241 242button::-moz-focus-inner, 243[type="button"]::-moz-focus-inner, 244[type="reset"]::-moz-focus-inner, 245[type="submit"]::-moz-focus-inner { 246 padding: 0; 247 border-style: none; 248} 249 250input[type="radio"], 251input[type="checkbox"] { 252 box-sizing: border-box; 253 padding: 0; 254} 255 256textarea { 257 overflow: auto; 258 resize: vertical; 259} 260 261fieldset { 262 min-width: 0; 263 padding: 0; 264 margin: 0; 265 border: 0; 266} 267 268legend { 269 display: block; 270 width: 100%; 271 max-width: 100%; 272 padding: 0; 273 margin-bottom: .5rem; 274 font-size: 1.5rem; 275 line-height: inherit; 276 color: inherit; 277 white-space: normal; 278} 279 280progress { 281 vertical-align: baseline; 282} 283 284[type="number"]::-webkit-inner-spin-button, 285[type="number"]::-webkit-outer-spin-button { 286 height: auto; 287} 288 289[type="search"] { 290 outline-offset: -2px; 291 -webkit-appearance: none; 292} 293 294[type="search"]::-webkit-search-decoration { 295 -webkit-appearance: none; 296} 297 298::-webkit-file-upload-button { 299 font: inherit; 300 -webkit-appearance: button; 301} 302 303output { 304 display: inline-block; 305} 306 307summary { 308 display: list-item; 309 cursor: pointer; 310} 311 312template { 313 display: none; 314} 315 316[hidden] { 317 display: none !important; 318} 319 320h1, h2, h3, h4, h5, h6 { 321 margin: 0; 322 padding: 0; 323 font-weight: 600; 324 line-height: 1.2; 325} 326 327h1 { 328 font-size: 1.5rem; 329} 330 331h2 { 332 font-size: 1.25rem; 333} 334 335h3 { 336 font-size: 1.125rem; 337} 338 339h4 { 340 font-size: 1rem; 341} 342 343h5 { 344 font-size: 1rem; 345} 346 347h6 { 348 font-size: 1rem; 349} 350 351hr { 352 margin-top: 1rem; 353 margin-bottom: 1rem; 354 border: 0; 355 border-top: 1px solid rgba(0, 0, 0, 0.1); 356} 357 358small, 359.small { 360 font-size: 80%; 361 font-weight: 400; 362} 363 364mark, 365.mark { 366 padding: 0.2em; 367 background-color: #fcf8e3; 368} 369 370code { 371 font-size: 87.5%; 372 color: #e83e8c; 373 word-wrap: break-word; 374} 375 376a>code { 377 color: inherit; 378} 379 380kbd { 381 padding: 0.2rem 0.4rem; 382 font-size: 87.5%; 383 color: #fff; 384 background-color: #212529; 385 border-radius: 0.2rem; 386} 387 388kbd kbd { 389 padding: 0; 390 font-size: 100%; 391 font-weight: 700; 392} 393 394pre { 395 display: block; 396 font-size: 87.5%; 397 color: #212529; 398} 399 400pre code { 401 font-size: inherit; 402 color: inherit; 403 word-break: normal; 404} 405 406.container { 407 width: 100%; 408 padding-right: 15px; 409 padding-left: 15px; 410 margin-right: auto; 411 margin-left: auto; 412} 413 414@media (min-width: 576px) { 415 .container { 416 max-width: 540px; 417 } 418} 419 420@media (min-width: 768px) { 421 .container { 422 max-width: 720px; 423 } 424} 425 426@media (min-width: 992px) { 427 .container { 428 max-width: 960px; 429 } 430} 431 432@media (min-width: 1200px) { 433 .container { 434 max-width: 1140px; 435 } 436} 437 438.btn { 439 display: inline-block; 440 font-weight: 400; 441 color: #212529; 442 text-align: center; 443 vertical-align: middle; 444 -webkit-user-select: none; 445 -moz-user-select: none; 446 -ms-user-select: none; 447 user-select: none; 448 background-color: transparent; 449 border: 0; 450 padding: 0.375rem 0.75rem; 451 font-size: .9375rem; 452 line-height: 1.5; 453 border-radius: 6px; 454 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; 455} 456 457@media (prefers-reduced-motion: reduce) { 458 .btn { 459 transition: none; 460 } 461} 462 463.btn:hover { 464 text-decoration: none; 465} 466 467.btn:focus, 468.btn.focus { 469 outline: 0; 470} 471 472.btn.disabled, 473.btn:disabled { 474 opacity: 0.65; 475} 476 477.btn:not(:disabled):not(.disabled) { 478 cursor: pointer; 479} 480 481a.btn.disabled, 482fieldset:disabled a.btn { 483 pointer-events: none; 484} 485 486.btn-primary { 487 color: #fff; 488 background-color: #607D8B; 489} 490 491.btn-primary:hover { 492 color: #fff; 493 background-color: #546E7A; 494} 495 496.btn-primary:focus, .btn-primary.focus { 497 color: #fff; 498 background-color: #455A64; 499} 500 501 502.btn-primary.disabled, .btn-primary:disabled { 503 color: #fff; 504 background-color: #607D8B; 505} 506 507.btn-primary:not(:disabled):not(.disabled):active, 508.btn-primary:not(:disabled):not(.disabled).active, 509.show>.btn-primary.dropdown-toggle { 510 color: #fff; 511 background-color: #455A64; 512} 513 514 515.btn-link { 516 font-weight: 400; 517 color: @ini_link; 518 text-decoration: none; 519} 520 521.btn-link:hover { 522 text-decoration: underline; 523} 524 525.btn-link:focus, 526.btn-link.focus { 527 text-decoration: underline; 528} 529 530.btn-link:disabled, 531.btn-link.disabled { 532 color: @ini_text_alt; 533 pointer-events: none; 534} 535 536.btn-block { 537 display: block; 538 width: 100%; 539} 540 541.fade { 542 transition: opacity 0.15s linear; 543} 544 545@media (prefers-reduced-motion: reduce) { 546 .fade { 547 transition: none; 548 } 549} 550 551.fade:not(.show) { 552 opacity: 0; 553} 554.fade.in { 555 opacity: 1; 556} 557 558.close { 559 float: right; 560 font-size: 1.5rem; 561 font-weight: 700; 562 line-height: 1; 563 color: #000; 564 text-shadow: 0 1px 0 #fff; 565 opacity: .5; 566} 567 568.close:hover { 569 color: #000; 570 text-decoration: none; 571} 572 573.close:not(:disabled):not(.disabled):hover, 574.close:not(:disabled):not(.disabled):focus { 575 opacity: .75; 576} 577 578button.close { 579 padding: 0; 580 background-color: transparent; 581 border: 0; 582} 583 584a.close.disabled { 585 pointer-events: none; 586} 587 588// .alert-dismissible { 589// padding-right: 4rem; 590// } 591 592.alert-dismissible .close { 593 position: absolute; 594 top: 0; 595 right: 0; 596 z-index: 2; 597 padding: 0.75rem 1.25rem; 598 color: inherit; 599} 600 601.modal-open { 602 overflow: hidden; 603} 604 605.modal-open .modal { 606 overflow-x: hidden; 607 overflow-y: auto; 608} 609 610.modal { 611 position: fixed; 612 top: 0; 613 left: 0; 614 z-index: 1050; 615 display: none; 616 width: 100%; 617 height: 100%; 618 overflow: hidden; 619 outline: 0; 620} 621 622.modal-dialog { 623 position: relative; 624 width: auto; 625 margin: 0.5rem; 626 pointer-events: none; 627} 628 629.modal.fade .modal-dialog { 630 transition: -webkit-transform 0.3s ease-out; 631 transition: transform 0.3s ease-out; 632 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; 633 -webkit-transform: translate(0, -50px); 634 transform: translate(0, -50px); 635} 636 637@media (prefers-reduced-motion: reduce) { 638 .modal.fade .modal-dialog { 639 transition: none; 640 } 641} 642 643.modal.show .modal-dialog { 644 -webkit-transform: none; 645 transform: none; 646} 647 648.modal-dialog-centered { 649 display: -ms-flexbox; 650 display: flex; 651 -ms-flex-align: center; 652 align-items: center; 653 min-height: calc(100% - 1rem); 654} 655 656.modal-dialog-centered::before { 657 display: block; 658 height: calc(100vh - 1rem); 659 height: -webkit-min-content; 660 height: -moz-min-content; 661 height: min-content; 662 content: ""; 663} 664 665.modal-content { 666 position: relative; 667 display: -ms-flexbox; 668 display: flex; 669 -ms-flex-direction: column; 670 flex-direction: column; 671 width: 100%; 672 pointer-events: auto; 673 background-color: #fff; 674 background-clip: padding-box; 675 box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); 676 border-radius: 6px; 677 outline: 0; 678} 679 680.modal-backdrop { 681 position: fixed; 682 top: 0; 683 left: 0; 684 z-index: 1040; 685 width: 100vw; 686 height: 100vh; 687 background-color: #000; 688} 689 690.modal-backdrop.fade { 691 opacity: 0; 692} 693 694.modal-backdrop.in { 695 opacity: 0.4; 696} 697 698.modal-header { 699 display: -ms-flexbox; 700 display: flex; 701 -ms-flex-align: start; 702 align-items: flex-start; 703 -ms-flex-pack: justify; 704 justify-content: space-between; 705 padding: 1rem 1rem; 706 background-color: @ini_background_alt; 707 border-top-left-radius: calc(6px - 1px); 708 border-top-right-radius: calc(6px - 1px); 709} 710 711.modal-header .close { 712 padding: 1rem 1rem; 713 margin: -1rem -1rem -1rem auto; 714} 715 716.modal-title { 717 margin-bottom: 0; 718 line-height: 1.5; 719} 720 721.modal-body { 722 position: relative; 723 -ms-flex: 1 1 auto; 724 flex: 1 1 auto; 725 padding: 1rem; 726} 727 728@media (min-width: 576px) { 729 .modal-dialog { 730 max-width: 500px; 731 margin: 1.75rem auto; 732 } 733 .modal-dialog-centered { 734 min-height: calc(100% - 3.5rem); 735 } 736 .modal-dialog-centered::before { 737 height: calc(100vh - 3.5rem); 738 height: -webkit-min-content; 739 height: -moz-min-content; 740 height: min-content; 741 } 742} 743 744.position-relative { 745 position: relative !important; 746} 747 748.position-absolute { 749 position: absolute !important; 750} 751 752.sr-only { 753 position: absolute; 754 width: 1px; 755 height: 1px; 756 padding: 0; 757 margin: -1px; 758 overflow: hidden; 759 clip: rect(0, 0, 0, 0); 760 white-space: nowrap; 761 border: 0; 762}