.main {
    padding: 20px 0 30px;
    min-height: calc(100vh - 240px - 301px - 70px);
}

.content-wrapper {
    background-color: #ffffff;
    padding: 40px 0;
    min-height: 450px;
}

.content-wrapper .title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-right: 50px;
    margin-left: 50px;
    white-space: pre-wrap;
}

.content-wrapper .sub-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.content-wrapper .attrs {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    line-height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.content-wrapper .attrs span + span {
    margin-left: 30px;
}

.content-wrapper .content {
    padding: 20px;
}

.content-wrapper .content * {
    font-size: 18px;
    line-height: 2 !important;
}

.content-wrapper .content img {
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
    display: inline-block;
}

.content-wrapper .content table {
    max-width: 1100px;
    margin: 0 auto;
}

@font-face {
    font-family: 'webIcon';
    src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTZSw0m0AAAYoAAAAHEdERUYAKQAKAAAGCAAAAB5PUy8yPElI4wAAAVgAAABgY21hcAAP6b8AAAHIAAABQmdhc3D//wADAAAGAAAAAAhnbHlmV8rV/AAAAxgAAAAoaGVhZCIr72EAAADcAAAANmhoZWEG3gOFAAABFAAAACRobXR4DAABAAAAAbgAAAAQbG9jYQAUAAAAAAMMAAAACm1heHABDwASAAABOAAAACBuYW1lXoIBAgAAA0AAAAKCcG9zdK2+wr0AAAXEAAAAOwABAAAAAQAA2dRLpV8PPPUACwQAAAAAAN+GVbIAAAAA34ZVsgEA/8ADAANAAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAMAAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEAAYAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5hTmFAOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAAEAAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5hT//wAA5hT//xnvAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAEBAP/AAwADQAAFAAABNwkBJwEBADIBzv4yMgGTAwc5/kD+QDkBhwAAABIA3gABAAAAAAAAABMAKAABAAAAAAABAAgATgABAAAAAAACAAcAZwABAAAAAAADAAgAgQABAAAAAAAEAAgAnAABAAAAAAAFAAsAvQABAAAAAAAGAAgA2wABAAAAAAAKACsBPAABAAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAAAAEAAgECEHlvdWppYW50b3ViZWlmZW4AAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADfhlWyAAAAAN+GVbI=') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.crumbs li {
    display: inline-block;
    vertical-align: middle;
}

.crumbs li + li + li:before {
    content: "\e614";
    font-size: 12px;
    font-family: "webIcon";
    display: inline-block;
    margin-right: 5px;
}

.crumbs .on:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(data:image/gif;base64,R0lGODlhGQAZAPcAAP/+/f/9/f79/f78+/78/Pv9/fz8/P36+vr7+/b99ez/6/r59vj5+fn47/r39v329+n58fr08vb28Oj76PP36vT29fb08u737fb18t/6+Pjz6fD0+u70+Nn69e318P/v8er08d/2/N/37vDx9+zz7+/x9O3w/+jx+fLx39v18fbu7tX19Nv07ufw+dj08Obv8NP26eXw8Ofw6u3t7PPr6uTs/OXt7+/o+vDp5O7p9eDt4+jp+OHq/Ovn8efo7Oro3+bo5+nl6uTn6t/q4PLi8t/p6Onk6vHh39zn5+7j3u/g3+Lk4N/l5t/k49jk6tnl2tfl4+nd3N3e3NXg3tjf4NLf5Nne3M/g3dbd3tHe1dHc2Nna19Pb187b4OPU1ubR0s3W1svX1c3W0t/Rz8nV2tHT0N/OyNvNuNrNuMTSzcDT0OXGwtjHwsjKx7/LysDLycDLz7vIzd6/utC4uuC0sMa5rNiyttazqs6upcKxkb+xjL6yjLyxjLquj9einbOriMefksyWmdCQj9WLi6qYgK+Ya7eSga+WbK+SaryIgK+OZq6LY8J8eKCFYLeBLLx/JLp3cLB7LKV2YqR4MLV2HK51H59yKaluIaNsH6lsFbBfV6dmHKdkEKhlCbJZVpZlHJRZVqRcA6NSTYxYD6lIS5hMSplTAppPAKRDPINKBopAR5FDAJFBA4lEAJA6P4A6BHE/AHk4FHI7C2A9FYMwMG0vGHooJoUlJW4oHoIfH4scIIUaGm8gGoAYHHsXHpMQAIsRCHUWEocLAIYKAIEKDI4HAHMPCYgIAXcMCXEME48EAZAEAGcPBXkKAo8DAIQGAZkAAJYAAHQJAH4FAowAAIoABGgJEIkAAIQAAHwDAHsDBH8BAIAAA38AA38AAHcCA3UAAnEAAG8AAG0AAFgAAEoAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAOYALAAAAAAZABkAAAj/AM0JHEiwoMGDCBMqXMiwoUODX+w8PEiHGjZR5g6YGxDgIR5v0JZlIzXoli5XDgNxm4bK0zNnwJRF20WAYalr10D9+ABJmrBfxXIJUEhAFbhtmnBkAKEhUbNhw3opXECr2zdJKErkmCHCgiBk2IgdQRgB1zhtjCh0qHEjxooQD/wEC2dMiUEVvsQxMyThBA8TGyBwaJEiwR1e4ax5KRiFXDJAClzsIGIGDZo1SWCwwCDHVrk5BsfQaKDDxog6s2TFqkVogo8eHhywAZAQCBASfWCtWvWq0YUgQQowbIJERp5Up061WvSCyRInCw1YmTJEz6hQnDYpKkJFSpWFCLhwOXmy51OnTJcQQcGypctCBmLEZOFjiVIlTIeugClDZmGFN2+k8cckjzgSSSFquNFGHBM16OCDEE4UEAA7) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -4px;
}

.qrcode-box {
    text-align: center;
}

#qrcode {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    width: 170px;
    height: 170px;
    border: 1px solid #ccc;
}

#qrcode canvas {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 0;
    display: none;
}

#qrcode img, #qrcode table {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
}

.pagination {
    padding-top: 20px;
    padding-left: 10px;
    border-top: 1px solid #e2e2e2;
    margin-top: 50px;
}

.pagination li {
    margin-bottom: 10px;
    font-size: 16px;
    
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.pagination li span {
    color: #999999;
}

.close-window:hover, .pagination li a:hover, .print-page:hover {
    color: #ed2c25;
}

.print-page {
    margin-left: 30px;
}

.close-window, .print-page {
    color: #444;
    display: inline !important;
}