/**@media screen and ( min-width:1240px ) {**/
    @media screen {
    
    
    /** ===== ===== general ===== ===== **/
    html, body {min-width:1240px;width:100%;}
    .inner {width:75rem;}

    .backtop, .navi-main li a, .shortcuts li a, .book-commend li a *, .book-elite li a *, .book-review a *, .friendly-link a img, .content-vantage li, .result-code-single, .content-case dd, .content-cooperate dl {transition:all 400ms linear 0s;}
    .head-search-key, .head-search-btn, .home-slides .slide-direction, .heading-part p *, .new-book-cover a, .new-book-link a, .book-newest-thumb li, .filter-row li, .filter-row li *, .list-book-item .cover img, .list-book-item .summary *, .list-press-item a *, .search-bar *, .detail-buy-action a, .detail-swap li, .getCode .cc {transition:all 200ms linear 0s;}

    /** ===== header ===== **/
    header, header .inner {height:6rem;}
    header {background:#fff;min-width:75rem;width:100%;}

    header .inner {align-items:center;}
    header .inner {justify-content:space-between;}

    h1.logo, h1.logo a {height:3rem;width:30rem;}
    h1.logo a {background-image:url("/assets/img/logo.png");display:block;}

    
    .head-search, .head-search-key, .breadcrumb p a, .list-book-item .summary {position:relative;z-index:0;}

    .head-search-key, .head-search-btn {border-radius:9rem;font-size:1rem;}
    .head-search-key {border:1px solid #caad88;color:#888;height:2.5rem;padding:0 5rem 0 2.5rem;width:17.5rem;}
    .head-search-key:focus {border-color:#f80;color:#2c2a29;}
    
    .head-search-btn, .head-search-ico {position:absolute;z-index:5;}
    .head-search-btn {background:#caad88;color:#fff;height:2rem;margin-top:-1rem;right:0.25rem;top:50%;width:5rem;}
    .head-search-btn:hover {background:#f80;}
    .head-search-ico {background-size:cover;height:1.25rem;left:0.875rem;margin-top:-0.625rem;opacity:0.38;pointer-events:none;top:50%;width:1.25rem;}
    

    /** ===== navi-main ===== **/
    .navi-main, .navi-main ol, .navi-main li, .navi-main a {height:3.75rem;line-height:3.75rem;}
    .navi-main {background:#ba2a2a;}
    .navi-main li {flex-shrink:0;width:9.375rem;}
    .navi-main li:nth-child(1) {width:8.375rem;}
    .navi-main li:nth-child(7) {width:10.375rem;}
    .navi-main li a {background:rgba(0,0,0,0.0);color:#fff;display:block;font-size:1.25rem;text-align:center;}
    .navi-main li a:hover {background:rgba(255,255,255,0.24);}
    .navi-main li.active a {background:rgba(0,0,0,0.12);}



    /** ===== footer ===== **/
    .footer {background-image:url(/assets/img/footerBg.jpg);background-position: 50% 100%;background-repeat:no-repeat;background-size:cover;width:100%;}
    .foot-info {padding:2.5rem 0;}
    .foot-info * {color:#fff;font-weight:400;line-height:2rem;}
    .foot-info h3, .foot-navi h3 {font-size:1.25rem;margin-bottom:1rem;}

    .foot-contact, .foot-links, .foot-code {flex-shrink:0;}
    .foot-contact, .foot-links {padding-right:6rem;}
    .foot-contact p, .foot-links li a {opacity:0.8;}


    .foot-navi {flex-grow:1;}
    .foot-links {display:grid;grid-template-columns:repeat(2, 1fr);}
    .foot-links li {padding-right:1.5rem;width:10rem;}
    .foot-links li a {display:block;}
    .foot-links li a:hover {color:#f80;opacity:1;}

    .foot-code {display:flex;}
    .foot-code li, .foot-code li * {display:block;text-align:center;width:6rem;}
    .foot-code li {padding-left:2rem;}
    .foot-code li p {line-height:1.25rem;margin-top:1rem;}


    .foot-copyright {background:rgba(192,48,48,0.9);padding:1.5rem 0;width:100%;}
    .foot-copy, .foot-copy * {color:#fff;line-height:1.5rem;}
    .foot-copy p {text-align:center;width:100%;}
    .foot-copy span {opacity:0.8;}
    .foot-copy i {font-size:0.625rem;font-style:normal;font-weight:200;margin:0 1.5rem;opacity:0.62;}

    .foot-copy a:hover {color:#f80;}


    /** ===== sider ===== **/
    .sider {bottom:19.25rem;position:fixed;right:0.5rem;z-index:999;}

    .backtop, .backtop p {width:4.5rem;}
    .backtop, .backtop i {position:relative;z-index:0;}
    .backtop {background:#ba2a2a;cursor:pointer;display:none;height:4.5rem;}
    .backtop i, .backtop svg {display:block;height:2.5rem;width:2.5rem;}
    .backtop i {margin:0 auto;padding-top:0.5rem;}
    .backtop svg {fill:#fff;}
    .backtop p {bottom:0.5rem;color:#fff;font-size:0.875rem;left:0;line-height:1rem;position:absolute;text-align:center;z-index:5;}

    .backtop:hover {background:#f80;}


    /** ===== ===== homepage ===== ===== **/


    /** ===== home-slider ===== **/
    .home-slider {padding:1.25rem 0;width:100%;}
    .home-slides, .home-slide, .home-slide li a {height:26.25rem;width:75rem;}
    .home-slides, .concept {background:#eee;position:relative;z-index:0;}

    .home-slides .slide-direction, .home-slides .bx-pager, .concept .bx-pager {position:absolute;z-index:5;}
    .home-slides .slide-direction, .home-slides .slide-direction svg {height:2.5rem;width:2.5rem;}
    .home-slides .slide-direction {background-color:rgba(0,0,0,0.38);margin-top:-2.5rem;padding:1.25rem 0;top:50%;}
    .home-slides .slide-direction svg {fill:#fff;}
    .home-slides .slide-direction {opacity:0.38;}
    .home-slides:hover .slide-direction {opacity:1;}

    .home-slides .slide-l {left:0;}
    .home-slides .slide-r {right:0;}

    .home-slides .bx-pager, .home-slides .bx-pager-item, .home-slides .bx-pager-link, .concept .bx-pager, .concept .bx-pager-item, .concept .bx-pager-link {height:0.25rem;}

    .home-slides .bx-pager, .shortcuts ol, .shortcuts li a, .concept .bx-pager {display:flex;justify-content:center;}
    .home-slides .bx-pager, .concept .bx-pager {bottom:1rem;left:25%;width:50%;}

    .home-slides .bx-pager-item:not(:first-child), .concept .bx-pager-item:not(:first-child) {margin-left:0.625rem;}
    .home-slides .bx-pager-link, .concept .bx-pager-link {background:#fff;box-shadow:0 0 0.25rem rgba(0,0,0,0.2);display:block;overflow:hidden;text-indent:-500em;width:2rem;}
    .home-slides .bx-pager-link.active, .concept .bx-pager-link.active {background:#ba2a2a;}


    /** ===== shortcuts ===== **/
    .shortcuts {width:100%;}
    .shortcuts ol {margin:auto;width:75rem;}
    .shortcuts li {flex-grow:1;flex-shrink:0;}
    .shortcuts li:not(:first-child) {margin-left:0.125rem;}
    .shortcuts li a {background-color:#f5f5f5;align-items:center;height:6rem;width:100%;}
    .shortcuts li a:hover {background-color:#caad88;}

    .shortcuts li dl {display:flex;}
    .shortcuts li dt, .shortcuts li dt svg {height:2.5rem;width:2.5rem;}

    .shortcuts li a svg {fill:#caad88;}
    .shortcuts li a:hover svg {fill:#fff;}
    .shortcuts li a dd {color:#5a5a5a;font-size:1.125rem;line-height:2.5rem;margin-left:0.75rem;}
    .shortcuts li a:hover dd {color:#fff;}


    /** ===== home-row ===== **/
    .home-row {min-width:1240px;padding:2.5rem 0;width:100%;}
    .home-row {background-repeat:no-repeat;background-size:cover;}

    .home-row-2 {background-color:#d4dbe2;background-image:url(/temp/home-row/bg01.jpg);background-position:50% 100%;}
    .home-row-3 {background-color:#efefef;background-image:url(/temp/home-row/bg02.jpg);}    
    .home-row-5 {background-color:#e7dac9;background-image:url(/temp/home-row/bg03.jpg);}


    .heading, .heading-part, .heading-part ol {display:flex;height:3rem;}
    .heading {width:100%;}
    .heading h2, .heading h4 {flex-shrink:0;}
    .heading h2 {color:#ba2a2a;font-size:2rem;font-weight:400;line-height:3rem;padding-right:1rem;}
    .heading h4 {color:#888;font-size:1.25rem;font-style:italic;font-weight:200;line-height:2.5rem;}

    .heading-part, .heading-part li, .detail-swap, .detail-swap ol {position:relative;z-index:5;}
    .heading-part {flex-grow:1;justify-content:space-between;}
    .heading-part:after, .heading-part li:after, .heading-part li:before {content:"";pointer-events:none;position:absolute;z-index:0;}
    .heading-part:after {background:#e8e8e8;bottom:0;height:0.125rem;left:0;width:100%;}

    .heading.border-white .heading-part:after {background:rgba(255,255,255,0.8);}

    .heading-part li:not(:first-child) {margin-left:2rem;}
    .heading-part li a {color:#666;font-size:1.25rem;font-weight:200;line-height:2.75rem;}
    .heading-part li a:hover {color:#f80;}

    .heading-part li.active:after {background:#c43434;bottom:0;height:0.125rem;left:0;width:100%;}
    .heading-part li.active:before {border-bottom:0.25rem solid #c43434;border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;bottom:0.125rem;left:50%;margin-left:-0.25rem;height:0;width:0;}
    .heading-part li.active a {color:#ba2a2a;}

    .heading-part p {padding:0.75rem 0;}
    .heading-part p * {display:block;}
    .heading-part p a {align-items:center;display:flex;}    
    .heading-part p b {font-size:1.125rem;font-weight:200;line-height:1rem;}
    .heading-part p i, .heading-part p svg {height:0.875rem;width:0.4375rem;}
    .heading-part p i {margin-left:0.25rem;}

    .heading-part p a b {color:#666;}
    .heading-part p a svg {fill:#888;}
    .heading-part p a:hover b {color:#f80;}
    .heading-part p a:hover svg {fill:#f80;}


    /** ===== row-content ===== **/
    .home-row .row-content {padding:2.5rem 0 0.5rem 0;width:100%;}


    /** ===== book-newest ===== **/
    .new-book-holder, .book-newest, .book-newest-thumb {width:100%;}
    .book-newest {display:flex;min-height:20rem;margin-bottom:2.5rem;}

    .book-newest-thumb, .book-newest-thumb ol {height:5.75rem;}
    .book-newest-thumb ol, .book-newest-thumb li, .new-book-cover a, .pager {display:flex;justify-content:center;}
    .book-newest-thumb li, .new-book-cover a, .pager {align-items:center;}

    .book-newest-thumb li {border:0.125rem solid #eee;cursor:pointer;height:5.5rem;width:5.5rem;}
    .book-newest-thumb li.active {border-color:#c43434;}
    .book-newest-thumb li:hover {border-color:#f80;}
    .book-newest-thumb li:not(:first-child) {margin-left:3rem;}
    .book-newest-thumb li img {display:block;max-height:5.5rem;max-width:5.5rem;}

    .new-book-cover {height:20rem;width:20rem;}
    .new-book-cover a {border:0.125rem solid #eee;height:19.75rem;width:19.75rem;}
    .new-book-cover a:hover {border-color:#f80;}
    .new-book-cover img {display:block;max-height:19rem;max-width:19rem;}

    .new-book-info {margin-left:2.5rem;width:52.5rem;}
    .new-book-info * {font-weight:400;}
    .new-book-info h3, .new-book-data p, .new-book-data p * {height:1.875rem;line-height:1.875rem;}
    .new-book-info h3, .new-book-data p b, .book-commend p b, .book-elite p b, .list-book-item .summary h3, .list-book-data p b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .new-book-info h3, .new-book-data p b, .book-commend p b, .book-elite p b {width:100%;}
    .new-book-info h3 {color:#000;font-size:1.5rem;}
    
    .new-book-data, .new-book-data p, .new-book-link, .book-commend, .book-commend dl, .book-commend dt, .book-elite, .book-elite li dt, .book-elite .elite-price, .book-review dl, .book-review dt, .book-review dd h5, .book-reviews .bx-pager, 
    .friendly-link, .friendly-link li a, .list-book-item, .list-book-item .cover a, .list-book-data, .list-book-data p, .list-book-action, .list-press-item a, .list-press-item .info h5, .article-info, .article-info li, .search-bar, .search-bar form, .detail-info, .detail-info .cover, .detail-pricing, .detail-buy-action, .detail-swap ol, .filter-row, .filter-row ul, .filter-row li, .lab-multiple, .lab-row-title, .content-case dl, .content-cooperate dl, .tm-features, .tm-row-title, .tm-book, .tm-book dd {display:flex;}
    
    .new-book-data, .book-commend, .book-elite {flex-wrap:wrap;}
    .new-book-data {gap:0.75rem;margin:1.25rem 0;width:41rem;}
    .new-book-data p {color:#888;width:20rem;}
    .new-book-data p b, .new-book-data p span {display:block;font-size:1rem;}
    .new-book-data p b {color:#2c2a29;max-width:75%;}

    .new-book-data p small, .new-book-data p strong {color:#ba2a2a;}
    .new-book-data p strong {font-size:1.375rem;}
    .new-book-intro {color:#888;font-size:1rem;line-height:1.5rem;max-height:4.5rem;width:84%;}

    .new-book-link, .new-book-link a {height:2.5rem;line-height:2.5rem;}
    .new-book-link {margin-top:1.25rem;}
    .new-book-link a {background:#ba2a2a;border-radius:9rem;color:#fff;display:block;padding:0 1.875rem;}
    .new-book-link a:hover {background:#f80;}


    /** ===== book-commend ===== **/
    .book-commend-holder, .book-commend, .book-commend a, .book-commend dl {width:100%;}
    .book-commend {gap:1rem;}
    .book-commend li, .book-commend li a, .book-commend dl, .book-commend dt {height:15rem;}
    .book-commend li {background:#fff;width:calc( 50% - 0.5rem );}
    
    .book-commend dt, .book-elite li dt, .book-review dt, .book-reviews .bx-pager, .friendly-link li a, .list-book-item .cover a, .search-bar, .detail-info .cover {align-items:center;justify-content:center;}
    .book-commend dt {width:15rem;}
    .book-commend dt img {max-height:13.5rem;max-width:13.5rem;}
    .book-commend a:hover img, .book-elite a:hover img, .book-review a:hover img, .friendly-link li a:hover img {opacity:0.38;}

    .book-commend dd {height:13.5rem;padding:1.5rem 1.25rem 0 1.25rem;width:calc( 100% - 17.5rem );}
    .book-commend a dd, .book-elite a dd {background:#fff;}
    .book-commend a:hover dd, .book-elite a:hover dd {background:#f8f8f8;}

    .book-commend h3 {color:#2c2a29;font-size:1.25rem;font-weight:400;line-height:1.5rem;margin-bottom:1.25rem;max-height:3rem;}

    .book-commend p, .book-commend p * {font-weight:400;line-height:1.875rem;}
    .book-commend p {display:flex;font-size:1rem;margin-bottom:0.625rem;}
    .book-commend p span, .book-elite p span {flex-shrink:0;}
    .book-commend p strong {font-size:1.25rem;}

    .book-commend a p {color:#888;}
    .book-commend a p b {color:#2c2a29;}
    .book-commend a p strong {color:#ba2a2a;}
    .book-commend a:hover * {color:#f80;}



    /** ===== book-elite ===== **/
    .book-elite {gap:2.5rem;width:100%;}
    .book-elite li, .book-elite li a, .book-elite li dl, .book-elite li dt {width:16.875rem;}
    .book-elite li {background:#fff;height:26.25rem;overflow:hidden;}
    .book-elite li dt {height:16.875rem;}
    .book-elite li dt img {max-height:16.875rem;max-width:16.875rem;}

    .book-elite li dd {height:8.375rem;padding:1rem 1rem 0 1rem;width:14.875rem;}
    .book-elite .elite-price {justify-content:space-between;line-height:1.875rem;}
    .book-elite .elite-price small, .book-elite .elite-price strong {color:#ba2a2a;}
    .book-elite .elite-price strong {font-size:1.25rem;}

    .book-elite p, .book-elite p * {font-weight:400;line-height: 1.875rem;}
    .book-elite p {display:flex;font-size:1rem;}
    .book-elite h4 {color:#2c2a29;font-size:1.125rem;font-weight:400;line-height:1.4rem;margin:0.5rem 0;max-height:2.8rem;}

    .book-elite a p {color:#888;}
    .book-elite a p b {color:#2c2a29;}
    .book-elite a:hover * {color:#f80;}


    /** ===== book-reviews ===== **/
    .book-review-holder, .book-reviews {width:100%;}
    .book-review-holder {margin-top:2.5rem;}

    .book-reviews {overflow:hidden;width:75rem;}
    .book-review, .book-review .bx-wrapper {min-height:20rem;width:76.875rem;}
    .book-review li {width:38.4375rem;}
    .book-review li a {background:#f8f7f5;display:block;height:18.125rem;padding:1.875rem 1.875rem 0 1.875rem;width:32.8125rem;}
    .book-review li h3 {color:#2c2a29;font-size:1.25rem;font-weight:400;line-height:1.5rem;max-height:3rem;}

    .book-review dl {flex-direction:row-reverse;margin-top:1.25rem;}
    .book-review dt {background:#fff;height:7.5rem;width:7.5rem;}
    .book-review dt img {max-height:7.5rem;max-width:7.5rem;}
    .book-review dd {margin-right:1.875rem;width:23.4375rem;}
    .book-review dd p {color:#666;font-size:1.125rem;line-height:2rem;text-align:justify;}

    .book-review dd h5 {align-items:center;height:1.875rem;margin-top:0.625rem;}
    .book-review dd h5 i, .book-review dd h5 svg {height:1.25rem;width:1.25rem;}
    .book-review dd h5 i {padding-top:0.125rem;}
    .book-review dd h5 svg {fill:#c8c8c8;}
    .book-review dd h5 b {color:#ba2a2a;font-size:1.125rem;font-weight:400;margin-left:0.625rem;}

    .book-review a:hover * {color:#f80;}
    .book-review a:hover svg {fill:#f80;}

    .book-reviews .bx-controls {margin-top:1.875rem;width:100%;}
    .book-reviews .bx-pager {width:100%;}
    .book-reviews .bx-pager-item, .book-reviews .bx-pager-link {height:0.3125rem;width:2rem;}
    .book-reviews .bx-pager-item:not(:first-child) {margin-left:0.625rem;}
    .book-reviews .bx-pager-link {background:#ddd;display:block;overflow:hidden;text-indent:-50em;}
    .book-reviews .bx-pager-link.active {background:#ba2a2a;}


    /** ===== friendly-link ===== **/
    .friendly-link {flex-wrap:wrap;gap:1.25rem;margin-top:2.5rem;width:100%;}
    .friendly-link li, .friendly-link li a {height:6rem;width:14rem;}
    .friendly-link li a {background:#fff;}
    
     .friendly-link li img {max-height:6rem;max-width:14rem;}


    /** ===== ===== list-page ===== ===== **/
    .list-page {padding:2.0rem 0;width:100%;}


    /** ===== breadcrumb ===== **/
    .breadcrumb, .breadcrumb p, .breadcrumb p *, .breadcrumb p *:after {line-height:1rem;}
    .breadcrumb {background:rgba(0,0,0,0.03);width:100%;}
    .breadcrumb p {display:flex;height:1rem;margin:auto;padding:1.25rem 0;width:75rem;}
    .breadcrumb p * {font-size:1rem;font-weight:400;}
    .breadcrumb p a {color:#2c2a29;margin-right:1rem;padding-right:1.5rem;}
    .breadcrumb p a:hover {color:#f80;}
    .breadcrumb p a:after {color:#ccc;content:"/";position:absolute;right:0;top:0;}

    .breadcrumb p b {color:#888;}


    /** ===== list-filter ===== **/
    .list-filter {background:#fff;}
    .filter-row {border-bottom:1px solid #e8e8e8;padding:2rem 2rem;width:71rem;}
    .filter-row * {font-weight:400;line-height:1rem;}
    .filter-row dt {width:7rem;}
    .filter-row ul.row-secondary {height:0;overflow:hidden;}

    .filter-row li {cursor:pointer;margin-right:2rem;}
    .filter-row li:nth-child(1) {width:2rem;}

    .filter-row li:hover {color:#f80;}
    .filter-row li.active {color:#ba2a2a;}

    .filter-row li * {display:block;height:1rem;}
    .filter-row li i, .filter-row li svg {width:1rem;}

    .filter-row li.switch b {color:#c4a47b;}
    .filter-row li.switch svg {fill:#c4a47b;}
    .filter-row li.switch:hover b {color:#f80;}
    .filter-row li.switch:hover svg {fill:#f80;}



    /** ===== list-books ===== **/    
    .list-book-item {background:#fff;height:15rem;padding:2.5rem 1.5rem;width:calc( 100% - 3rem );width:72rem;}    
    .list-book-item:not(:first-child), .list-press-item:not(:first-child) {margin-top:0.125rem;}
    .list-book-item .cover, .list-book-item .summary {flex-shrink:0;}
    .list-book-item .cover, .list-book-item .cover a {height:15rem;width:15rem;}
    .list-book-item .cover {background:#fff;}
    
    .list-book-item .cover img {max-height:15rem;max-width:15rem;}
    .list-book-item .cover a:hover img {opacity:0.38;}

    .list-book-item .summary {margin-left:1.5rem;width:55.5rem;}
    .list-book-item .summary *, .list-press-item .info * {font-weight:400;}
    .list-book-item .summary h3, .list-book-item .summary h3 *, .list-book-item .summary td b, .list-press-item .info h3, .list-press-item .info h3 * {min-height:1.875rem;line-height:1.875rem;}
    
    .list-book-item .summary h3, .list-press-item .info h3 {color:#000;font-size:1.5rem;}
    .list-book-item .summary h3 {width:45rem;}
    .list-book-item h3 span, .list-press-item .info h3 span, .list-press-item .info p span {color:#ba2a2a;display:inline-block;}    

    .list-book-data {flex-wrap:wrap;gap:0.25rem;margin:1rem 0 0.5rem 0;width:41rem;}
    .list-book-data p, .list-book-data p * {font-size:1rem;height:1.875rem;line-height:1.875rem;}
    .list-book-data p {color:#888;width:20rem;}
    .list-book-data p * {display:inline-block;}
    .list-book-data p span {flex-shrink:0;}
    .list-book-data p b {color:#2c2a29;max-width:15rem;min-width:12rem;}

    .list-book-intro {color:#888;font-size:1rem;line-height:1.5rem;max-height:4.5rem;width:45rem;}

    .link-summary {display:block;width:45rem;}
    .link-summary:hover * {color:#f80 !important;}

    .list-pricing {position:absolute;right:0;top:0;}
    .list-pricing p, .list-pricing p * {font-size:1rem;line-height:2rem;}
    .list-pricing p {color:#888;text-align:right;}
    .list-pricing p small, .list-pricing p b {color:#ba2a2a;}
    .list-pricing p b {font-size:2rem;}

    .list-book-action, .list-book-action a {min-height:2.5rem;line-height:2.5rem;}
    .list-book-action {margin-top:1.5rem;}
    .list-book-action a {border:0.0625rem solid #ba2a2a;border-radius:9rem;color:#fff;margin-right:0.75rem;padding:0 1.875rem;}
    .list-book-action a:nth-child(1) {background:#fff;color:#ba2a2a;}
    .list-book-action a:nth-child(1):hover {background:#fa0;border-color:#fa0;color:#fff;}
    .list-book-action a:nth-child(2), .detail-buy-action a {background:#ba2a2a;}
    .list-book-action a:nth-child(2):hover, .detail-buy-action a:hover {background:#f66;border-color:#f66;color:#fff;}


    /** ===== list-press ===== **/
    .list-press-item {background:#fff;padding:1.5rem 1.5rem;width:calc( 100% - 3rem );width:72rem;}
    .list-press-item a {width:100%;}
    .list-press-item .thumb, .list-press-item .thumb i {height:15rem;width:15rem;}
    .list-press-item .thumb {flex-shrink:0;}
    .list-press-item .thumb i {background-position:50% 50%;background-size:cover;display:block;}
    .list-press-item a:hover .thumb {opacity:0.38;}

    .list-press-item .info {margin-left:1.5rem;width:55.5rem;}
    .list-press-item .info h3 {width:100%;}
    .list-press-item .info p, .list-press-item .info h5, .list-press-item .info h5 * {color:#888;font-size:1rem;line-height:1.875rem;}
    .list-press-item .info p {margin:1rem 0;max-height:5.625rem;width:45rem;}

    .list-press-item .info h5 {align-items:center;}    
    .list-press-item .info h5 * {display:block;}
    .list-press-item .info h5 i, .list-press-item .info h5 svg {height:1.125rem;width:1.125rem;}
    .list-press-item .info h5 svg {fill:#aaa;}
    .list-press-item .info h5 b {font-size:1.125rem;margin-left:0.5rem;}

    .list-press-item a:hover * {color:#f80;}
    .list-press-item a:hover svg {fill:#f80;}

    .list-press-item.reverse a {flex-direction:row-reverse;}
    .list-press-item.reverse .info {margin-left:0;margin-right:1.5rem;}


    /** ===== pager ===== **/
    .pager-holder {padding-top:2.5rem;}
    .pager, .pager li, .pager li * {min-height:3rem;line-height:3.2rem;}
    .pager li:not(:first-child) {margin-left:0.625rem;}
    .pager li * {display:block;padding:0 1.25rem;}
    .pager li a {background:#fff;border:0.0625rem solid #ba2a2a;color:#ba2a2a;}
    .pager li a:hover {background:#f66;border:0.0625rem solid #f66;color:#fff;}
    .pager li b {background:#caad88;border:0.0625rem solid #caad88;color:#fff;}


    .pager-common .pageinfo {color:#989898;display:flex;}
    .pager-common .pageinfo strong {color:#f60;padding:0 0.25rem;}
    

    /** ===== epmty ===== **/
    .empty {padding:4rem 0;width:100%;}
    .empty i, .empty svg {display:block;height:8rem;width:8rem;}
    .empty i {margin:auto;}
    .empty svg {fill:#ccc;}
    .empty p {color:#888;font-size:1.125rem;line-height:1;margin-top:1rem;text-align:center;}


    /** ===== result-page ===== **/
    .result-page {padding:2.0rem 0 2.5rem 0;width:100%;}
    .search-bar {background:#ece8e4;padding:1.25rem 0;}
    .search-bar input, .search-bar button {border:0;font-size:1rem;height:3rem;}
    .search-bar input {background:#fff;padding:0 1.5rem;width:27rem;}
    .search-bar input:focus {background:#fcfcfc;color:#f80;}
    .search-bar button {background:#caad88;color:#fff;padding:0 2rem;}
    .search-bar button:hover {background:#f80;}


    /** ===== ===== detail-page ===== ===== **/
    .detail-page {padding:2.5rem 0;width:100%;}

    .detail-info {background:#fff;padding:2.5rem;width:70rem;}
    .detail-info .cover {height:20rem;width:20rem;}
    .detail-info .cover img {max-height:20rem;max-width:20rem;}

    .detail-info .summary {padding-left:2.5rem;width:47.5rem;}
    .detail-info .summary * {font-weight:400;}
    .detail-info .summary h3 {color:#2c2a29;font-size:1.5rem;line-height:2rem;}

    .detail-book-data {background:#fcfcfc;border-bottom:1px solid #eee;border-top:1px solid #eee;margin-bottom:1.5rem;margin-top:1.5rem;padding:0.25rem 0;width:47.5rem;}
    .detail-book-data table {width:100%;}
    .detail-book-data th, .detail-book-data td {line-height:2rem;padding-left:0.5rem;}
    .detail-book-data th {color:#888;text-align:left;width:5rem;}
    .detail-book-data td {color:#2c2a29;width:17rem;}
    .detail-book-data td p {height:2rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:17rem;}

    .detail-pricing {color:#888;}
    .detail-pricing * {display:inline-block;font-size:1rem;line-height:2rem;}
    .detail-pricing small, .detail-pricing strong {color:#c43434;}
    .detail-pricing strong {font-size:2rem;margin-right:2rem;}

    .detail-buy-action, .detail-buy-action a {min-height:3rem;line-height:3rem;}
    .detail-buy-action {margin-top:1.5rem;}
    .detail-buy-action a {border:0.0625rem solid #ba2a2a;border-radius:9rem;color:#fff;display:block;font-size:1.125rem;padding:0 3.5rem;}


    /** ===== detail-swap ===== **/
    .detail-swap, .detail-content {background:#fff;}

    .detail-swap {margin-top:1.5rem;width:100%;}
    .detail-swap:after {background:#ddd;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:0;}
    .detail-swap ol {padding:2.0rem 0 0 2.5rem;}

    .detail-swap li {background:#eee;color:#2c2a29;cursor:pointer;line-height:3.5rem;margin-right:0.25rem;padding:0.125rem 3.5rem 0 3.5rem;}
    .detail-swap li:hover {background:#f80;color:#fff;}
    .detail-swap li.active {background:#ba2a2a;color:#fff;}


    /** ===== detail-content ===== **/
    .detail-content {padding:2.0rem 2.5rem 2.5rem 2.5rem;width:70rem;}


    /** ===== article ===== **/
    .article-holder {background:#fff;padding:2.5rem;width:70rem;}
    .article-title {color:#2c2a29;color:#945f63;font-size:2rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem;text-align:center;}
    
    .article-info, .article-info li, .article-info li * {font-size:1rem;font-weight:400;line-height:1.5rem;}
    .article-info {background:#f5f5f5;justify-content:center;margin-bottom:2rem;padding:1rem 0;width:100%;}
    .article-info li {min-width:calc( 33.3331% - 4rem );max-width:calc( 50% - 4rem )}
    .article-info li:not(:first-child) {margin-left:4rem;}
    .article-info li span {color:#989898;}
    .article-info li b {color:#000;} 


    .article, .article div, .article p {color:#5a5a5a;font-size:1.125rem;line-height:2;text-align:justify;}
    .article {min-height:16rem;width:100%;}
    .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {font-weight:400;line-height:1.4;}
    .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p, .article div {margin-top:0.5rem;}
    .article h1 {font-size:2.5rem;}
    .article h2 {font-size:2rem;}
    .article h3 {font-size:1.5rem;}
    .article h4 {font-size:1.25rem;}
    .article h5 {font-size:1rem;}
    .article h6 {font-size:0.875rem;}
    
    .article blockquote {background:#f8f8f8;margin:1rem 0;padding:1rem 1.5rem 1.5rem 1.5rem;width:calc( 100% - 3rem );}
    .article blockquote p {color:#888;font-style:italic;}

    .article table, .article th, .article td {border:1px solid #ddd;border-collapse:collapse;}
    .article table {margin:1rem 0;width:100%;}
    .article th, .article td {font-size:1.125rem;font-weight:400;line-height:1.5rem;padding:0.5rem 0.75rem;}
    .article th {background:#f8f8f8;color:#5a5a5a;}

    .article img, .directory img {display:inline-block;max-width:100%;}


    /** ===== about-page ===== **/
    .banner, .banner .inside, .banner .inside img {width:100%;}
    .banner .inside {background-position:50% 50%;background-repeat:no-repeat;margin:auto;min-width:75rem;}
    .banner .inside img {display:block;}


    /** ===== directory ===== **/
    .directory {width:100%;}
    .directory ol, .directory ul {padding-left:1.25rem;}
    .directory ol li {list-style-type:decimal;}
    .directory li {color:#888;padding:0.25rem 0;}
    .directory li p {color:#2c2a29;} 
    .directory li ul li {list-style-type:disc;}


    /* ===== getCode ===== */
    .getCode, .getCode a {height:100px;width:48px;}
    .getCode {left:50%;margin-left:-660px;top:252px;position:fixed;z-index:500;}
    .getCode a {background-image:url(/assets/img/getCode.png);display:block;}
    .getCode .cc {background:#fff;border:1px solid #ddd;height:230px;left:59px;padding:20px;position:absolute;top:-86px;width:200px;z-index:5;}

    .getCode .cc {visibility:hidden;opacity:0;}
    .getCode a:hover .cc {visibility:visible;opacity:1;}

    .getCode .cc:after, .getCode .cc:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .getCode .cc:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 8px;margin-top: -8px;}
    .getCode .cc:before {border-color: rgba(221, 221, 221, 0);border-right-color: #ddd;border-width: 9px;margin-top: -9px;}

    .getCode .cc p {color:#2c2a29;padding-top:15px;height:1rem;line-height:1rem;text-align:center;}



    /** ===== ===== single-page ===== ===== **/
    .concept {margin:auto;max-width:120rem;width:100%;}
    .concept ul, .concept li, .concept li a, .concept img {width:100%;}
    .concept li a, .concept img {display:block;max-height:40rem;}


    /** ===== page-row ===== **/
    .row {width:100%;}
    .bg-white, .lab-intro {background:#fff;}
    .bg-lite {background:#f8f8f8;}



    /** ===== laboratory ===== **/
    .lab-intro {padding:4rem 0 4rem 0;width:75rem;}

    .lab-concept {background-color:#eee;height:25rem;width:40rem;}
    .lab-introduce {margin-left:2rem;width:33rem;}

    
    .lab-introduce h2 b, .title-vantage h2 b, .lab-row-title h2 {background:linear-gradient(to top, #2251a3 0%, #6b9dd3 100% );-webkit-background-clip:text;background-clip:text;color:transparent;}
    
    .lab-introduce h2, .lab-introduce h2 b {height:2rem;line-height:2rem;position:relative;z-index:5;}
    .lab-introduce h2 {font-size:2rem;margin-bottom:2rem;}
    .lab-introduce h2 span {color:#f3f3f3;font-size:4rem;height:4rem;line-height:4rem;left:9.25rem;margin-top:-2rem;position:absolute;text-transform:uppercase;top:50%;}

    .lab-introduce p {color:#2c2a29;font-size:1.125rem;line-height:1.8;text-align:justify;}
    .lab-introduce p:not(:first-child) {margin-top:0.75rem;}
    
    .lab-part-1 {padding:4rem 0;}
    .lab-part-1 h2 {background:#325baa;}
    .lab-part-1 h2, .lab-part-vantage h2 {color:#fff;font-size:2rem;font-weight:400;line-height:4.5rem;margin:auto;text-align:center;width:55rem;}

    .lab-part-1 ol {position:relative;z-index:0;}
    .lab-feature:before {pointer-events:none;position:absolute;z-index:5;}
    .lab-feature:before {background:#325baa;bottom:0;content:"";left:0;height:calc( 100% - 1rem );width:0.25rem;}
        
    .lab-feature, .lab-feature li, .lab-multiple dt, .lab-multiple dt img, .title-vantage h2, .title-vantage h2 b, .content-vantage li, .lab-row-title, .tm-intro, .tm-intro-text {position:relative;z-index:2;}
    .lab-feature {margin:4rem 15rem 0 15rem;width:45rem;}
    .lab-feature li {padding-bottom:2rem;padding-left:4rem;}
    .lab-feature li:before {background:#325baa;border-radius:50%;content:"";height:1.25rem;left:0;margin-left:-0.5rem;position:absolute;top:0.25rem;width:1.25rem;}
    .lab-feature h3, .lab-multiple h3 {font-weight:400;line-height:1;padding-bottom:0.5rem;}
    .lab-feature h3 {border-bottom:0.15rem solid #325baa;color:#325baa;font-size:1.5rem;width:18rem;}
    .lab-feature p {color:#666;font-size:1rem;height:3.0rem;line-height:1.5rem;margin-top:0.75rem;width:28.0rem;}
    .lab-feature li img {position:absolute;right:0;top:0;width:10rem;}

    .lab-multiple {margin-top:0.75rem;padding-left:9.5rem;}
    .lab-multiple dt, .lab-multiple dt:before, .lab-multiple dt img {height:11.5rem;width:11.5rem;}
    .lab-multiple dt:before {background-image:url(/temp/laboratory/00.png);content:'';left:50%;margin:-5.75rem 0 0 -5.75rem;pointer-events:none;position:absolute;top:50%;z-index:5;}

    .lab-multiple dt:before {animation:rolling 2s linear infinite}

    .lab-multiple dd {padding-left:1.25rem;}
    .lab-multiple dd * {color:#2c2a29;}
    .lab-multiple h3 {font-size:2rem;padding:2.75rem 0 1rem 0;}
    .lab-multiple p {font-size:1.125rem;letter-spacing:0.25px;}


    /** ===== vantage ===== **/
    .lab-part-vantage {padding:0 0 4rem 0;}
    .title-vantage, .title-vantage h2, .title-vantage h2 * {font-size:3rem;height:3rem;line-height:3rem;text-align:center;width:100%;}
    .title-vantage {padding-top:1rem;}
    .title-vantage h2 {background:none;}
    .title-vantage h2 b {letter-spacing:0.5rem;}
    .title-vantage h2 span {color:#e2e0e3;font-weight:800;left:0;position:absolute;text-indent:-1.25rem;top:-1.5rem;z-index:0;}

    .content-vantage, .content-vantage ul {width:100%;}
    .content-vantage {margin-top:5.0rem;}
    .content-vantage ul {display:flex;justify-content:center;}

    .content-vantage li {border:0.125rem dashed #ccc;border-radius:2rem;height:18.5rem;width:14rem;}
    .content-vantage li:not(:first-child) {margin-left:8rem;}
    .content-vantage li:hover {background:#eef7ff;border-color:#325baa;}
    
    .content-vantage i, .content-vantage svg {height:3rem;width:3rem;}
    .content-vantage i {background:linear-gradient(to top, #2251a3 0%, #6b9dd3 100% );border-radius:50%;left:50%;margin:-2.875rem 0 0 -2.625rem;padding:1.125rem;position:absolute;top:0;z-index:5;}
    .content-vantage svg {fill:#fff;}
    .content-vantage li:nth-child(1) svg {transform:scaleX(-1);}
    .content-vantage h3 {color:#325baa;font-size:1.5rem;font-weight:400;line-height:1.4;padding:3.75rem 0 1.25rem 0;text-align:center;}
    .content-vantage p {color:#666;font-size:1rem;line-height:1.8;padding:0 1.5rem;text-align:justify;}


    /** ===== lab-row-title ===== **/
    .lab-row-title {align-items:end;height:3.5rem;width:100%;}
    .lab-row-title:before {background:linear-gradient(to top, #2251a3 0%, #6b9dd3 100% );bottom:0;content:"";height:3.5rem;position:absolute;width:1.25rem;z-index:0;}
    .lab-row-title.title-common:before {left:0;}
    
    .lab-row-title.title-reverse {justify-content:flex-end;}
    .lab-row-title.title-reverse:before {right:0;}
    .lab-row-title h2 {border-bottom:0.25rem solid #325baa;font-size:3rem;letter-spacing:0.25rem;line-height:3rem;padding-bottom:0.5rem;}
    .lab-row-title.title-common h2 {margin-left:3.5rem;}
    .lab-row-title.title-reverse h2 {margin-right:3.5rem;}

    .lab-part-2, .lab-part-3, .lab-part-4 {padding-top:4rem;}


    /** ===== content-result ===== **/
    .content-result, .result-intro {width:75rem;}
    .content-result {padding-top:4rem;}
    .content-result-2 {padding-bottom:4rem;}

    .result-intro.result-2 {border-top:0.125rem solid #eee;flex-direction:row-reverse;padding-top:4.0rem;}
    
    .result-pic, .result-pic .concept-pic {position:relative;width:30rem;z-index:0;}
    .result-pic img {display:block;}
    
    .result-text {width:42rem;}
    .result-intro.result-1 .result-text {margin-left:3rem;}
    .result-intro.result-2 .result-text {margin-right:3rem;}

    .result-text h3, .result-text h4 {letter-spacing:0.25rem;line-height:1;text-align:center;}
    .result-text h3 {color:#325baa;font-size:2.5rem;font-weight:400;padding:2.5rem 0 1.5rem 0;}
    .result-text h4 {color:#000;font-size:1.5rem;font-weight:400;padding:0 0 1.5rem 0;}
    .result-text p {color:#888;font-size:1rem;letter-spacing:0.0625rem;line-height:2;margin-top:0.5rem;text-indent:2em;}
    .result-text p b {color:#f80;margin-right:2rem;}
    .result-text p strong, .content-case p b {color:#000;}


    .result-code, .result-code-list {display:flex;}
    .result-code {justify-content:center;margin-top:2rem;}
    .result-code li, .result-code li *, .result-code-single * {display:block;width:12rem;}
    .result-code li {background:#f3f3f3;padding:2.5rem;}
    .result-code li:hover {background:#eef7ff;}
    .result-code li:not(:first-child) {margin-left:5rem;}
    .result-code li p, .result-code-single p {color:#2c2a29;font-size:1.125rem;line-height:1;margin-top:1.5rem;text-align:center;}

    .result-code-single {background:#fff;border:0.5rem solid #fff;left:50%;margin:-9.5rem 0 0 -8.0rem;padding:1.5rem 1.5rem;position:absolute;top:50%;z-index:5;}
    .result-code-single:hover {background:#eef7ff;border-color:#6cf;}

    
    /** ===== content-case ===== **/
    .content-case {padding:0 2rem;width:71rem;}
    .content-case dl {padding:3rem 0;}
    .content-case dl:nth-child(1), .content-cooperate dl:nth-child(2n) {flex-direction:row-reverse;}
    .content-case dt, .content-case dt img {display:block;height:24rem;width:24rem;}
    .content-case dd {border:0.1875rem dashed #c8c8c8;border-radius:2rem;padding:0 1.5rem;width:41rem;}
    .content-case dl:hover dd {background:#eef7ff;border-color:#325baa;}
    .content-case h3 {background:#325baa;border-radius:0.5rem;color:#fff;font-size:1.5rem;letter-spacing:0.25rem;line-height:3rem;margin:3rem auto 2rem auto;text-align:center;width:25rem;}
    .content-case p {color:#666;font-size:1.125rem;line-height:2;padding:0 1rem;text-align:justify;text-indent:2em;}
    
    .content-case dl:nth-child(2n+1) dd {margin-right:3rem;}
    .content-case dl:nth-child(2n) dd {margin-left:3rem;}
    

    /** ===== content-cooperate ===== **/
    .content-cooperate {padding:1.75rem 8rem 3.5rem 8rem;width:59rem;}

    
    .content-cooperate dl {background-color:rgba(255,255,255,0.62);background-repeat:no-repeat;border-style:solid;border-width:0.1875rem;border-radius:1rem;margin-top:2.5rem;min-height:10.5rem;}
    
    .content-cooperate dl:nth-child(1) {border-color:#7ec13d;min-height:12.5rem;}
    .content-cooperate dl:nth-child(2) {border-color:#005c72;}
    .content-cooperate dl:nth-child(3) {border-color:#325baa;}
    .content-cooperate dl:nth-child(4) {border-color:#a41615;}
    .content-cooperate dl:hover {background-color:#fff;border-color:#f80;}

    .content-cooperate dt, .content-cooperate dt * {display:block;height:5.25rem;width:5.25rem;}
    .content-cooperate dt i {border-radius:50%;overflow:hidden;}

    .content-cooperate dl:nth-child(2n+1) {background-position:100% 100%;padding:2rem 2rem 2rem 2rem;width:54.75rem;}
    .content-cooperate dl:nth-child(2n+1) dd {padding-left:2rem;}
    .content-cooperate dl:nth-child(2n) {background-position:0 50%;padding:2rem 3.5rem 2rem 2rem;width:53.25rem;}
    .content-cooperate dl:nth-child(2n) dd {padding-right:2rem;}
    .content-cooperate dl:nth-child(2n) dd * {text-align:right;}
    .content-cooperate h3 {color:#000;font-size:2rem;line-height:1;padding-bottom:1.5rem;}
    .content-cooperate p {color:#666;font-size:1.25rem;line-height:2rem;}


    /** ===== ===== teching-material ===== ===== **/
    .tm-intro {margin:2rem auto;width:75rem;}
    .tm-intro-video {bottom:2.5rem;height:17.5rem;position:absolute;right:0;width:33.75rem;z-index:5;}
    .tm-intro-text {background:#f1f1f1;min-height:17.5rem;padding:2.5rem 5rem 2.5rem 2.5rem;width:36.25rem;}
    .tm-intro-text p {color:#2c2a29;font-size:1.25rem;line-height:2;text-align:justify;text-indent:2em;}
    .tm-intro-text p:not(:first-child) {margin-top:0.5rem;}

    .tm-features {gap:2rem;justify-content:space-around;margin-top:0.25rem;width:75rem;}
    .tm-features li {background:#f1f1f1;padding:1.5rem 2rem;}
    .tm-features li * {display:block;}
    .tm-features i, .tm-features svg {height:4rem;width:4rem;}
    .tm-features i {margin:auto;}
    .tm-features svg {fill:#325baa}
    .tm-features h3 {color:#2c2a29;font-size:1.25rem;margin:1rem 0;text-align:center;}
    .tm-features p {color:#666;line-height:1.5;}

    .tm-row-title {margin-top:4rem;width:100%;}
    .tm-row-title h2 {background-image:url(/assets/img/title-right.png);background-position:100% 50%;background-repeat:no-repeat;color:#2c2a29;font-size:2.25rem;font-weight:400;line-height:3rem;padding-right:2.5rem;}

    .tm-book {background:#f1f1f1;cursor:pointer;margin-top:2.5rem;padding:2rem 2.5rem;width:70rem;}
    .tm-book.reverse {flex-direction:row-reverse;}
    .tm-book dt, .tm-book dt img {height:30rem;}
    .tm-book dd {align-items:center;padding-left:2.5rem;}
    .tm-book.reverse dd {padding-left:0;padding-right:2.5rem;}
    .tm-book p {color:#2c2a29;font-size:1.5rem;line-height:2;text-indent:2em;}
    
    .tm-book, .tm-book * {transition:all 200ms linear 0s;}
    .tm-book:hover {background:#fafbfc;}
    .tm-book:hover dt {opacity:0.62;}
    .tm-book:hover dd p {color:#f80;}

    .carsousel-holder {background:#f1f3fa;overflow:hidden;margin:2.5rem auto;padding:1.5rem 0;width:75rem;}
    .newbook-slick {/*pointer-events:none;*/width:75rem;}
    .slick-item {padding:0 1.25rem;width:12.5rem;}
    .slick-item * {display:block;width:12.5rem;}
    .newbook-slick p {height:1rem;line-height:1rem;margin-top:1rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
    
    .slick-item .book-box {position:relative;z-index:0;}
    .slick-item {perspective:100px;perspective-origin:center center;transition:all .3s ease-in-out;transform-style:preserve-3d;}
    .slick-item .book-box {cursor:pointer;}
    .slick-item .book-box {transition:all .3s ease-in-out;transform:translateZ(-35px) rotateY(-10deg);}/* 全部的状态 */
    .slick-center .book-box {transform:translateZ(0)}
    .slick-item:has(+ .slick-center) .book-box {transform:translateZ(-8px) rotateY(-3deg);} /* 前1个 */
    .slick-center + .slick-item .book-box {transform:translateZ(-8px) rotateY(3deg);} /* 后1个 */
    .slick-center + .slick-item + .slick-item .book-box {transform:translateZ(-35px) rotateY(10deg)} /* 后2个 */


    /** ===== ===== contribute-page ===== ===== **/
    .contribute-intro, .contribute-form {background:#fbf7f1;width:50rem;}
    .contribute-intro, .contribute-form {padding-left:12.5rem;padding-right:12.5rem;}
    .contribute-intro {padding-bottom:1.5rem;padding-top:3.5rem;}
    .contribute-intro h2 {background:#ba2a2a;color:#fff;font-size:2rem;font-weight:400;text-align:center;}
    .contribute-intro p {color:#666;font-size:1.125rem;line-height:2;padding-top:1.75rem;}

    .contribute-form {padding-bottom:3.5rem;}

    .form-row {padding-bottom:1.5rem;}

    .row-title, .row-title * {font-size:1.125rem;font-weight:400;line-height:2rem;}
    .row-title span {color:#a58670;}
    .row-title b, .zhcn {color:#e00;font-family:simsun, sans-serif;margin-left:0.25rem;}

    .row-content {margin-top:0.5rem;}
    .form-control {background:#fff;border:1px solid #ccc;color:#2c2a29;display:inline-block;font-size:1.125rem;}
    .form-control:focus {border-color:#000;color:#000;}

    input[type="text"].form-control {height:3rem;padding:0 1.5rem;width:46.875rem;}
    input[type="checkbox"].form-control, input[type="radio"].form-control {height:1.875rem;position:relative;width:1.875rem;z-index:0;}
    input[type="checkbox"].form-control:before, input[type="radio"].form-control:before {background-color:#eee;background-position:50% 50%;background-repeat:no-repeat;background-size:1.5rem;content:"";height:1.375rem;left:50%;margin:-0.6875rem 0 0 -0.6875rem;position:absolute;top:50%;width:1.375rem;z-index:5;}
    input[type="checkbox"].form-control:checked, input[type="radio"].form-control:checked {border-color:#ba2a2a;}
    input[type="checkbox"].form-control:checked:before, input[type="radio"].form-control:checked:before {background-color:#ba2a2a;}
    input[type="radio"].form-control, input[type="radio"].form-control:before {border-radius:50%;}

    select.form-control {height:3rem;padding:0 1.5rem;width:100%;}
    textarea.form-control {height:8rem;line-height:2rem;padding:1rem 1.5rem;resize:none;width:46.875rem;}

    .form-element-group, .form-element-group label {display:flex;}
    .form-element-group {flex-wrap:wrap;gap:0.75rem;}
    .form-element-group label, .form-element-group label b {Color:#666;font-size:1.125rem;font-weight:400;height:2rem;line-height:2rem;}
    .form-element-group label {min-width:14.875rem;max-width:22rem;}
    .form-element-group label b {margin-left:0.75rem;}

    .form-action {display:flex;justify-content:center;padding-top:1.5rem;}
    .form-action button {background:#ba2a2a;color:#fff;font-size:1.125rem;height:3rem;padding:0 5rem;}
    
    
    



/** ===== ===== simple ===== ===== **/
.simple-holder {background:#fff;margin-bottom:2rem;margin-top:2rem;padding:0;width:75rem;}



/** ===== ===== simple ===== ===== **/
.simple-holder {background:#fff;margin-bottom:2rem;margin-top:2rem;padding:0;width:75rem;}


/** ===== simple-books ===== **/
.simple-books, .simple-books dl {width:100%;}
.simple-books li {padding:2.5rem;width:calc( 100% -5rem );}
.simple-books li:not(:first-child) {border-top:1px solid #f3f3f3;}

.simple-books dl, .simple-books .publish {display:flex;}

.simple-books dt, .simple-books dt img {width:10rem;}
.simple-books dd {padding-left:2rem;width:calc( 100% - 12rem );}
.simple-books dd * {font-weight:400;}
.simple-books h3 {color:#2c2a29;font-size:1.375rem;margin-left:-0.5rem;padding:0.5rem 0 1.25rem 0;}
.simple-books p, .simple-books h5 {color:#787878;font-size:1rem;line-height:1.6rem;}
.simple-books p {height:1.6rem;}
.simple-books h5 {max-height:4.8rem;}

.publish {margin:1rem 0;}



.ellipsis, .simple-books h5 {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;}
.ellipsis {-webkit-line-clamp:1;line-clamp:1;}
.ellipsis.row2 {-webkit-line-clamp:2;line-clamp:2;}
.ellipsis.row3, .simple-books h5 {-webkit-line-clamp:3;line-clamp:3;}





/** ===== css-ends ===== **/
/** ===== css-ends ===== **/
/** ===== css-ends ===== **/
}
/** ===== css-ends ===== **/
/** ===== css-ends ===== **/
/** ===== css-ends ===== **/