@media only screen and (max-width: 1340px) {




/* ===== topbar ===== */
.topbar, .topbar * {height:2rem;line-height:2rem;}

.topbar .tpl, .tpFunc dt, .headlines h5, .headlines p, .headlines .bx-pager, .homeNews li span, .downloads li span, .stater, .submenu h3, .sideAdv, .getCode {display:none !important;}



/* ----- tpFunc+userFunc ----- */
.tpFunc a, .userFunc p, .cart-ico a {padding:0 0.5rem;}
.tpFunc a, .cart-ico a {background-color:rgba(0,0,0,0.03);}
.tpFunc *, .userFunc p *, .cart-ico * {color:#0562a9}
.tpFunc i, .userFunc p i {opacity:0.62;margin-right:0.25rem;}

.userFunc p a:last-child {opacity:0.75;}
.userFunc p em {margin:0 0.25rem;}



/* ===== header ===== */
.header, a.hda {height:3rem;}
.header, h1.logo {background-size:auto 100%;}
.header {background:#61aced url("https://www.mybeernotes.com/assets/img/bgh.png") 50% 0 no-repeat;padding-top:2rem;}

h1.logo, h1.logo a {height:2rem;width:7rem;}
h1.logo {background-image:url("https://www.mybeernotes.com/assets/img/logoM.png");margin:0.5rem auto;}

.pdt {height:5rem;}



/* ----- hda ----- */
a.hda {background-color:rgba(255,255,255,0.1);top:2rem;width:3rem;}

a.goBack, a.goBack i, a.goBack i:before {display:block;line-height:3rem;text-align:center;width:3rem;}
a.goBack i {font-size:1.5rem;}



/* ----- showNavi ----- */
a.showNavi {right:0;width:3rem;}
a.showNavi b, a.showNavi b:after, a.showNavi b:before, a.showNavi i, a.showNavi i:after, a.showNavi i:before {height:0.1rem;position:absolute;transition:all 300ms ease 0s;width:1.4rem;}
a.showNavi b, a.showNavi i {left:0.8rem;top:1.45rem;}
a.showNavi b:after, a.showNavi b:before, a.showNavi i, a.showNavi i:after, a.showNavi i:before {background-color:#fff;}
a.showNavi b {opacity:0;}
a.showNavi.shown b {opacity:1;}

a.showNavi b:after, a.showNavi b:before {transform:rotate(0deg);}
a.showNavi b:after {transform:rotate(-45deg);}
a.showNavi b:before {transform:rotate(45deg);}

a.showNavi i {opacity:1;}
a.showNavi.shown i {opacity:0;}
a.showNavi i:after {top:-0.45rem;}
a.showNavi i:before {bottom:-0.45rem;}




/* ===== searchBox ===== */
.searchBox {}
.searchBox form {margin:0 10%;width:80%;}

.searchOpt, .searchOpt ul, .searchOpt li, .searchBox input, .searchBox button, .searchBox input {width:100%;}
.searchOpt, .searchOpt li, .searchOpt li *, .searchBox input, .searchBox button, .searchBox input {height:2.8rem;line-height:2.8rem;}
.searchOpt ul {display:none;left:0;top:2.8rem;}
.searchOpt li a {display:block;padding-left:1rem;}
.searchOpt p * {padding:0 1rem;}

.searchBox input {margin:0.75rem 0;padding:0 1rem;}

.searchBox button {background-color:#39d;color:#fff;}
.searchBox button:before {content:"搜索";}
.searchBox button svg {display:none;}

.searchBox i.hideFind {background-color:#fff;bottom:1rem;height:3rem;left:50%;margin-left:-1.5rem;width:3rem;}
.searchBox i.hideFind:after, .searchBox i.hideFind:before {background-color:#39d;left:50%;top:50%;transform:rotate(45deg);}
.searchBox i.hideFind:after {height:2px;margin:-1px 0 0 -0.7rem;width:1.4rem;}
.searchBox i.hideFind:before {height:1.4rem;margin:-0.7rem 0 0 -1px;width:2px;}



/* ----- cart-ico ----- */
.cart-ico a {}
.cart-ico a * {display:block;}
.cart-ico a b {padding-left:0.25rem;}



/* ===== navigation =====*/
.navigation, .navigation ol, .navigation li, .navigation li a {width:100%;}
.navigation {height:calc(100% - 5rem);top:5rem;transform:translateX(-100%);}
.navigation li, .navigation li a {line-height:3rem;}
.navigation li {border-bottom:1px solid #eee;}
.navigation li a {padding-left:1.5rem;}



/* ===== footer ===== */
.footer {}


/* -----ftlink ----- */
.ftlink {background-color:#0562a9;padding:0.5rem 0;}
.ftlink em {opacity:0.5;margin:0 0.75rem;}
.ftlink em:nth-child(6) {height:0;overflow:hidden;margin:0;width:100%;}


/* -----ftinfo ----- */
.ftinfo {background-color:#4a4a4a;padding:0.75rem;}
.ftinfo p, .ftinfo dd {padding-top:0.5rem;}
.ftinfo p {opacity:0.75;line-height:1rem;}
.ftinfo dd * {display:block;margin:auto;text-align:center;}


/* -----ftcopy ----- */
.ftcopy {background-color:#282828;padding:0.75rem 0 0.5rem 0;}




/* ===== sider ===== */
.sider {bottom:3.25rem;right:0.5rem;}
.sider li, .sider dt, .sider i {height:2rem;line-height:2rem;text-align:center;width:2rem;}
.sider li {display:none;padding-top:0.25rem;}
.sider i {background-color:#39d;color:#fff;font-size:1rem;}
.sider .showFind, .sider .backtop {display:block;}
.sider .backtop i {font-size:1.25rem;}
.sider .showFind svg {height:1.4rem;margin:0.3rem;width:1.4rem;}
.sider .showFind svg path {fill:#fff;}



/* ========== homePage ========== */
.homePage {}



/* ===== headlines ===== */
.headlines, .homeNews, .homeRS, .homeStore, .fullAdv {margin:0.75rem 0.75rem 0 0.75rem;}
.headlines {width:calc( 100% - 1.5rem );}
.headlines dt em {height:0;padding-bottom:56.25%;}
.headlines dd {background-color:rgba(0,0,0,0.5);padding:0.5rem;width:calc( 100% - 1rem );}

.headlines .bx-controls a, .headlines .bx-controls i, .storeSlider .bx-controls-direction a, .storeSlider .bx-controls-direction i {font-size:1rem;height:2rem;line-height:2rem;text-align:center;width:1.5rem;}
.headlines .bx-controls-direction a, .storeSlider .bx-controls-direction a {background-color:rgba(255,255,255,0.38);margin-top:-1rem;top:50%;}
.headlines a.bx-prev, .storeSlider a.bx-prev {left:0;}
.headlines a.bx-next, .storeSlider a.bx-next {right:0;}


/* ===== ht ===== */
.ht {height:2rem;}
.ht:before {background-color:#0482c3;height:3px;}
.ht h3, .ht h4, .ht a {height:1.85rem;line-height:1.85rem;}
.ht h3, .ht h4 {background-color:#fff;}
.ht h3, .ht h4 {border-right:2px solid #fff;border-top:3px solid #6cf;color:#3a3a3a;}
.ht h3 {padding:0 0.75rem 0 0.25rem;}
.ht h4 {padding:0 0.75rem;}
.ht p a {color:#666;padding:3px 0.25rem 0 0.25rem;}

.ht li {border-right:1px solid #fff;}
.ht li a {border-top:3px solid #0482c3;color:#3a3a3a;padding:0 0.5rem;text-align:center;}
.ht li.cur a {background-color:#fff;border-top:3px solid #6cf;color:#39d;}

.ht #newsSwap {width:100%;}
.ht #newsSwap li:nth-child(1), .ht #newsSwap li:nth-child(2) {width:40%;}
.ht #newsSwap li:last-child {border:0 none;width:30%;}



/* ===== homeNews ===== */
.homeNews, .homeRS, .homeStore {padding:0.5rem;width:calc( 100% - 2.5rem );}
.homeNews .nc li {padding-top:0.5rem;}
.homeNews .nc li * {line-height:1rem;}
.homeNews .nc li b {color:#666;line-height:1rem;padding-left:0.6rem;}
.homeNews .nc li b:before {background-color:#aaa;height:4px;left:0;top:0.4rem;width:4px;}

.zdsp ul li:nth-child(13), .zdsp ul li:nth-child(14), .zdsp ul li:nth-child(15), .zdsp ul li:nth-child(16), .zdsp ul li:nth-child(17), .zdsp ul li:nth-child(18) {display:none;}


/** ----- home-adv-slide ----- **/
.home-adv-slide {margin:0.75rem 0.75rem 0 0.75rem;} 
.home-adv-slide li, .home-adv-slide li * {display:block;width:100%;}
.home-adv-slide .bx-pager {display:none;}

.home-adv-slide .bx-controls-direction a {background:rgba(0,0,0,0.16);height:32px;line-height:32px;margin-top:-16px;position:absolute;text-align:center;top:50%;width:16px;}
.home-adv-slide a.bx-prev {left:-0;}
.home-adv-slide a.bx-next {right:0;}
.home-adv-slide i {color:#fff;}


/* ===== homeRS ===== */
.homeRS {}
.homeRS .hrc {padding-top:0.25rem;}
.homeRS .hrc li {padding-top:0.25rem;}
.homeRS .hrc li * {display:block;}
.homeRS .hrc li, .homeRS .hrc li a {width:100%;}

.homeRS .hrc li a {height:20vw;}
.homeRS .hrc li * {max-height:20vw;}
.homeRS .hrc li img {margin:auto;max-width:100%;}


.homeRS .bx-controls {padding-top:0.5rem;}
.homeRS .bx-controls-direction {height:1.3rem;}
.homeRS .bx-controls-direction:after, .homeRS .bx-controls-direction:before {border-top:1px solid #ddd;content:" ";height:0;margin-top:0.6rem;}

.homeRS .bx-controls a, .homeRS .bx-controls a i, .homeRS .bx-controls a i:before {height:1.2rem;line-height:1.2rem;text-align:center;width:1.9rem;}
.homeRS .bx-controls a:hover {z-index:1;}
.homeRS .bx-controls a i {font-size:1rem;}
.homeRS .bx-controls a {background-color:#f8f8f8;border:1px solid #ddd;color:#5a5a5a;}
.homeRS a.bx-prev {margin-left:0.35rem;}
.homeRS a.bx-next {margin-left:-1px;margin-right:0.35rem;}




/* ===== homeSVC ===== */
.homeSVC {padding-top:0.75rem;}
.homeSVC li:nth-child(2) {border-left:2px solid #fff;border-right:2px solid #fff;}
.homeSVC a {padding:0.5rem 0;}
.homeSVC a:link, .homeSVC a:visited {background:#fff url("https://www.mybeernotes.com/assets/img/dots.png");} 
.homeSVC a:hover, .homeSVC a:active {background:#6cf url("https://www.mybeernotes.com/assets/img/dots.png");}
.homeSVC a:link b, .homeSVC a:visited b {color:#0562a9;}
.homeSVC a:link i, .homeSVC a:visited i {color:#87badc;}
.homeSVC a:hover *, .homeSVC a:active * {color:#fff !important;}
.homeSVC a b {line-height:1rem;}
.homeSVC a i {font-size:1.4rem;line-height:2rem;}




/* ===== homeStore ===== */
.homeStore {}
.assort {background:url("https://www.mybeernotes.com/assets/img/assort.png") 50% 50% no-repeat;min-height:10rem;}
.assort ol {padding:0.75rem 0 0 2rem;}
.assort li, .assort li * {height:45px;line-height:45px;}
.assort i:before {content:"\F58C";}
.assort b {font-size:0.75rem;max-width:80%;}
.assort i {font-size:0.6rem;padding-right:0.5rem;}
.assort a * {color:#0562a9;}
.assort a i {opacity:0.5;}



/* ===== bookDual ===== */
.bookDual, .homeElite, .homeTitle {background-color:#fff;}
.bookDual {border-top:1px solid #d8e1e5;}
.bookDual {margin-top:0.75rem;}

ol.bookSwap * {line-height:2.4rem;}
ol.bookSwap li {background-color:#e8f0f5;}
ol.bookSwap li.cur {background-color:#f6f8fa;}
ol.bookSwap li b {color:#3a3a3a;}
ol.bookSwap li.cur b {color:#0864a7;}

.bookExpress, .bookExpress .ht ol {width:100%;}
.bookExpress .ht, .homeElite .ht {width:calc( 100% - 1rem );}
.bookExpress .ht {margin:0.5rem 0.5rem 0 0.5rem;}
.bookExpress .ht p {display:none !important;}
.bookExpress .ht li:last-child {border-right-width:0;}
.bookExpress .ht li a {padding:0 0.25rem;}

.booklist ul {padding:0 0.5rem 0.75rem 0;}
.booklist li {padding:0.5rem 0 0 0.5rem;}

.booklist li:nth-child(5) {display:none !important;}

.booklist dt {width:100%;}
.booklist dt img {max-height:calc( 50vw - 1rem );max-width:calc( 50vw - 1rem );}

.booklist dd {border-top:1px solid #eee;padding:0.5rem;}
.booklist h4 {color:#0562a9;}
.booklist p {padding-top:0.25rem;}

.booklist h5.tag-award {top:calc( 50vw - 3rem);}



/* ===== homeTitle ===== */
.homeTitle {padding:0.5rem 0 0.25rem 0;}
.homeTitle b {color:#17b;font-size:1.25rem;line-height:1.5rem;padding:0 0.75rem;}
.homeTitle em, .homeTitle i {height:0.15rem;margin-top:0.6rem;}
.homeTitle em {background:linear-gradient(to left, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}
.homeTitle i {background:linear-gradient(to right, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}



/* ===== homeElite ===== */
.homeElite {padding-top:0.5rem;}
.homeElite .ht {margin:0 0.5rem;}



/* ===== reviewT =====*/
.homeReviews {background-color:#f8f9fa;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
h3.reviewT, h3.reviewT b {height:1.5rem;line-height:1.5rem;}
h3.reviewT {padding:0.75rem 0 0.5rem 0;}
h3.reviewT:after, h3.reviewT:before {height:2px;margin-top:0.7rem;}
h3.reviewT:after {background:linear-gradient(to right, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}
h3.reviewT:before {background:linear-gradient(to left, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}

h3.reviewT b {color:#17b;font-size:1rem;padding:0 0.75rem;}



/* ===== review-list ===== */
.review-list {padding:0 0.5rem;width:calc( 100% -1rem );}
.review-list dt, .review-list dt *, .recommends dt, .recommends dt * {height:7rem;width:5.5rem;}
.review-list dt, .recommends dt {padding-top:0.5rem;}
.review-list dd, .recommends dd {padding-left:0.75rem;width:calc(100% - 6.25rem);}

.review-list h4, .review-list h5 *, .recommends h4, .recommends h5 * {line-height:1rem;}
.review-list h4, .recommends h4 {color:#0562a9;}
.review-list h5, .recommends h5 {padding:0.35rem 0;}
.review-list h5 *, .recommends h5 * {color:#666;height:1rem;word-break:break-all;}
.review-list h5 i, .recommends h5 i {opacity:0.5;padding-right:0.25rem;}

.review-list h5 span:last-child {display:none;}

.review-list .bx-controls {padding:0.75rem 0 1rem 0;}
.review-list .bx-pager-item, .review-list .bx-pager-item a {height:0.6rem;width:0.6rem;}
.review-list .bx-pager-item {margin:0 0.15rem;}
.review-list a.bx-pager-link {background-color:#ddd;}
.review-list a.bx-pager-link.active {background-color:#39d;}

p.moreReview {bottom:0.75rem;line-height:1rem;right:0.75rem;}




/* ===== recommends ===== */
.recommends, .downloads {border-bottom:1px solid #e8e8e8;padding:0.5rem;width:calc( 100% -1rem );}
.recommends li {padding-top:0.75rem;}




/* ===== downloads ===== */
.downloads {}
.downloads li {padding-top:0.5rem;}
.downloads li * {line-height:1rem;}
.downloads li b {color:#666;line-height:1rem;padding-left:0.6rem;}
.downloads li b:before {background-color:#aaa;height:4px;left:0;top:0.4rem;width:4px;}




/* ===== flinks+friend-links ===== */
.flinks {padding:0.5rem 0;}
#flinks, .friend-t {border-bottom:1px solid #ddd;margin:0 0.5rem;width:calc( 100% - 1rem );}
#flinks, .flink-list ul, .friend-links {background-color:#fff;}
#flinks li {padding-left:0.5rem;}
#flinks li b {height:2rem;line-height:2rem;padding-left:0.25rem;}
#flinks li.cur b {color:#17b;}
#flinks li.cur b:after {background-color:#39d;bottom:0;height:3px;left:0;width:100%;}

.flink-list {padding:0 0.5rem 0.5rem 0.5rem;width:calc( 100% - 1rem );}
.flink-list ul {padding:0.25rem 0.5rem 0.5rem 0.25rem;width:calc( 100% - 0.75rem );}
.flink-list li {padding:0.25rem 0 0 0.25rem;}
.flink-list li a {border:1px solid #ddd;height:2.25rem;width:calc( 100% - 2px );}
.flink-list li img {display:block;max-height:2.25rem;max-width:100%;}



/* ----- friend-links ----- */
.friend-links {margin:0.5rem;width:calc( 100% - 1rem );}
.friend-t, .friend-t h3, .friend-t h3 b {height:2rem;}
.friend-t {border-bottom:1px solid #ccc;padding-top:0.5rem;}
.friend-t * {height:1.8rem;line-height:1.8rem;}
.friend-t h3 {padding:0 0.25rem;}
.friend-t h3 i {border-bottom:3px solid #0482c3;bottom:-2px;height:0;left:0;width:100%;}

.friend-c ul {padding:0 0.75rem 0.75rem 0;}
.friend-c li {margin:0.75rem 0 0 0.75rem;}
.friend-c li a {line-height:1;}




/* ========== subPage ========== */
.subPage {}



/* ===== submenu ===== */
.submenu.collapse ul {height:2.65rem;overflow:hidden;}
.submenu i {height:2.6rem;right:0.2rem;top:0;width:2.8rem;}
.submenu.collapse i {background-color:rgba(255,255,255,0.5);}
.submenu i {background-color:rgba(255,255,255,0.75);}

.submenu i:after, .submenu i:before {left:50%;top:50%;position:absolute;}
.submenu i:after {height:2px;margin:-1px 0 0 -0.6rem;width:1.2rem;}
.submenu i:before {height:1.2rem;margin:-0.6rem 0 0 -1px;width:2px;}

.submenu i:after, .submenu i:before {background-color:#6cf;transform:rotate(225deg);}
.submenu.collapse i:after, .submenu.collapse i:before {background-color:#888;transform:rotate(0deg);}

.submenu li {border-bottom:1px solid #ddd;line-height:2.6rem;width:100%;}
.submenu li {background-color:rgba(255,255,255,0.8);order:1;}
.submenu li.cur {background-color:rgba(255,255,255,0);order:0;}
.submenu li a {padding:0 0.75rem;}





/* ===== introPage ===== */
.aboutPic {margin-bottom:1rem !important;}



/* ===== article ===== */
.article {padding:0.75rem 0;}
.article.pb0 {padding:0.75rem 0 0 0;}

.upTitle, .artTitle, .subTitle {padding:0 0.75rem 0.5rem 0.75rem;}
.upTitle, .subTitle {color:#888;line-height:1.1rem;}
.artTitle {color:#0562a9;line-height:1.5rem;}
.artTitle:before {background-color:#39d;height:1.2rem;left:0;top:0.15rem;width:0.15rem;}

.artTitle.sp-red {color:#e00;}

.artStat {background-color:#f3f3f3;padding:0.35rem 0;}
.artStat p {height:1.25rem;padding-left:0.75rem;width:50%;}
.artStat p:last-child {width:100%;}
.artStat p * {color:#666;line-height:1.25rem;}
.artStat p i {padding-right:0.25rem;opacity:0.62;}




/* ----- entry ----- */
.entry {min-height:4rem;}
.entry {padding:0.25rem 0.75rem 0.5rem 0.75rem;width:100%;}
.entry, .entry * {line-height:1.5rem;}

.entry div, .entry p, .entry li, .entry th, .entry td, .entry li {color:#666;word-break:break-all;}
.entry div, .entry p, .entry table, .entry ol, .entry ul {margin-top:0.5rem;}
.entry div *, .entry p * {text-indent:0;}

.entry ol, .entry ul {padding:0.25em 0 0.75em 2em;}
.entry ol li {list-style:decimal outside;}
.entry ul li {list-style:disc outside;}


.noprefix, .noprefix li {list-style:none !important;}


.entry li {padding-top:0.5em;}

.entry table, .entry th, .entry td {border-collapse:collapse;border:1px solid #ddd;}
.entry table, .entry td {background-color:#fff;}
.entry th, .entry td {padding:0.25rem 0.35rem;}
.entry th {background-color:#f6f6f6;}

.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5 {/* color:#0562a9; */}
.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5 {color:#333;}

.entry img {height:auto;margin:auto;max-width:100% !important;width:auto;}

.entry em, .entry i {font-style: italic;}
.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {font-weight:bold !important;}

.entry iframe {max-width:95% !important;}

.entry * {word-break:break-all;}
  
  
  
.entry audio, .entry video {width:100%;}



/* 2026-03-23 - fix br */
.entry br {line-height:0 !important;}


/* ===== addFavorite ===== */
.addFavorite {height:2.1rem;}
.addFavorite.artPos {padding:0.25rem 0 1rem 0;}
.addFavorite.shopPos {padding:0.25rem 0 1rem 0;}
.addFavorite.softPos {padding:0.25rem 0 1rem 0;}

.addFavorite a {display:block;margin:auto;border-radius:3rem;height:2rem;text-align:center;width:7.5rem;}
.addFavorite a:link, .addFavorite a:visited {border:1px solid #17b;}
.addFavorite a:hover, .addFavorite a:active {background-color:#6cf;border:1px solid #6cf;}

.addFavorite a * {display:inline-block;height:2.0rem;line-height:2.0rem;vertical-align:top;}
.addFavorite b {margin:0 0.25rem;}
.addFavorite i {font-size:1rem;}
.addFavorite a:link *, .addFavorite a:visited * {color:#17b;}
.addFavorite a:hover *, .addFavorite a:active * {color:#fff !important;}




/* ===== context ===== */
.context li {border-bottom:2px solid #fff;}
.context li a {background-color:#f3f3f3;padding:0.5rem;width:calc( 100% - 1rem );}

.context li h4, .context li p {line-height:1rem;}
.context li i {display:none;}

.context h4 {color:#005ca9;margin-top:0.25rem;}





/* ===== pager ===== */
.pager {padding:0.75rem;}
.pager.pb0 {padding:0.75rem 0.75rem 0 0.75rem;}
.pager li {margin:0 0.15rem;}
.pager li * {height:2rem;line-height:2rem;min-width:0.6rem;padding:0 0.7rem;text-align:center;}
.pager li a {background-color:#fff;border:1px solid #eee;color:#5a5a5a;}
.pager li.thisclass * {background-color:#39d;border:1px solid #28c;color:#fff;}




/* ===== list-press ===== */
.list-press li, .reviews li {border-bottom:1px solid #e8e8e8;}
.list-press a {padding:0.75rem;}
.list-press dt, .list-press dt em {height:4rem;width:5.5rem;}
.list-press dd {padding-right:1rem;}
.list-press h4 {color:#0562a9;}
.list-press h5 span {margin-top:0.25rem;}
.list-press h5 * {color:#888;}
.list-press h5 i {opacity:0.75;padding-right:0.25rem;}




/* ===== sources ===== */
.sources ul {padding:0.25rem 0.75rem 0.75rem 0.75rem;}
.sources li {margin-top:0.5rem;padding:0.75rem;}
.sources dt {border:1px solid #eee;height:35vw;width:100%;}
.sources dt img {max-height:30vw;width:62vw;}
.sources dl, .sources h5 {padding-top:0.5rem;}
.sources dd {padding-top:0.75rem;}
.sources .intro.collapse {max-height:3rem;}
.sources .intro * {line-height:1rem;}

.sources a * {color:#0562a9;}
.sources i {opacity:0.5;padding-right:0.25rem;}




/* ===== reviews ===== */
.reviews {}
.reviews a {padding:0.75rem;}
.reviews dt, .reviews dt em {height:7rem;width:5.5rem;}
.reviews dt {padding-top:0.25rem;}
.reviews dd {padding-left:0.75rem;width:calc(100% - 6.25rem);}

.reviews h4 b {color:#0562a9;}
.reviews h5 {padding:0.35rem 0;}
.reviews h5 * {color:#666;height:1rem;word-break:break-all;}
.reviews h5 i {opacity:0.5;padding-right:0.25rem;}

.reviews h5 span:last-child {display:none;}



/* ===== relatedBook ===== */



/* ===== relatedBook ===== */
.relatedBook {margin-top:1.5rem;padding:1rem 1rem 0 1rem;}
.relatedBook {position: relative;background: #fff;border-top:2px solid #0482c3;}
.relatedBook:after, .relatedBook:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}

.relatedBook:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;	border-width: 10px;	margin-left: -10px;}
.relatedBook:before {border-color: rgba(4, 130, 195, 0);border-bottom-color:#0482c3;border-width:13px;margin-left:-13px;}

.relatedBook dt {width:38%}
.relatedBook dt {border:1px solid #eee;height:calc( 38vw - 1rem );width:calc( 38vw - 1rem);}
.relatedBook dt img {max-height:calc( 38vw - 2rem );max-width:calc( 38vw - 2rem );}
.relatedBook dd {padding-left:1rem;width:calc( 62% - 1rem );}
.relatedBook p {padding-top:0.35rem;}

.relatedBook h4 {color:#0562a9;}

.relatedBook strong {color:#f00;}




/* ===== tags ===== */
h5.tags {position:absolute;}
h5.tags * {display:block;text-align:center;}
h5.tags.tag-new, h5.tags.tag-new b {width:2.3rem;}
h5.tags.tag-new {left:0.5rem;top:0;}
h5.tags b {line-height:1rem;}
h5.tags.tag-new b, h5.tags.tag-new b:after, h5.tags.tag-new b:before {box-shadow:1px 1px 0 #fff;}
h5.tags.tag-new b {background-color:#67bb66;padding:0.35rem 0.65rem;width:1rem;}

h5.tags.tag-new b {position:relative;}
h5.tags.tag-new b:after, h5.tags.tag-new b:before {border-top:4px solid #67bb66;bottom:-4px;content:" ";height:0;position:absolute;width:0;}
h5.tags.tag-new b:after {border-right:23px solid rgba(0,0,0,0);right:50%;}
h5.tags.tag-new b:before {border-left:23px solid rgba(0,0,0,0);left:50%;}

h5.tags.tag-off {background:url("https://www.mybeernotes.com/assets/img/tag-off.png") 0 0 no-repeat;height:2rem;padding:0.6rem 0.35rem;right:0.5rem;top:0.5rem;width:2.5rem;}

h5.tags.tag-award {background-color:rgba(102,204,255,0.9);color:#fff;height:1.75rem;line-height:1.75rem;left:0;width:100%;}




/* ===== book-list ===== */
.book-list {}
.book-list ul {padding:0 0.5rem 0.5rem 0;width:calc( 100vw - 0.5rem );}
.book-list li {margin:0.5rem 0 0 0.5rem;width:calc( 50vw - 0.75rem );}
.book-list dt, .book-list dt em {width:100%;}
.book-list dt em {background-position:50% 50%;background-repeat:no-repeat;background-size:contain;padding-bottom:100%;}
.book-list dt img {max-height:calc( 50vw - 1rem );max-width:calc( 50vw - 1rem );}

.book-list dd {border-top:1px solid #eee;padding:0.5rem;}
.book-list h4 {color:#0562a9;}
.book-list p {padding-top:0.25rem;}

.book-list h5.tag-award {top:calc( 50vw - 3rem);}



/* ===== list-down ===== */
.list-down {}
.list-down li {border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:0.5rem;}
.list-down li:first-child {border-top-width:0;margin-top:0;}
.list-down h4 {color:#0562a9;line-height:1rem;padding:0.75rem 0.5rem;}
.list-down h4 i {color:#aaa;padding-right:0.25rem;}

.list-down dl {border-top:1px solid #eee;}
.list-down dl * {line-height:1.8rem;}
.list-down dt, .list-down dd {width:50%;}
.list-down dd {border-left:1px solid #eee;}
.list-down em {color:#aaa;padding-left:0.35rem;}


.list-down dl:nth-child(2) dd:nth-child(3), .list-down dl:nth-child(3) dd:nth-child(2) {display:none;}


.softrank, .softrank em {background-image:url("https://www.mybeernotes.com/assets/img/softrank.png");height:0.8rem;}
.softrank {margin-top:0.45rem;width:4.5rem;}
.softrank em {background-position:0 100%;}
.rank-1 em {width:0.9rem;}
.rank-2 em {width:1.8rem;}
.rank-3 em {width:2.7rem;}
.rank-4 em {width:3.6rem;}
.rank-5 em {width:4.5rem;}




/* ===== downDetail ===== */
.downDetail {padding:0.75rem 0;}

.softPic, .softInfo {border-top:1px solid #eee;}
.softPic {padding:0.75rem;}
.softPic img {display:block;margin:auto;max-height:calc( 60vw - 1.5rem );max-width:80%;}
.softInfo dl {border-bottom:1px solid #eee;}
.softInfo dt, .softInfo dd {line-height:1.8rem;}
.softInfo dt {background-color:#fafbfc;border-right:1px solid #eee;padding:0 0.5rem;}
.softInfo dd {color:#666;padding:0 0.5rem;}


.downLink ol {padding:0.25rem 0.75rem 0 0.75rem;}

.downLink a i {color:#aaa;height:2.5rem;line-height:2.5rem;text-align:center;width:2rem;}
.downLink a b {color:#5a5a5a;line-height:1rem;padding:0.75rem 0;}
.downLink li:not(:first-child) b {border-top:1px dotted #ccc;}

.downDetail .ht {margin:0.75rem 0.75rem 0 0.75rem;}
.downDetail .ht {width:calc( 100% - 1.5rem );}


/* ----- downNote ----- */
.downNote {background-color:#fafbfc;border:1px solid #ddd;margin:0 0.75rem;padding:0.5rem 0.74rem;width:calc( 100% - 3rem );}
.downNote h4 {color:#0562a9;}
.downNote p {line-height:1rem;padding-top:0.25rem;}



/* ----- relatedFile ----- */
.relatedFile ul {padding:0 0.75rem 0 0.75rem;}
.relatedFile li {padding-top:1em;}
.relatedFile li * {line-height:1rem;}
.relatedFile a {padding-left:1rem;}
.relatedFile a i {left:0;top:0;}
.relatedFile a:link b, .relatedFile a:visited b {color:#0562a9;}
.relatedFile a:link i, .relatedFile a:visited i {color:#aaa;}
.relatedFile a:hover *, .relatedFile a:active * {color:#6cf !important;}




/* ===== partPrees ===== */
.partPrees {margin:0 0.75rem 0.75rem 0.75rem;width:calc( 100% - 1.5rem );}

.partSlider, .partNews {margin-top:0.75rem;}
.partSlider li, .partSlider li a, .partSlider dl, .partSlider dt, .partSlider dt em {width:100%;}
.partSlider dt em {height:0;padding-bottom:62.5%;}
.partSlider dd {background-color:rgba(0,0,0,0.5);line-height:1rem;padding:0.5rem;width:calc(100% - 1rem);}

.partSlider .bx-controls a, .partSlider .bx-controls i {color:#fff;font-size:1rem;height:2rem;line-height:2rem;text-align:center;width:2rem;}
.partSlider .bx-controls a {background-color:rgba(255,255,255,0.5);margin-top:-1rem;top:50%;}
.partSlider a.bx-prev {left:0;}
.partSlider a.bx-next {right:0;}

.partNews ol {border-bottom:1px solid #ddd;padding:0.75rem 0.75rem 0.65rem 0.75rem;}
.partNews h3 {color:#0562a9;line-height:1.25rem;}
.partNews p {margin-top:0.5rem;}

.partNews ul {padding:0.75rem 0.75rem 0 0.75rem;}
.partNews li {padding-top:0.5rem;}
.partNews li b {color:#666;line-height:1rem;padding-left:0.6rem;}
.partNews li b:before {background-color:#aaa;height:4px;left:0;top:0.4rem;width:4px;}

.partNews li span {display:none !important;}

.partNews p {padding:0 0.75rem 0.75rem 1.35rem;}



/* ===== partSwap ===== */
.partSwap, .partSwap li, .partSwap li * {line-height:2rem;} 
.partSwap {margin:0 0.75rem;width:calc( 100% - 1.5rem );}
.partSwap {padding-right:0.75rem;}
.partSwap li {padding-left:0.75rem;}
.partSwap li a {color:#666;}
.partSwap li a:after {background-color:#39d;height:3px;bottom:0;left:0;width:0;/* */}
.partSwap li.cur a {color:#39d;}
.partSwap li.cur a:after {width:100%;}



/* ===== partners ===== */
.partners {}
.partners ul {padding:0.25rem 0.75rem 0.75rem 0.5rem;}
.partners li {padding:0.25rem 0 0 0.25rem;}
.partners li dt {height:23vw;width:100%;}
.partners li dt img {max-height:18vw;max-width:80%;}
.partners dd {border-top:1px solid #e8e8e8;padding:0.5rem;}
.partners dd b {color:#0562a9;height:1rem;line-height:1rem;}











/* ===== results ===== */
.results {border-bottom:1px solid #ddd;}
.results h2, .results h2 * {font-size:1rem;line-height:1.2;}
.results h2 {padding:0.75rem 0.5rem;}
.results h2 * {color:#0562a9;margin:0 0.25rem;}

.results .c {border-top:1px solid #ddd;}
.results li {border-top:1px solid #eee;padding:0.75rem 0.5rem;}
.results li:first-child {border-top-width:0;}
.results li * {line-height:1rem;}
.results h4 {max-height:2rem;}
.results .c h4 font {color:#f00;}
.results p {max-height:3rem;margin-top:0.5rem;}
.results a {color:#116eb4;}




/* ========== storePage ========== */
.pdual {padding-left:0.75rem;padding-right:0.75rem;}
.pt50 {padding-top:0.5rem;}
.pt75 {padding-top:0.75rem;}
.storeRow {width:calc( 100% - 1.5rem );}


/* ===== storeSlider ===== */
.storeSlider li, .storeSlider li * {width:100%;}
.storeSlider li a {padding-bottom:42%;}
.storeSlider li img {height:100%;}

.storeSlider .bx-controls-direction a, .storeSlider .bx-pager {position:absolute;z-index:5;}
.storeSlider .bx-pager {bottom:0.5rem;}
.storeSlider .bx-pager-item, .storeSlider .bx-pager a, .preBooks .bx-pager-item, .preBooks .bx-pager-item a {height:0.6rem;width:0.6rem;}
.storeSlider .bx-pager-item, .preBooks .bx-pager-item {margin:0 0.25rem;}
.storeSlider .bx-pager-link {background-color:#fff;}
.storeSlider .bx-pager-link.active, .preBooks .bx-pager-link.active {background-color:#39d;}



/* ===== storeCat ===== */
.storeCat li {height:0;padding-bottom:23%;}
.storeCat li a {height:3.2rem;margin-top:-1.6rem;top:50%;}
.storeCat li:nth-child(2), .storeCat li:nth-child(4), .storeCat li:nth-child(5), .storeCat li:nth-child(7) {background-color:#f6f6f6;}

.storeCat li i {color:#fff;font-size:1.25rem;height:2rem;line-height:2rem;margin:auto;width:2rem;}
.storeCat li:nth-child(1) i {color:#1866b6;}
.storeCat li:nth-child(2) i {color:#01bbcb;}
.storeCat li:nth-child(3) i {color:#933c32;}
.storeCat li:nth-child(4) i {color:#f15443;}
.storeCat li:nth-child(5) i {color:#0fb176;}
.storeCat li:nth-child(6) i {color:#82b440;}
.storeCat li:nth-child(7) i {color:#8328e0;}
.storeCat li:nth-child(8) i {color:#e59285;}

.storeCat li b {color:#17b;height:1rem;line-height:1rem;padding-top:0.2rem;}




/* ===== spt+swt ===== */
.spt, .spt *, .swt, .swt *, .frt, .frt * {height:2rem;line-height:2rem;}
.spt, .swt {background-color:#f8f8f8;}
.spt a:after, .swt:after {border-bottom:1px solid #e8e8e8;}
.spt b, .spt strong {color:#666;padding:0 0.75rem;}
.spt b {border-right:1px solid #e8e8e8;}
.spt em {padding-right:0.5rem;}

.swt.double li {width:50%;}
.swt.triple li {width:33.3331%;}
.swt li.curr {background-color:#fff;color:#17b;}
.swt li:before {border-left:1px solid #e8e8e8;}
.swt li:first-child:before {right:0;}



/* ===== storeNote ===== */
.storeNote, .pricing, .infoTab, .infoTable {padding:0.5rem;width:calc( 100% - 1rem );}
.storeNote li, .storeNote li a {height:1rem;line-height:1rem;}
.storeNote li {padding:0.25rem 0;}
.storeNote li a {color:#666;padding-left:0.65rem;width:calc( 100% - 0.65rem );}
.storeNote li a:before {background-color:#aaa;height:4px;left:0;top:0.4rem;width:4px;}


.item-source {padding:0.5rem;width:calc( 100% - 1rem );}
.item-source a, .item-source a p, .item-source a img {display:block;text-align:center;width:100%;}
.item-source a i {border:1px solid #eee;box-sizing:border-box;display:block;padding:0.25rem 0.5rem;width:100%;}
.item-source a:hover i {border:1px solid #6cf;}
.item-source a p {color:#2f5e93;color:#aaa;font-weight:bold;margin-top:0.25rem;}
.item-source a:hover p {color:#6cf;}
.item-source a * {transition: all 400ms ease 0s;}


/* ===== preBooks ===== */
.preBooks {padding:0.75rem;width:calc( 100% - 1.5rem );}
.preBooks li {}
.preBooks li a {min-height:5rem;padding-left:4.5rem;width:calc( 100% - 4.5rem );}
.preBooks em {height:5rem;width:4rem;}

.preBooks h5, .preBooks p {padding-top:0.25rem;}


.preBooks .bx-controls {margin-top:0.5rem}
.preBooks .bx-controls-direction a, .preBooks .bx-controls-direction i {height:1rem;line-height:1rem;}
.preBooks .bx-controls-direction a {top:-0.2rem;}
.preBooks a.bx-prev {left:0;}
.preBooks a.bx-next {right:0;}
.preBooks .bx-controls-direction i {font-size:1rem;}

.preBooks .bx-pager {}
.preBooks .bx-pager-link {background-color:#ccc;}




/* ===== store-books ===== */
.store-books {}
.store-books li {border-bottom:1px solid #f3f3f3;padding:0.5rem;}
.store-books li:nth-child(2n) {border-left:1px solid #f3f3f3;}

.store-books dl, .store-books dt, .store-books dt em, .store-books dd {width:100%;}
.store-books dt {padding-bottom:100%;}
.store-books dt img {max-height:35vw;max-width:35vw;}
.store-books h4 {color:#666;line-height:0.8rem;height:1.6rem;}
.store-books h5, .store-books li p {line-height:1rem;margin-top:0.35rem;}
.store-books p del {display:none;}


p.bookMore, p.bookMore a {background-color:#fafafa;height:2.2rem;line-height:2.2rem;text-align:center;}




/* ===== storeRank ===== */
.storeRank li {border-bottom:1px solid #eee;padding:0.75rem;width:calc( 100% - 1.5rem );}
.storeRank li * {display:block;line-height:1rem;}
.storeRank li a {min-height:4.5rem;padding-left:1rem;width:calc( 100% - 1rem );}
.storeRank li h6, .storeRank li dt {left:0;top:0;}
.storeRank li h6 {color:#aaa;}
.storeRank li:nth-child(1) h6 {color:#e00;}
.storeRank li:nth-child(2) h6 {color:#f80;}
.storeRank li:nth-child(3) h6 {color:#333;}

.storeRank li dl {padding-left:5rem;width:calc( 100% - 5rem );}
.storeRank li dt {height:4.5rem;width:4.5rem;}
.storeRank li em {border:1px solid #e8e8e8;height:4.4rem;left:1rem;width:4.4rem;}
.storeRank li img {max-height:4rem;max-width:4rem;}
.storeRank li h4 {color:#666;line-height:0.8rem;max-height:1.6rem;}
.storeRank li p, .storeRank li p * {height:1rem;}
.storeRank li p {margin-top:0.25rem;}




/* ===== storeHMC ===== */
.storeHMC {border-top:1px solid #ddd;margin-top:0.75rem;padding-right:0.75rem;width:calc( 100% - 0.75rem );}
.storeHMC li {border-left:1px solid #eee;padding:0.5rem 0;width:33.3331%;}
.storeHMC li:first-child {border-left-width:0;}
.storeHMC li i, .storeHMC li p {height:1.6rem;}
.storeHMC li i {color:#17b;font-size:1.25rem;line-height:1.6rem;margin:0 0.25rem 0 1rem;}
.storeHMC li p, .storeHMC li b {line-height:0.8rem;}



/* ===== subCat ===== */
.subCatalog, .subCat, .subCat ol, .subCat li, .subCat li a {height:2rem;line-height:2rem;}
.subCatalog:before {background:linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);height:2rem;width:6rem;}

.subCat {overflow-x:auto;}
.subCat ol {padding-right:0.75rem;}
.subCat li {padding-left:0.75rem;width:25%;}
.subCat li a {color:#888;}
.subCat li.curr a {color:#39d;}
.subCat li.curr a:after {background-color:#39d;height:2px;width:100%;}

.subCat li:last-child {padding-right:2rem;}



/* ========== detailPage ========== */



/* ===== bigPics ===== */
.bigPics, .bigPics li, .bigPics li a {height:75vw;width:100vw;}
.bigPics {background-color:#f8f8f8;border-bottom:1px solid #ddd;}
.bigPics li a {}
.bigPics li img {max-height:100%;max-width:100%;}



/* ----- pricing ----- */
.pricing {}
.pricing dt * {color:#e4393c;}
.pricing dd {padding-top:0.35rem;padding-left:1rem;}




/* ----- infoTitle ----- */
.infoTitle {border-bottom:1px solid #eee;border-top:1px solid #eee;color:#000;padding:0.5rem;}



/* ----- infoTab ----- */
.infoTab {}
.infoTab dl {border-top:1px solid #eee;}
.infoTab dl:first-child {border-top-width:0;}

.infoTab dl * {height:1.5rem;line-height:1.5rem;}
.infoTab dt {width:4.5rem;}
.infoTab dd {color:#1a66b3;width:calc( 100% - 4.5rem );}




/* ===== fullRow ===== */
.fullRow {}



/* ===== frt ===== */
.frt {background-color:#f8f8f8;}

.frt h3 {padding-left:0.5rem;}


.frt p {padding-right:0.5rem;}


/* ===== usr-tags ===== */
.usr-tags {padding:0.5rem 0.25rem 0.25rem 0.5rem;}
.usr-tags li {padding:0 0.25rem 0.25rem 0;}
.usr-tags li b {background-color:#eee;color:#333;line-height:1.3rem;padding:0 0.5rem;}
.usr-tags li.curr b {background-color:#39d;color:#fff;}


/* ===== eval-list ===== */
.eval-list {border-top:1px solid #e8e8e8;}
.eval-item {border-bottom:1px solid #f3f3f3;padding-top:0.25rem;}
.eval-row {padding:0.25rem 0.5rem;width:calc( 100% - 1rem );}


/* ----- eval-user ----- */
.eval-user {height:2rem;}
.eval-user em, .eval-pic a {border:1px solid #eee;}
.eval-user em {height:1.9rem;width:1.9rem;}
.eval-user dd {line-height:2rem;padding-left:0.25rem;}


/* ----- eval-pic ----- */
.eval-pic li {padding:0 0.25rem 0.25rem 0;}
.eval-pic a {height:2.4rem;width:2.4rem;}
.eval-pic img {max-height:2.4rem;max-width:2.4rem;}



/* ----- eval-date ----- */
.eval-date dt {line-height:1.1rem;}
.eval-date dd {border:1px solid #1a66b3;border-radius:1rem;color:#1a66b3;font-size:0.6rem;line-height:1rem;margin-left:1rem;padding:0 0.35rem;}




/* ===== rating ===== */
.rating, .rating i {background-image:url("https://www.mybeernotes.com/assets/img/rating.png");height:16px;}
.rating {width:90px;}
.rating i {background-position:0 -16px;}
.rate-50 i {width:90px;}
.rate-45 i {width:81px;}
.rate-40 i {width:72px;}
.rate-35 i {width:63px;}
.rate-30 i {width:54px;}
.rate-25 i {width:45px;}
.rate-20 i {width:36px;}
.rate-15 i {width:27px;}
.rate-10 i {width:18px;}
.rate-05 i {width:9px;}

.eval-row .rating {margin-top:0.6rem;}




/* ===== infoTable ===== */
.infoTable {}
.infoTable table {background-color:#ddd;}
.infoTable th, .infoTable td {line-height:0.8rem;padding:0.25rem;}
.infoTable th {background-color:#f8f8f8;}
.infoTable td {background-color:#fff;color:#333;}




/* ===== buyAction+cartAction+shopAction ===== */
.buyAction, .buyAction dt, .buyAction dd, .cartAction, .cartAction dt, .cartAction dd, .shopAction dl, .shopAction dt, .shopAction dd, .shopAction p {height:2.8rem;}
.buyAction dt {width:45%;}
.buyAction dd {width:55%;}
.buyAction dt a, .buyAction dt *, .cartAction dt a, .cartAction dt *, .shopAction p a {line-height:2.75rem;}
.buyAction dt a, .cartAction dt p, .shopAction p a {background-color:#fff;border-top:1px solid #ddd;}
.buyAction dt i, .shopAction p i, .shopAction p i {color:#17b;font-size:1rem;padding-right:0.35rem;}
.buyAction dd a, .cartAction dd a, .shopAction dt a, .shopAction dd a {background-color:#17b;color:#fff;line-height:2.8rem;text-align:center;}


.cartAction {}
.cartAction dt p {padding:0 0.5rem;}
.cartAction b, .cartAction strong {color:#e00;/* margin:0 0.15rem; */}
.cartAction dd a {padding:0 1.5rem;}


.shopAction.double p, .shopAction dl {width:50%;}
.shopAction.double dt {width:100%;}
.shopAction.triple p {width:38%;}
.shopAction.triple dl {width:62%;}
.shopAction.triple dt {width:45%;}
.shopAction.triple dd {width:55%;}
.shopAction dd a {background-color:#6cf;}



/* ===== cartPage ===== */
.cartTop {padding:1rem 0.75rem 0 0.75rem;width:calc( 100% - 1.5rem );}
.cartTop * {line-height:1;}

.cartTop h2 em {color:#17b;}

.cart-item {margin-top:0.75rem;}

.cart-item input[type='checkbox'] {background-color:#fff;border:0 none;height:1rem;margin:0.55rem 0.35rem 0 0.55rem;width:1rem;}
.cart-item input[type='checkbox']:before {background-color:#fff;color:#ddd;border:1px solid #ccc;content:"\F12C";height:0.8rem;line-height:0.8rem;text-align:center;width:0.8rem;}
.cart-item input[type='checkbox']:checked:before {background-color:#17b;border:1px solid #17b;color:#fff;}

.cart-act, .cart-total {background-color:#f8f8f8;border-bottom:1px solid #eee;}
.cart-act dl, .cart-act dt, .cart-act dd, .cart-act dd *, .cart-total, .cart-total * {height:2rem;line-height:2rem;}

.cart-act a {margin-right:0.75rem;}
.cart-act i {font-size:0.8rem;margin-right:0.25rem;}

.cart-info {padding:0.5rem;width:calc( 100% - 1rem );}
.cart-info dt {width:4.5rem;}
.cart-info dt em {border:1px solid #eee;height:3.9rem;width:3.9rem;}
.cart-info dt img {max-height:3.9rem;max-width:3.9rem;}

.cart-info dd {width:calc( 100% - 4.5rem );}
.cart-info h4 {line-height:1rem;max-height:2rem;width:100%;}
.cart-info p {padding-top:1rem;}


.cart-amount {}
.cart-amount p {bottom:0.5rem;right:0.75rem;}
.cart-amount p * {height:1.5rem;line-height:1.5rem;text-align:center;}
.cart-amount p a {background-color:#f8f8f8;border:1px solid #ddd;width:1.5rem;}
.cart-amount p input {background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;width:2rem;}




/* ===== buyActs ===== */
.buyActs {}
.buyActs h2 {background-color:#f8f8f8;height:2rem;line-height:2rem;padding:0 0.5rem;}
.buyAct {width:100%;}
.buyAct dt, .buyAct dd, .buyAct li {border-top:1px solid #e3e3e3;}
.buyAct dt, .buyAct dd, .buyAct li {padding:0.5rem;}
.buyAct dt {background-color:#f8f8f8;width:4rem;}
.buyAct dd {}

.buyAct p {line-height:0.9rem;padding-top:0.5rem;}

.buyAct input[type="text"], .buyAct textarea {border:1px solid #ddd;box-sizing:border-box;width:100%;}
.buyAct input[type="text"] {padding:0.25rem 0.5rem;}
.buyAct textarea {padding:0.5rem;}

.buyAct label {height:1rem;line-height:1rem;}
.buyAct label b {margin-left:0.35rem;}
.buyAct input[type="radio"] {background-color:#fff;border:1px solid #ccc;height:0.8rem;margin-top:0.1rem;width:0.8rem;}
input[type="radio"]:before {background-color:#eee;height:0.5rem;left:0.1rem;top:0.1rem;width:0.5rem;}
.buyAct input[type="radio"]:checked {border:1px solid #17b;}
.buyAct input[type="radio"]:checked:before {background-color:#17b;}


.buyAct b, .buyAct strong, .buyAct h5 {color:#333;}
.buyAct .cOrange {color:#f80;}
.buyAct .cRed {color:#c00;}





/* ===== pdb ===== */
.pdb {width:100%;}
.pb28 {height:2.8rem;}







/* ===== leaderBox ===== */
.leaders, .leaderBox {width:100%;}
.leaders {background:url("https://www.mybeernotes.com/assets/img/leader.jpg") 50% 100% no-repeat;background-size:100% auto;padding-bottom:10rem;}

.leaderBox {min-height:54px;}
.leaderBox i {height:54px;line-height:54px;}
.leaderBox {margin-bottom:1rem;}

.leaderBox i {background-image:url("https://www.mybeernotes.com/assets/img/leader.png");width:54px;}

.leaderBox h3 {border-bottom:2px solid #e8e8e8;font-size:0.8rem;min-height:44px;margin-left:10px;padding-bottom:8px;width:calc( 100% - 65px );}
.leaderBox h3 * {}
.leaderBox h3 b {line-height:24px;}
.leaderBox h3 em {font-size:0.7rem;line-height:20px;}



.sapButton {padding:0.75rem 0.75rem 0 0.75rem;width:calc( 100% - 1.5rem );}
.sapButton input[type='button'] {height:55px;line-height:55px;}
.sapButton input[type='button'] {background-color:#17b;color:#fff;padding:0 2.3rem;}
.sapButton input[type='button'] {border:0 none !important;border-radius:3px;}



/* ===== ===== specPage ===== ===== */
.specPage, .spec-list {width:100%;}
.xpc {margin:0 3vw;width:calc( 100% - 1.5rem );}
	

/* ===== spec-top ===== */
.spec-top {background-position:50% 50%;background-size:auto 100%;height:30vw;width:100%;}


/* ===== spec-title ===== */
.spec-title {background: #f1f1f1;color: #06a;font-size: 1.1rem;line-height: 2.7rem;text-align: center;}


/* ===== spec-list ===== */
.spec-list, .spec-content, .spec-content li, .spec-content li h5 *, .spec-piclist-m li h5 * {/* float:left; */}
.spec-list {padding:0.75rem 0;}
.spec-list:nth-child(2n) {background:#f2f5f9;}
.spec-list:nth-child(2n+1) {background:#fff;}


/* ===== spec-list-top ===== */
h3.spec-list-top, h3.spec-list-top b {line-height:2rem;}
h3.spec-list-top {border-bottom:2px solid #28c;}
h3.spec-list-top b {background:#17b;color:#fff;display:inline-block;font-size:0.8rem;padding:0 1rem;}


/* ===== spec-content ===== */
.spec-content {position:relative;}
.spec-content ul {}

.spec-list-article li, .spec-list-press li, .spec-books-info li, .spec-books-review li {width:100%;}
.spec-list-article li:nth-child(2n), .spec-list-press li:nth-child(2n), .spec-books-info li:nth-child(2n), .spec-books-review li:nth-child(2n) {/* margin-left:60px; */}

.spec-content li h4 {font-size:0.75rem;font-weight:bold;}
.spec-content li h5 {height:1rem;}


/* ===== spec-list-article ===== */
.spec-list-article ul {padding-top: 0.5rem;}
.spec-list-article li, .spec-list-article li *, .spec-list-article li a:before {line-height:1rem;}
.spec-list-article li {padding:0.6rem 0 0.5rem 0;}
.spec-list-article li:not(:first-child), .spec-list-press li:not(:first-child), .spec-piclist-m li:not(:first-child), .spec-books-info li:not(:first-child), .spec-books-review li:not(:first-child) {border-top:1px dotted #ccc;}
.spec-list-article li a {width:calc( 100% - 1.5rem );}
.spec-list-article li a {display:block;padding-left: 1.5rem;position:relative;}
.spec-list-article li a:before {left:0;position:absolute;top:0;}
.spec-list-article li a:before, .spec-list-article li b, .spec-content h5 i {font-size:0.7rem;}
.spec-list-article li a:before {content:"\F9ED";left:0;text-align:center;width:1.5rem;}
.spec-list-article li p {padding-top:0.15rem;}

.spec-list-article li a h4 {/* color:#024985; */ color:#5a5a5a;}
.spec-list-article li a b {color:#989898;}
.spec-list-article li a:before {color:#aaa;}



/* ===== spec-list-press ===== */
.spec-list-press li {padding-top:0.75rem;}
.spec-list-press li:not(:last-child) {padding-bottom:1rem;}
.spec-list-press li dl {margin-top:0.5rem;min-height:4rem;padding-left:6.9rem;position:relative;width:calc( 100% - 6.9rem );}
.spec-list-press li dt, .spec-list-press li dt em {height:4rem;width:6.4rem;}
.spec-list-press li dt {left:0;position:absolute;top:0;}

.spec-content em {box-shadow:0 0 0.5rem #ddd;}

.spec-list-press li p {max-height:2rem;line-height:1rem;overflow:hidden;width:100%;}

.spec-content li h5 {margin-top:0.5rem;padding-left:1rem;position:relative;width:calc( 100% - 1rem );}
.spec-content li * {display:block;line-height:1rem;}
.spec-content h5 b {width:100%;}
.spec-content h5 i {left:0;position:absolute;top:0;}

.spec-list-press li a h4 {color:#024985;}
.spec-list-press li a b {color:#666;}
.spec-list-press li a i {color:#aaa;}



/* ===== spec-piclist-xl ===== */
.spec-piclist-xl ul {margin-top:0.5rem;}
.spec-piclist-xl li, .spec-piclist-xl li em {width:calc( 100vw - 1.5rem );}
.spec-content li.row-triple {margin-top:1rem;}

.spec-piclist-xl li {}
.spec-piclist-xl li em {height:55vw;}
.spec-piclist-xl li h4 {margin-top:0.5rem;}
.spec-piclist-xl li h5 {margin-top:0.5rem;}

.spec-piclist-xl li a h4 {color:#024985;}
.spec-piclist-xl li a b {color:#666;}
.spec-piclist-xl li a i {color:#aaa;}

.fotoSlide .slick-link, .fotoSlide .slick-link i {font-size:1rem;height:1.9rem;line-height:1.9rem;text-align:center; width:1.9rem;}
.fotoSlide .slick-link {position:absolute;top:-2.6rem;}
.fotoSlide .slick-prev {right:2rem;}
.fotoSlide .slick-next {right:0;}

.fotoSlide .slick-link {background:#fff;}
.fotoSlide .slick-link i {color:#024985;}




/* ===== row-pic-m ===== */
.spec-piclist-m ul, .spec-piclist-m li {width: 100%;}
.spec-piclist-m li {padding-top:0.75rem;}
.spec-piclist-m li:not(:last-child) {padding-bottom:1rem;}

.spec-piclist-m li a {display:block;min-height:3.6rem;padding-right:6.76rem;position:relative;width:calc( 100% - 6.76rem );}
.spec-piclist-m li em {height:3.6rem;position:absolute;right:0;top:0;width:5.76rem;}
.spec-piclist-m li h4 {margin:0.5rem 0 0.5rem 0;}
.spec-piclist-m li a h4 {color:#024985;}
.spec-piclist-m li a b {color:#666;}
.spec-piclist-m li a i {color:#aaa;}




/* ===== ===== spec-book ===== ===== */



/* ===== row-books ===== */
.spec-books-info li {padding-top:0.75rem;}
.spec-books-info li:not(:last-child) {padding-bottom:1rem;}
.spec-books-info li dl {min-height:6.8rem;padding-left:5.35rem;position:relative;width:calc( 100% - 5.35rem );}
.spec-books-info li dt, .spec-books-info li dt em {height:6.8rem;width:4.6rem;}
.spec-books-info li dt {left:0;position:absolute;top:0;}
.spec-books-info li p {margin:0.5rem 0;}

.spec-books-info li a h4 {color:#024985;}
.spec-books-info li a b {color:#666;}
.spec-books-info li a i {color:#aaa;}



/* ===== row-books ===== */
.spec-books-pic-xl ul {margin-top:0.5rem;}
.spec-books-pic-xl li {width:calc( 50vw - 1rem );}
.spec-books-pic-xl li {margin-right:0.5rem;}

.spec-books-pic-xl li em {height:60vw;width:100%;}
.spec-books-pic-xl li h4 {margin:0.5rem 0 0.5rem 0;}

.spec-books-pic-xl li a h4 {color:#024985;}
.spec-books-pic-xl li a b {color:#666;}
.spec-books-pic-xl li a i {color:#aaa;}


.bookSlide .slick-link, .bookSlide .slick-link i {font-size:1rem;height:1.9rem;line-height:1.9rem;text-align:center; width:1.9rem;}
.bookSlide .slick-link {position:absolute;top:-2.6rem;}
.bookSlide .slick-prev {right:2rem;}
.bookSlide .slick-next {right:0;}

.bookSlide .slick-link {background:#fff;}
.bookSlide .slick-link i {color:#024985;}


/* ===== row-review ===== */
.spec-books-review li {padding-top:0.75rem;}
.spec-books-review li:not(:last-child) {padding-bottom:1rem;}
.spec-books-review li dl {margin-top:0.5rem;min-height:6.8rem;padding-left:5.35rem;position:relative;width:calc( 100% - 5.35rem );}
.spec-books-review li dt, .spec-books-review li dt em {height:6.8rem;width:4.6rem;}
.spec-books-review li dt {left:0;position:absolute;top:0;}
.spec-books-review li dd p {margin-top:0.5rem;}

.spec-books-review li a h4 {color:#024985;}
.spec-books-review li a b {color:#666;}
.spec-books-review li a i {color:#aaa;}








/* ===== ends ===== */
}