@charset "UTF-8";

/*---------------------------------------------*/
#skip_navi {
    position: relative;
    z-index: 8888;
}
#skip_navi a {
    position: absolute;
    display: block;
    width: 100%;
    top: -500px;
    left: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    text-align: center;
}
#skip_navi a:hover, #skip_navi a:active, #skip_navi a:visited, #skip_navi a:focus {
    top: 0;
}
/*---------------------------------------------*/
#loading {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,0.2);display:none;}
#loading.show {display: block;}
#loading i {position:absolute;width:60px;height:60px;top:50%;margin-left:-30px;left:50%;margin-top:-30px;background-image:url(//img.stronghold.coffee/sht-images/square/images/loading.png);background-size:auto 100%;background-repeat: no-repeat;background-position:0 center;
    /*-webkit-transition-timing-function: linear;*/
    -webkit-animation: animateLoading 4s steps(79) forwards;
    -o-animation: animateLoading 4s steps(79) forwards;
    animation: animateLoading 4s steps(79) forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
@keyframes animateLoading {
    0% {background-position: 0 center;}
    100% {background-position: -4740px center;}
}
/*---------------------------------------------*/
.container {
    padding-bottom: 70px;
}
.content {
    padding-top: 50px;
}
.content > .content-body > .content-inner {
    max-width: 1580px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
    .container {
        padding-bottom: 101px;
    }
    .content > .content-body > .content-inner {
        padding-left: 0;
        padding-right: 0;
    }
}
/*---------------------------------------------*/
.gnb {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.gnb .gnb-inner {
    height: 50px;
    text-align: center;
    background-color: #101519;
    font-size: 0;
}
.gnb.bg-transparent .gnb-inner {
    background-color: transparent;
}
.gnb .link-home {
    position: absolute;
    display: inline-block;
    top: 11px;
    left: 34px;
    width: 25px;
    height: 28px;
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
    background-position: -85px -2px;
    background-image: url(//img.stronghold.coffee/sht-images/square/images/sprite.png);
    -webkit-background-size: 550px auto;
    background-size: 550px auto;
    background-repeat: no-repeat
}
.gnb.bg-transparent .link-home {
    display: none;
}
.gnb .mobile-page-title {
    display: inline-block;
    font-size: 22px;
    line-height: 50px;
    color: #fff;
}
.gnb.bg-transparent .mobile-page-title {
    display: none;
}
.gnb .notice-title {display: none;}
.gnb .link-menu {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 28px;
    width: 40px;
    height: 40px;
}
.gnb.bg-transparent .link-menu {
    display: none;
}
.gnb .link-menu div {
    position: relative;
    width: 25px;
    height: 19px;
    margin: 10px auto 0;
}
.gnb .link-menu span {
    position: absolute;
    display: inline-block;
    left: 0;
    height: 3px;
    background-color: #c30e2f;
}
.gnb .link-menu span.bar-top,
.gnb .link-menu span.bar-bottom {
    width: 25px;
}
.gnb .link-menu span.bar-middle {
    width: 20px;
}
.gnb .link-menu span.bar-top {
    top: 0;
}
.gnb .link-menu span.bar-middle {
    top: 8px;
}
.gnb .link-menu span.bar-bottom {
    bottom: 0;
}
.gnb .link-back {
    display: none;
}
.gnb .notice {position: absolute;height:40px;top:5px;right:90px;}
.gnb .notice .noti-list-wrap {position:fixed;display: none;top:45px;right:40px;width:460px;height:540px;padding-bottom:35px;z-index:1000;border:1px solid #c5c5c5;}
.gnb .notice.long .noti-list-wrap {height:auto;bottom:0;}
.gnb .notice .noti-list-wrap.expanded {display: block;}
.gnb .notice .noti-list-wrap .inner {background-color:#fff;height:100%;overflow: auto;}
.gnb .notice .noti-list-wrap li {position: relative;padding:15px 15px 15px 90px;min-height:60px;}
.gnb .notice .noti-list-wrap li + li {border-top:1px solid #dcdcdc;}
.gnb .notice .noti-list-wrap .date {font-size:14px;color:#b3b3b3;}
.gnb .notice .noti-list-wrap .txt {font-size:16px;line-height:21px;color:#b3b3b3;margin-top:6px;}
.gnb .notice .noti-list-wrap .new .date {color:#4b4b4b;}
.gnb .notice .noti-list-wrap .new .txt {color:#4b4b4b;}
.gnb .notice .noti-list-wrap .no-item {padding:115px 0 0;}
.gnb .notice .noti-list-wrap .no-item .txt {margin-top:0;color:#4b4b4b;text-align: center;}
.gnb .notice .noti-list-wrap p {text-align: left;}
.gnb .notice .noti-list-wrap i {position:absolute;display:inline-block;top:50%;left:16px;width:60px;height:60px;margin-top:-30px;}
.gnb .notice .noti-list-wrap .notice-bean-error i {background-position: -403px -366px;}
.gnb .notice .noti-list-wrap .notice-bean i {background-position: -403px -431px;}
.gnb .notice .noti-list-wrap .notice-bean-num i {background-position: -403px -496px;}
.gnb .notice .noti-list-wrap .notice-good i {background-position: -403px -561px;}
.gnb .notice .noti-list-wrap .notice-roast-report i {background-position: -403px -626px;}
.gnb .notice .noti-list-wrap .btn-list-expanded {position: absolute;bottom:0;left:0;width:100%;height:35px;border:none;background-color:#fff;}
.gnb .notice .noti-list-wrap .btn-list-expanded:hover {background-color:#f7f7f7;}
.gnb .notice .noti-list-wrap .btn-list-expanded span {display: inline-block;width:25px;height:13px;background-position:-463px -2px;}
.gnb .notice.long .noti-list-wrap .btn-list-expanded span {background-position:-463px -20px;}
.gnb .notice > button {position:relative;height:40px;border:none;padding-left:14px;min-width:30px;}
.gnb .notice > button i {position:absolute;display:inline-block;top:5px;left:0;width:27px; height:30px;background-position: -403px -2px;}
.gnb .notice > button span {display: inline-block;font-size:13px;line-height:16px;text-align: center;border:3px solid #c30e2f;background-color:#fff;border-radius:11px;padding:0 6px;color:#c30e2f;margin-top:-8px;}
@media screen and (max-width: 768px) {
    .gnb .gnb-inner {height: 50px;}
    .gnb .link-home {left: 18px;}
    .gnb .link-back {position: absolute;display: none;top: 11px;left: 12px;width: 25px;height: 28px;background-position: -59px -2px;}
    .gnb.on-back .link-home {display: none;}
    .gnb.on-back .link-back {display: inline-block;}
    .gnb .mobile-page-title {font-size: 16px;}
    .gnb .mobile-page-title.color-white {color: #fff;}
    .open-notice .mobile-page-title {display: none;}
    .gnb .notice-title {font-size:16px;line-height:50px;color:#fff;}
    .open-notice .notice-title {display: inline-block;}
    .gnb .link-menu {top: 5px;right: 14px;}
    .gnb.type-back .link-back {display: inline-block;}
    .gnb .notice {right:60px;}
    .gnb .notice .noti-list-wrap {top:50px;left:0;right:0;bottom:0;width:100%;height:auto;padding-bottom:0;border:none;}
    .gnb .notice > button {padding-left:10px;min-width:24px;}
    .gnb .notice > button i {top:7px;width:23px;height:25px;background-position:-435px -2px;}
    .gnb .notice > button span {font-size:11px;line-height:14px;border-width:2px;}
    .gnb .notice .noti-list-wrap li {padding:12px 12px 12px 70px;}
    .gnb .notice .noti-list-wrap .date {font-size:12px;}
    .gnb .notice .noti-list-wrap .txt {font-size:13px;line-height:18px;}
    .gnb .notice .noti-list-wrap i {width:50px;height:50px;background-position-x: -470px !important;margin-top:-25px;left:10px;}
}
@media screen and (max-width:560px) {
    .gnb .mobile-page-title.long-title {background:url(//img.stronghold.coffee/sht-images/square/images/header_long_title.png) center no-repeat;background-size:contain;width:120px;text-align: left;text-indent: -99999px;overflow: hidden;}
}
@media screen and (max-width:359px) {
    .gnb .mobile-page-title.long-title {width:100px;}
}
/*---------------------------------------------*/
.menu {
/*    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 100%;
    background-color: #1c1b1b;
    z-index: 1500;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -ms-transition: margin 0.5s;
    -o-transition: margin 0.5s;
    transition: margin 0.5s;
    outline: none;*/
}
.menu.expanded {
    margin-left: 0;
}
.menu .menu-scroll {
    position: relative;
    height: 100%;
    overflow: auto;
    z-index: 0;
}
.menu .cell-wrap {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu .menu-inner {
    vertical-align: middle;
}
.menu .menu-title {
    font-size: 24px;
    line-height: 31px;
    color: #fff;
}
.menu .title-wrap {
    position: relative;
}
.menu .link-manage {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 31px;
    height: 31px;
    background-position: -291px -480px;
}
.menu .menu-list {
    margin-top: 20px;
    padding: 64px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}
.menu .menu-list li {
    float: left;
    width: 20%;
    font-size: 0;
}
.menu .menu-list.three li {width: 33.3%; }
.menu .menu-list a {
    display: block;
    width: 120px;
    margin: 0 auto;
    text-align: center;
}
.menu .menu-list a > * {
    vertical-align: top;
}
.menu .menu-list a i {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-position-y: -40px;
}
.menu .menu-list .menu-01 i {
    background-position-x: -2px;
}
.menu .menu-list .menu-02 i {
    background-position-x: -71px;
}
.menu .menu-list .menu-03 i {
    background-position-x: -209px;
}
.menu .menu-list .menu-04 i {
    background-position-x: -278px;
}
.menu .menu-list .menu-05 i {
    background-position-x: -140px;
}
.menu .menu-list a span {
    display: block;
    margin-top: 16px;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.5);
}
.menu .menu-list a.selected i {
    background-position-y: -109px;
}
.menu .menu-list a:hover span,
.menu .menu-list a.selected span {
    color: #fff;
}
.menu .logout-wrap {
    margin-top: 14px;
    overflow: hidden;
}
.menu .btn-logout {
    float: right;
    width: 142px;
    height: 38px;
    font-size: 14px;
    color: #fff;
    background-color: #c30e2f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c30e2f;
}
.menu .btn-logout:hover {
    background-color: #a70e2c;
    border-color: #a70e2c;
}
.menu .btn-menu-close {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 25px;
    right: 50px;
    background-position: -32px -2px;
    border: none;
    outline: none;
    z-index: 10;
}
@media screen and (max-width: 768px) {
    .menu {
        -webkit-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        -ms-transition: margin 0.3s;
        -o-transition: margin 0.3s;
        transition: margin 0.3s;
    }
    .menu .cell-wrap {
        padding: 70px 20px 40px;
    }
    .menu .menu-inner {
        vertical-align: top;
    }
    .menu .menu-title {
        font-size: 18px;
        line-height: 26px;
    }
    .menu .link-manage {
        width: 26px;
        height: 26px;
        background-position: -291px -516px;
    }
    .menu .menu-list {
        margin-top: 16px;
        padding: 40px 25px;
    }
    .menu .menu-list li {
        float: none;
        width: 100%;
    }
    .menu .menu-list.three li {width: 100%; }
    .menu .menu-list li + li {
        margin-top: 30px;
    }
    .menu .menu-list a {
        display: inline-block;
        width: auto;
        margin: 0;
        text-align: left;
    }
    .menu .menu-list a i {
        width: 24px;
        height: 24px;
        background-position-y: -178px;
    }
    .menu .menu-list .menu-02 i {
        background-position-x: -31px;
    }
    .menu .menu-list .menu-03 i {
        background-position-x: -89px;
    }
    .menu .menu-list .menu-04 i {
        background-position-x: -118px;
    }
    .menu .menu-list .menu-05 i {
        background-position-x: -60px;
    }
    .menu .menu-list a.selected i {
        background-position-y: -207px;
    }
    .menu .menu-list a span {
        display: inline-block;
        margin-top: 0;
        margin-left: 12px;
        font-size: 18px;
        line-height: 24px;
    }
    .menu .logout-wrap {
        margin-top: 20px;
        text-align: center;
        white-space: nowrap;
    }
    .menu .btn-logout {
        float: none;
        width: 100%;
        max-width: 275px;
        height: 42px;
        font-size: 15px;
    }
    .menu .btn-menu-close {
        top: 20px;
        right: 20px;
    }
}
/*---------------------------------------------*/
.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.footer .footer-inner {
    height: 70px;
    padding: 0 28px;
    background-color: #fff;
}
.footer.bg-transparent .footer-inner {
    background-color: transparent;
}
.footer .link-wrap {
    float: right;
}
.footer .link-wrap ul {
    margin-top: 25px;
    overflow: hidden;
}
.footer .link-wrap ul li {
    float: left;
}
.footer .link-wrap ul li + li {
    margin-left: 90px;
}
.footer .link-wrap ul li a {display: inline-block;font-size: 12px;line-height: 20px;color: #828282;vertical-align: top;}
.footer.bg-transparent .link-wrap ul li a {color:#fff;font-weight:300;}
.footer .copyright {
    /*float: left;*/
}
.footer .copyright p {
    font-size: 12px;
    line-height: 70px;
    color: rgba(0, 0, 0, 0.4);
}
.footer.bg-transparent .copyright p {color: #fff;font-weight:300;}
@media screen and (max-width: 768px) {
    .footer {
        /*border-top: 1px solid rgba(109, 109, 109, 0.5);*/
    }
    .footer.bg-transparent {
        border-top: 1px solid transparent;
    }
    .footer .footer-inner {
        height: 100px;
        padding: 0;
    }
    .footer .link-wrap {
        float: none;
        height: 60px;
        padding-top: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer .link-wrap ul {
        display: table;
        margin: 0 auto;
    }
    .footer .link-wrap ul li + li {
        margin-left: 60px;
    }
    .footer .copyright {
/*        float: none;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);*/
    }
    .footer.bg-transparent .copyright {
        background-color: transparent;
    }
    .footer .copyright p {
        font-size: 10px;
        line-height: 40px;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
    }
}
@media screen and (max-width: 359px) {
    .footer .link-wrap ul li + li {
        margin-left: 40px;
    }
}
/*---------------------------------------------*/
.btn-scroll-top {
    display: none;
    position: fixed;
    width: 39px;
    height: 38px;
    right: 20px;
    bottom: 70px;
    font-size: 10px;
    line-height: 50px;
    color: #3e3e3e;
    border: none;
    background-position: -167px -576px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    z-index: 200;
    opacity: 0.8;
}
@media screen and (max-width: 768px) {
    .btn-scroll-top {
        right: 15px;
        bottom: 20px;
    }
}
/*---------------------------------------------*/
.content .no-item-desc {padding:240px 0;font-size:18px;line-height:30px;color:#4b4b4b;text-align: center;}
.content .no-item-desc:before {content:'!';display: inline-block;width:30px;height:30px;margin-right:12px;font-size:18px;line-height:28px;color:#c30e2f;border:1px solid #c30e2f;border-radius:50%;text-align: center;box-sizing:border-box;}
.content .filter-no-item {text-align: center;}
.content .filter-no-item .btn-nor {width:210px;height:46px;line-height:46px;}
.content .filter-no-item .btn-nor + .btn-nor {margin-left:15px;}
.content .major-wrap {
    padding-right: 440px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content.not-side-info .major-wrap {
    padding-right: 0;
}
.content .major-wrap h2 {
    font-size: 22px;
    line-height: 26px;
    color: #342e1e;
}
.content .header-wrap {
    padding-top: 38px;
    padding-bottom: 16px;
    background-color: #fff;
    border-bottom: 2px solid #c30e2f;
    -webkit-box-shadow: 0 15px 20px -16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 20px -16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 20px -16px rgba(0, 0, 0, 0.2);
}
.content .header-wrap .sub-menu-bar {
    position: relative;
}
.content .header-wrap .sub-menu-bar > ul {
    overflow: hidden;
}
.content .header-wrap .sub-menu-bar > ul li {
    float: left;
}
.content .header-wrap .sub-menu-bar > ul li + li {
    margin-left: 35px;
}
.content .header-wrap .sub-menu-bar > ul li a {
    display: inline-block;
    vertical-align: top;
}
.content .header-wrap .sub-menu-bar > ul li a span,
.content .header-wrap .sub-menu-bar button span {
    display: inline-block;
    vertical-align: top;
}
.content .header-wrap .sub-menu-bar > ul li span,
.content .header-wrap .sub-menu-bar .btn-filter span {
    width: 31px;
    height: 26px;
}
.content .header-wrap .sub-menu-bar .link-feed span {
    background-position: -2px -236px;
}
.content .header-wrap .sub-menu-bar .link-list span {
    background-position: -38px -236px;
}
.content .header-wrap .sub-menu-bar .link-calendar span {
    background-position: -74px -236px;
}
.content .header-wrap .sub-menu-bar .btn-filter span {
    background-position: -110px -236px;
}
.content .header-wrap .sub-menu-bar .link-amount span {
    background-position: -148px -236px;
}
.content .header-wrap .sub-menu-bar .link-mypage span {background-position: -403px -236px;}
.content .header-wrap .sub-menu-bar .link-support span {background-position: -439px -236px;}
.content .header-wrap .sub-menu-bar > ul li a.selected span,
.content .header-wrap .sub-menu-bar button.selected span {
    background-position-y: -274px;
}
.content .header-wrap .sub-menu-bar .filter-wrap {position: absolute;top: 0;right: 5px;}
.content .header-wrap .sub-menu-bar .btn-filter {border: none;outline: none;}
.content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown {position:absolute;display: none;top:100%;right:0;margin-top:5px;border:1px solid #c5c5c5;background-color:#fff;z-index:10;}
.content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown.show {display: inline-block;}
.content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown li + li {border-top:1px solid #dcdcdc;}
.content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown button {width:138px;height:40px;border: none;font-size:16px;color:#524e4b;}
.content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown button:hover {background-color:#f7f7f7;}
.content .header-wrap .sub-menu-bar .data-num {position:absolute;top:5px;right:42px;font-size:18px;line-height:20px;color:#4b4b4b;}
.content .major-wrap .body-wrap {padding-top: 17px;padding-bottom: 30px;}
.content.profile-detail .major-wrap .body-wrap {
    padding-top: 15px;
}
.content .major-wrap .body-wrap .category-wrap {
    position: relative;
    min-height: 44px;
}
.content .major-wrap .body-wrap .category-wrap .custom-ckbox + .custom-ckbox {
    margin-left: 60px;
}
.content .major-wrap .body-wrap .category-wrap .btn-list-select {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 85px;
    height: 34px;
    margin-top: -17px;
    font-size: 18px;
    color: #524e4b;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    outline: none;
}
.major-wrap .floating-btn-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 130px;
    width: 100%;
    max-width: 1580px;
    height: 0;
    margin: 0 auto;
    z-index: 200;
}
.major-wrap .floating-btn-wrap button {
    display: inline-block;
    position: absolute;
    right: 460px;
    width: 60px;
    height: 60px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.content .side-info-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content.not-side-info .side-info-wrap {
    display: none;
}
.content .side-info-wrap .side-inner {
    position: absolute;
    top: 0;
    right: 20px;
    width: 424px;
    height: 100vh;
    padding-top: 86px;
    padding-bottom: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content .side-info-wrap .scroll-wrap {
    height: 100%;
    overflow: auto;
}
.content .side-info-wrap h3 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 34px;
    color: #4b4b4b;
    border-bottom: 1px solid rgba(195, 14, 47, 0.4);
}
.content .side-info-wrap .part + .part {
    margin-top: 24px;
}
.content .side-info-wrap .part-body {
    background-color: #fbfbfb;
}
.content .side-info-wrap .summary {
    position: relative;
}
.content .side-info-wrap .summary .profile-name {padding: 15px 0;font-size: 16px;color: #4b4b4b;background-color:#fff;}
.content .side-info-wrap .summary .important-info {
    position: relative;
    padding: 10px 0;
    background-color: #f2f2f2;
}
.content .side-info-wrap .summary .important-info:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 14px;
    left: 50%;
    width: 1px;
    height: 36px;
    background-color: #c2c2c2;
}
.content .side-info-wrap .summary .important-info .info-item {
    display: inline-block;
    width: 50%;
    text-align: center;
}
.content .side-info-wrap .summary .important-info .info-item > div {
    position: relative;
    display: inline-block;
    text-align: left;
}
.content .side-info-wrap .summary .important-info .roast-time > div {
    padding-left: 28px;
}
.content .side-info-wrap .summary .important-info .temperature > div {
    padding-left: 22px;
}
.content .side-info-wrap .summary .important-info .info-item i {
    position: absolute;
    top: 0;
    left: 0;
}
.content .side-info-wrap .summary .important-info .info-item .num {
    font-size: 16px;
    line-height: 26px;
    color: #c30e2f;
}
.content .side-info-wrap .summary .important-info .info-item .title {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: #342e1e;
    text-align: center;
}
.content .side-info-wrap .summary .sub-info {
    padding: 0 10px;
}
.content .side-info-wrap .summary .sub-info .info-item {
    padding: 18px 20px;
}
.content .side-info-wrap .summary .sub-info .info-item + .info-item {
    border-top: 1px solid #eceeef;
}
.content .side-info-wrap .summary .sub-info .info-item > div {
    position: relative;
    width: 335px;
    height: 54px;
    margin: 0 auto;
    padding-left: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content .side-info-wrap .summary .sub-info .info-item i {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
}
.content .side-info-wrap .summary .sub-info .heating i {
    background-position: -222px -178px;
}
.content .side-info-wrap .summary .sub-info .turning i {
    background-position: -281px -178px;
}
.content .side-info-wrap .summary .sub-info .info-item .title {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    color: #4b4b4b;
}
.content .side-info-wrap .summary .sub-info .info-item .num {
    display: inline-block;
    width: 50%;
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b;
}
.content .side-info-wrap .summary .sub-info .info-item .sub-title {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    line-height: inherit;
    color: #4b4b4b;
    vertical-align: top;
}
.content .side-info-wrap .summary .sub-info .info-item .item-02 .sub-title {
    width: 46px;
}
.content .side-info-wrap .summary .sub-info .info-item .num .sp-char {
    font-size: 14px;
}
.content .side-info-wrap .summary .graph-wrap {
    text-align: center;
}
.content .side-info-wrap .summary .graph-wrap + .graph-wrap {
    margin-top: 10px;
}
.content .side-info-wrap .summary .graph-wrap > * {
    max-width: 100%;
}
.content .side-info-wrap .share-log .part-body {
    padding: 0 10px;
}
.content .side-info-wrap .share-log .table-wrap {
    padding-bottom: 20px;
}
.content .side-info-wrap .share-log table {
    width: 100%;
}
.content .side-info-wrap .share-log table th + th,
.content .side-info-wrap .share-log table td + td {
    padding-left: 20px;
}
.content .side-info-wrap .share-log table th p {
    font-size: 13px;
    line-height: 42px;
    color: #4b4b4b;
    border-bottom: 1px solid #cdc5c6;
}
.content .side-info-wrap .share-log table td {
    padding-top: 12px;
    line-height: 20px;
    color: #4b4b4b;
    vertical-align: middle;
}
.content .side-info-wrap .share-log table .dttm {
    font-size: 12px;
}
.content .side-info-wrap .share-log table .email {
    font-size: 12px;
    word-break: break-all;
}
.content .side-info-wrap .profile-active-option ul li {
    padding: 10px;
}
.content .side-info-wrap .profile-active-option ul li + li {
    border-top: 1px solid rgba(85, 85, 85, 0.1);
}
.content .side-info-wrap .profile-active-option .selected-option .part-body {
    padding: 20px;
}
.profile-active-option .selected-option button {
    font-size: 16px;
    color: #4b4b4b;
    border: none;
    outline: none;
}
.profile-active-option .selected-option button .bg-sprite {
    display: inline-block;
    width: 32px;
    height: 28px;
    margin-right: 20px;
    vertical-align: middle;
}
.profile-active-option .selected-option .btn-send-mail .bg-sprite {
    background-position: -209px -312px;
}
.profile-active-option .selected-option .btn-compare-profile .bg-sprite {
    background-position: -246px -312px;
}
.profile-active-option .selected-option .btn-share .bg-sprite {
    background-position: -283px -312px;
}
.profile-active-option .selected-option .btn-move-folder .bg-sprite {
    background-position: -172px -312px;
}
@media screen and (max-width: 1080px) {
    .content .major-wrap .body-wrap .category-wrap .btn-list-select {
        right: 12px;
        width: 70px;
        height: 28px;
        margin-top: -14px;
        font-size: 15px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
    }
}
@media screen and (max-width: 968px) {
    .content .major-wrap {
        padding-right: 0;
    }
    .content .side-info-wrap {
        display: none;
    }
    .major-wrap .floating-btn-wrap {
        bottom: 185px;
    }
    .major-wrap .floating-btn-wrap button {
        right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .content .no-item-desc {padding:120px 0;font-size:14px;line-height:24px;}
    .content .no-item-desc:before {width:24px;height:24px;margin-right:10px;font-size:14px;line-height:22px;}
    .content .filter-no-item {width:280px;margin:0 auto;}
    .content .filter-no-item .btn-nor {width:100%;height:40px;line-height:40px;}
    .content .filter-no-item .btn-nor + .btn-nor {margin-left:0;margin-top:15px;}
    .content .header-wrap {
        padding: 13px 18px;
        border-width: 1px;
    }
    .content .header-wrap.mobile-fixed {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 100;
    }
    .content .major-wrap .body-wrap {
        padding-top: 18px;
    }
    .content .major-wrap .body-wrap .category-wrap {
        min-height: 0;
    }
    .content .header-wrap.mobile-fixed + .body-wrap {
        padding-top: 62px;
    }
    .content .header-wrap .sub-menu-bar {
        margin-top: 0;
    }
    .content .header-wrap .sub-menu-bar > ul li + li {
        margin-left: 25px;
    }
    .content .header-wrap .sub-menu-bar > ul li span,
    .content .header-wrap .sub-menu-bar .btn-filter span {
        width: 26px;
        height: 22px;
    }
    .content .header-wrap .sub-menu-bar .link-feed span {
        background-position: -2px -312px;
    }
    .content .header-wrap .sub-menu-bar .link-list span {
        background-position: -33px -312px;
    }
    .content .header-wrap .sub-menu-bar .link-calendar span {
        background-position: -64px -312px;
    }
    .content .header-wrap .sub-menu-bar .btn-filter span {
        background-position: -95px -312px;
    }
    .content .header-wrap .sub-menu-bar .link-amount span {
        background-position: -128px -312px;
    }
    .content .header-wrap .sub-menu-bar .link-mypage span {background-position: -403px -312px;}
    .content .header-wrap .sub-menu-bar .link-support span {background-position: -434px -312px;}
    .content .header-wrap .sub-menu-bar > ul li a.selected span,
    .content .header-wrap .sub-menu-bar button.selected span {
        background-position-y: -339px;
    }
    .content .header-wrap .sub-menu-bar .filter-wrap {
        right: 0;
    }
    .content .header-wrap .sub-menu-bar .filter-wrap .filter-dropdown button {width:120px;height:35px;font-size:15px;}
    .content .header-wrap .sub-menu-bar .data-num {top:5px;right:30px;font-size:13px;line-height:16px;}
    .content .major-wrap .body-wrap .category-wrap .custom-ckbox + .custom-ckbox {
        margin-left: 27px;
    }
    .major-wrap .floating-btn-wrap {
        bottom: 115px;
    }
    .major-wrap .floating-btn-wrap button {
        right: 15px;
        width: 38px;
        height: 38px;
    }
}
@media screen and (max-width: 359px) {
    .content .major-wrap .body-wrap .category-wrap .btn-list-select {
        width: 50px;
    }
}
/*---------------------------------------------*/
.profile-info .summary-list .part-body {
    padding: 20px 15px;
}
.bean-data-wrap .part-body {
    padding: 15px;
}
.bean-data-wrap .part {
    position: relative;
}
.bean-data-wrap .sub-part + .sub-part {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}
.btn-header {
    position: absolute;
    top: 0;
    right: 0;
}
.bean-data-wrap .bean-info .part-body > .f-wrap {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.bean-data-wrap .recent {display:inline-block;font-size:16px;line-height:34px;color:#c30e2f;}
.bean-data-wrap .recent span {display:inline-block;font-weight:bold;}
.bean-data-wrap .recent a {display: inline-block;margin-left:5px;line-height:32px;}
.bean-data-wrap .recent a:after {content:'';display: inline-block;width:6px;height:12px;margin-left:12px;background-image:url(//img.stronghold.coffee/sht-images/square/images/sprite.png);background-size:550px auto;background-position: -225px -14px;}
.bean-data-wrap .inline-content-row {
    position: relative;
    height: 25px;
}
.bean-data-wrap .inline-content-row + .inline-content-row {
    margin-top: 4px;
}
.bean-data-wrap .dt {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 90px;
    font-size: 14px;
    line-height: 25px;
    color: #4b4b4b;
}
.bean-data-wrap .dd {
    padding-left: 90px;
}
.bean-data-wrap .dd > p,
.bean-data-wrap .dd > span {
    font-size: 14px;
    line-height: 25px;
    color: #4b4b4b;
}
.bean-data-wrap .dd .number {font-size:18px;}
.bean-data-wrap .dd .number .unit {font-size: 12px;}
.bean-data-wrap .dd .highlight {
    font-size: 22px;
    line-height: 20px;
    color: #c30e2f;
}
.bean-data-wrap .dd .highlight span {
    font-size: 14px;
    line-height: 0.5;
}
.bean-data-wrap .accordion-header {
    border-bottom: none;
}
.bean-data-wrap .accordion-header a {
    font-size: 14px;
    line-height: 25px;
    color: #4b4b4b;
}
.bean-data-wrap .amount-modify {
    font-size: 0;
}
.bean-data-wrap .amount-modify input {
    width: 180px;
    height: 36px;
    color: #4b4b4b;
    text-align: right;
}
.bean-data-wrap .amount-modify .accordion-body {
    padding-top: 15px;
}
.bean-data-wrap .amount-modify .input-num-wrap span {
    font-size: 14px;
    line-height: 36px;
    color: #5d5b5c;
}
.bean-data-wrap .amount-modify .custom-select {margin-left:40px;}
.bean-data-wrap .amount-modify select {width: 130px;}
.bean-data-wrap .amount-modify .point {margin-top: 10px;padding-left: 8px;font-size: 13px;line-height:20px;color: #aaa;}
.bean-data-wrap .amount-modify .point:before {color:#c30e2f;}
.bean-data-wrap .amount-modify .btn-wrap {margin-top:15px;}
.bean-data-wrap .amount-modify button {min-width: 0;width: 90px;}
.bean-data-wrap .seg + .seg {
    margin-top: 20px;
}
.bean-data-wrap .seg h4 {
    font-size: 15px;
    line-height: 38px;
    color: #4b4b4b;
    border-bottom: 1px solid rgba(195, 14, 47, 0.4);
}
.bean-data-wrap .seg .seg-body {
    padding: 0 5px;
}
.ui-dialog .bean-data-wrap .seg .seg-body {
    padding-bottom: 10px;
    /*background-color: #fbfbfb;*/
}
.side-info-wrap .select-date {font-size: 16px;color: #7e7e7e;}
.bean-data-wrap .bean-log .seg-body li {
    padding: 12px 10px;
    border-bottom: 1px solid #e5e1e2;
}
.bean-data-wrap .bean-log .seg-body .cell-wrap {
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bean-data-wrap .bean-log .seg-body .cell {
    width: auto;
}
.bean-data-wrap .bean-log .seg-body .cell:first-child {
    width: 270px;
}
.bean-data-wrap .bean-log .seg-body .noti {padding:30px 0;font-size:16px;line-height:30px;color:#4b4b4b;}
.bean-data-wrap .bean-log .country {
    font-size: 14px;
    color: #4b4b4b;
}
.bean-data-wrap .bean-log .detail {
    font-size: 13px;
    color: #999;
}
.bean-data-wrap .bean-log .num {
    font-size: 16px;
    color: #4b4b4b;
    text-align: right;
}
.bean-data-wrap .bean-log .num span {
    margin-left: 2px;
    font-size: 12px;
}
.bean-data-wrap .bean-log .sum-wrap {
    margin-top: 16px;
}
.bean-data-wrap .bean-log .sum-wrap p {
    font-size: 22px;
    color: #c30e2f;
    text-align: right;
}
.bean-data-wrap .bean-log .sum-wrap p span {
    margin-left: 2px;
    font-size: 14px;
}
.bean-data-wrap .bean-log .sum-wrap p:before {
    content: '총';
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    line-height: inherit;
    color: #4b4b4b;
}
.bean-data-wrap .bean-log-simple li {
    width: 100%;
    height: 25px;
    table-layout: fixed;
    font-size: 0;
}
.bean-data-wrap .bean-log-simple li + li {
    margin-top: 10px;
}
.bean-data-wrap .bean-log-simple li i {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 8px;
}
.bean-data-wrap .bean-log-simple li.add i {
    background-position: -209px -430px;
}
.bean-data-wrap .bean-log-simple li.minus i {
    background-position: -239px -430px;
}
.bean-data-wrap .bean-log-simple li .cell {
    vertical-align: middle;
}
.bean-data-wrap .bean-log-simple li .cell > * {
    vertical-align: top;
}
.bean-data-wrap .bean-log-simple li .cell:first-child {
    width: 135px;
}
.bean-data-wrap .bean-log-simple li .cell:last-child {
    width: 90px;
}
.bean-data-wrap .bean-log-simple li .date {
    font-size: 14px;
    line-height: 25px;
    color: #7e7e7e;
}
.bean-data-wrap .bean-log-simple li .subject {
    font-size: 14px;
    line-height: 25px;
    color: #4b4b4b;
    text-align: center;
}
.bean-data-wrap .bean-log-simple li .num {
    font-size: 16px;
    color: #4b4b4b;
    text-align: right;
}
.bean-data-wrap .bean-log-simple li .num span {
    margin-left: 2px;
    font-size: 12px;
}
.ui-dialog .bean-data-wrap .amount-modify .inline-content-row {
    height: 36px;
}
.ui-dialog .amount-modify .dt {
    line-height: 36px;
}
@media screen and (max-width: 768px) {
    .bean-data-wrap .bean-log-simple li i {
        width: 21px;
        height: 21px;
    }
    .bean-data-wrap .bean-log-simple li.add i {
        background-position: -209px -460px;
    }
    .bean-data-wrap .bean-log-simple li.minus i {
        background-position: -235px -460px;
    }
    .bean-data-wrap .bean-log-simple li .date,
    .bean-data-wrap .bean-log-simple li .subject {
        font-size: 13px;
        line-height: 21px;
    }
    .bean-data-wrap .bean-log-simple li .num {
        font-size: 16px;
    }
    .bean-data-wrap .bean-log-simple li .num span {
        font-size: 12px;
    }
    .bean-data-wrap .bean-log-simple li + li {
        margin-top: 7px;
    }
    .bean-data-wrap .recent {font-size:15px;}
    .bean-data-wrap .dd .number {font-size:16px;line-height:22px;}
    .bean-data-wrap .amount-modify input {width:100px;}
    .bean-data-wrap .dt,
    .bean-data-wrap .dd > p, .bean-data-wrap .dd > span {
        font-size: 13px;
    }
    .bean-data-wrap .dt {
        width: 75px;
    }
    .bean-data-wrap .dd {
        padding-left: 75px;
    }
    .bean-data-wrap .inline-content-row + .inline-content-row {
        margin-top: 5px;
    }
    .bean-data-wrap .dd .highlight {
        font-size: 20px;
        line-height: 22px;
    }
    .bean-data-wrap .dd .highlight span,
    .bean-data-wrap .amount-modify .input-num-wrap span {
        font-size: 12px;
    }
    .bean-data-wrap .amount-modify .custom-select {
        margin-right: 0;
        margin-left: 12px;
    }
    .bean-data-wrap .amount-modify select {
        width: 100px;
    }
    .bean-data-wrap .seg h4 {
        font-size: 15px;
        line-height: 38px;
    }
    .bean-data-wrap .bean-log .country {
        font-size: 13px;
    }
    .bean-data-wrap .bean-log .detail {
        font-size: 12px;
    }
    .bean-data-wrap .bean-log .num {
        font-size: 16px;
    }
    .bean-data-wrap .bean-log .sum-wrap p {
        font-size: 20px;
    }
    .bean-data-wrap .bean-log .num span,
    .bean-data-wrap .bean-log .sum-wrap p span,
    .bean-data-wrap .bean-log .sum-wrap p:before {
        font-size: 12px;
    }
    .bean-data-wrap .bean-log .seg-body .noti {padding:20px 0;font-size:15px;line-height:24px;}
}
@media screen and (max-width: 359px) {
    .bean-data-wrap .amount-modify input {
        width: 70px;
    }
}
/*---------------------------------------------*/
.profile-info .seg + .seg {
    margin-top: 20px;
}
.profile-info .summary-list .product-logo {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    vertical-align: top;
}
.profile-info .summary-list .product-logo.product-s7pro {
    background-image: url(//img.stronghold.coffee/sht-images/square/images/productLogo/mobile/product_logo_s7pro_type2.png);
}
.profile-info .summary-list .logo-wrap {
    font-size: 0;
}
.profile-info .summary-list .logo-wrap > * {
    vertical-align: top
}
.profile-info .summary-list .logo-wrap p {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    line-height: 50px;
    color: #4b4b4b;
    white-space: nowrap;
}
.profile-info .summary-list .logo-wrap img {
    width: 50px;
    height: auto;
}
.profile-info .summary-list .seg-body {
    margin-top: 12px;
}
.profile-info .summary-list ul li {
    position: relative;
    padding: 13px;
    border: 1px solid #e9e6e6;
    background-color: #fff;
}
.profile-info .summary-list .download ul li {
    background-color: #484848;
}
.profile-info .summary-list ul li + li {
    margin-top: 10px;
}
.profile-info .summary-list ul li.no-item p {font-size:14px;line-height:40px;color:#b3b3b3;}
.profile-info .summary-list .time {
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 13px;
    color: #7e7e7e;
}
.profile-info .summary-list .download .time {
    color: #fff;
}
.profile-info .summary-list ul li p {
    font-size: 13px;
    color: #4b4b4b;
}
.profile-info .summary-list .download ul li p {
    color: #fff;
}
.profile-info .summary-list ul li p.title {
    margin-top: 8px;
}
.profile-info .summary-list.my-info .not-bean {position: absolute;display: inline-block;bottom:10px;right:14px;width: 20px;height: 21px;background-position:-268px -652px;}
.profile-info .summary-list.my-info .error-bean {position: absolute;display: inline-block;bottom:7px;right:11px;width: 23px;height: 25px;background-position:-178px -656px;}
.profile-info .summary-list.my-info .bean-num {position:absolute;right:14px;bottom:11px;font-size:16px;color:#484848;}
.profile-info .summary-list.my-info .bean-num .unit {font-size:13px;}
.profile-info .summary-list.my-info p.title {padding-right:85px;}
@media screen and (max-width: 768px) {
    .profile-info .summary-list ul li + li {
        margin-top: 6px;
    }
    .profile-info .summary-list .time,
    .profile-info .summary-list ul li p.index {
        font-size: 12px;
    }
    .profile-info .summary-list ul li p.title {
        font-size: 13px;
    }
    .profile-info .summary-list .logo-wrap p {
        font-size: 15px;
    }
}
/*---------------------------------------------*/
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 300%;
    max-width:300%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2000;
}
.ui-dialog {
    position: fixed !important;
    display: none;
    top: 50% !important;
    left: 0 !important;
    right: 0;
    max-width:100%;
    margin: 0 auto;
    padding: 15px;
    background-color: #fff;
    z-index: 2100;
    outline: none;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog-content {
    /*height: 100%;*/
    padding-top: 53px;
    margin-top: -53px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog-content.footer-fixed {
    padding-bottom: 65px;
}
.ui-dialog-titlebar {
    position: relative;
    padding: 10px 0 15px;
    border-bottom: 1px solid #cc6f80;
    z-index: 3000;
}
.ui-dialog-title {
    display: inline-block;
    font-size: 22px;
    line-height: 27px;
    color: #342e1e;
}
.ui-dialog-titlebar-close {
    position: absolute;
    top: 2px;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    font-size: 0;
    text-align: center;
    outline: none;
    z-index: 20;
}
.ui-dialog-titlebar-close .ui-button-icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(//img.stronghold.coffee/sht-images/square/images/sprite.png);
    -webkit-background-size: 550px auto;
    background-size: 550px auto;
    background-repeat: no-repeat;
    background-position: -340px -2px;
}
.modal-body {
    display: none;
}
.ui-dialog .modal-body {
    display: block;
    /*height: 100%;*/
    max-height: 70vh;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog .modal-inner {
    padding: 25px 30px;
}
.ui-dialog .modal-inner .modal-footer {
    margin-top: 40px;
}
.modal-footer {
    display: none;
}
.ui-dialog .modal-footer {
    display: block;
    font-size: 0;
}
.ui-dialog .modal-footer.fixed {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 80px;
    padding: 20px 0;
    /*background-color: #46464b;*/
    background-color: #fff;
    text-align: center;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
.ui-dialog .modal-footer button {
    width: 150px;
}
.ui-dialog .modal-footer button + button {
    margin-left: 20px;
}
.ui-dialog .modal-label {
    font-size: 18px;
    color: #4b4b4b;
}
.ui-dialog .sub-title {
    padding-bottom: 6px;
    font-size: 16px;
    color: #4b4b4b;
}
.ui-dialog .part + .part {
    margin-top: 20px;
}
.ui-dialog .sub-part {
    padding: 0 10px;
}
.ui-dialog .sub-part + .sub-part {
    margin-top: 20px;
}
.ui-dialog .accordion-body {
    padding-top: 15px;
}
.ui-dialog .tag-wrap li {
    margin-right: 8px;
    margin-bottom: 10px;
}
.ui-dialog .tag-wrap li:last-child {
    margin-right: 0;
}
.ui-dialog .modal-filter .part-product li + li,
.ui-dialog .modal-filter .part-period li + li {
    margin-left: 15px;
}
.ui-dialog .modal-filter .part-product li .custom-ckbox label,
.ui-dialog .modal-filter .part-period li .custom-radio label {
    width: 100px;
}
.ui-dialog .modal-filter .direct-input-wrap {
    display: none;
    margin-top: 15px;
    font-size: 0;
}
.ui-dialog .modal-filter .direct-input-wrap.show {
    display: block;
}
.ui-dialog .modal-filter .direct-input-wrap input {
    width: 108px;
    background-color: #f8f8f8;
    text-align: center;
}
.ui-dialog .modal-filter .direct-input-wrap input + input {
    margin-left: 15px;
}
.ui-dialog .modal-filter .direct-input-wrap > p {
    font-size: 16px;
    color: #4b4b4b;
    text-align: center;
}
.ui-dialog .modal-filter .direct-input-wrap .ui-datepicker-trigger {
    margin-top: 7px;
    margin-left: 10px;
    vertical-align: top;
}
.ui-dialog .modal-filter .direct-input-wrap .end-date {
    margin-top: 10px;
    text-align: right;
}
.ui-dialog .modal-filter .direct-input-wrap .end-date > span {
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #4b4b4b;
}
.ui-dialog .modal-filter .direct-input-wrap .box-inner {
    position: relative;
}
.ui-dialog .modal-filter .part-bean-sort .custom-radio + .custom-radio {
    margin-top: 15px;
}
.ui-dialog .row + .row,
.ui-dialog .row-s + .row-s {
    margin-top: 10px;
}
.ui-dialog .row-s-inner + .row-s-inner {margin-top:6px;}
.ui-dialog .row-m + .row-m {
    margin-top: 20px;
}
.ui-dialog .divider {
    height: 1px;
    margin: 25px 0;
    background-color: #ebebeb;
}
.ui-dialog .modal-cbody {
    padding: 0 10px;
}
.ui-dialog .part-r,
.ui-dialog .part-b {padding: 25px 0;}
.ui-dialog .part-r + .part-r {
    border-top: 1px solid rgba(195, 14, 47, 0.4);
}
.ui-dialog .part-b + .part-b {border-top:1px solid #dcdcdc;}
.ui-dialog .modal-inline-content-row {
    position: relative;
}
.ui-dialog .modal-inline-content-row + .modal-inline-content-row {
    margin-top: 15px;
}
.ui-dialog .modal-inline-content-row .dt {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 90px;
    font-size: 16px;
    line-height: 48px;
    color: #4b4b4b;
}
.ui-dialog .modal-inline-content-row .dd {
    padding-left: 90px;
}
.ui-dialog .required {
    position: relative;
}
.ui-dialog .required:before {
    content: '*';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -10px;
    font-size: inherit;
    line-height: inherit;
    color: #c30e2f;
}
.ui-dialog .radio-wrap {
    padding: 12px 0;
}
.ui-dialog .radio-wrap > * {
    vertical-align: top;
}
.ui-dialog .radio-wrap .custom-radio + .custom-radio {
    margin-left: 25px;
}
.ui-dialog .modal-input-num-wrap input {
    width: 50%;
    height: 48px;
    font-size: 16px;
    color: #4b4b4b;
    text-align: right;
}
.ui-dialog .modal-input-num-wrap span {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 48px;
    color: #5d5b5c;
}
.ui-dialog .modal-cheader {
    position: relative;
    min-height: 36px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cfc7c9;
}
.ui-dialog .modal-cheader .modal-label {
    line-height: 36px;
}
.ui-dialog .modal-cwrap + .modal-cwrap {
    margin-top: 30px;
}
.ui-dialog .part-g + .part-g {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #cfc7c9;
}
.ui-dialog .btn-cup-add {
    width: 43px;
    height: 43px;
    margin: 0 auto;
    border: none;
    outline: none;
}
.ui-dialog .btn-cup-add span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: -340px -571px;
    vertical-align: top;
}
.ui-dialog .modal-send-email .part + .part {
    margin-top: 40px;
}
.ui-dialog .modal-send-email .part > div,
.ui-dialog .modal-send-email .part > div .btn-wrap {
    margin-top: 10px;
}
.ui-dialog .modal-send-email .profile-list {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #d4d4d4;
}
.ui-dialog .modal-send-email .profile-list > div + div {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}
.ui-dialog .modal-send-email .profile-list p {
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b;
}
.ui-dialog .modal-send-email .profile-list p + p {
    margin-top: 5px;
}
.ui-dialog .modal-profile-compare-select .modal-label {
    margin-bottom: 20px;
}
.ui-dialog .modal-profile-compare-select .row {
    padding: 0 10px;
    font-size: 0;
}
.ui-dialog .modal-profile-compare-select .custom-ckbox {
    width: 50%;
    vertical-align: top;
}
.ui-dialog .modal-profile-compare-select .part > div {
    padding-bottom: 15px;
}
.ui-dialog .modal-profile-compare-graph .modal-inner .box-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog .modal-profile-compare-graph .modal-inner .box-table > div {
    display: table-cell;
}
.ui-dialog .modal-profile-compare-graph .graph-wrap {
    width: 490px;
    padding-right: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog .modal-profile-compare-graph .graph-wrap > div + div {
    margin-top: 15px;
}
.ui-dialog .modal-profile-compare-graph .graph-wrap > div > * {
    max-width: 100%;
    vertical-align: top;
}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-wrap {text-align: left;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg {position:relative;display: inline-block;margin-right:8px;margin-bottom:10px;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg:last-child {margin-right:0;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg input {position: absolute;width: 1px;height: 1px;visibility: hidden;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg label {position: relative;display: inline-block;padding-left:16px;font-size:16px;line-height:20px;color:#4b4b4b;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg label:before {content: '';position:absolute;display: inline-block;top:0;left:0;width:14px;height:14px;border:1px solid #4b4b4b;box-sizing:border-box;border-radius:50%;margin-top:3px;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-01 input:checked + label:before {background-color:#737373;border-color:#737373;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-02 input:checked + label:before {background-color:#b5e569;border-color:#b5e569;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-03 input:checked + label:before {background-color:#faa5b4;border-color:#faa5b4;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-04 input:checked + label:before {background-color:#93e1e9;border-color:#93e1e9;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-05 input:checked + label:before {background-color:#98b6f3;border-color:#98b6f3;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-06 input:checked + label:before {background-color:#faa5b4;border-color:#faa5b4;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-07 input:checked + label:before {background-color:#d095f3;border-color:#d095f3;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-08 input:checked + label:before {background-color:#8ef9c8;border-color:#8ef9c8;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-09 input:checked + label:before {background-color:#00c6db;border-color:#00c6db;}
.ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg.ck-10 input:checked + label:before {background-color:#ffbb33;border-color:#ffbb33;}
.ui-dialog .modal-profile-compare-graph .profile-list ul li {position: relative;padding-left:43px;}
.ui-dialog .modal-profile-compare-graph .profile-list ul li + li {margin-top:10px;}
.ui-dialog .modal-profile-compare-graph .profile-list ul li .custom-ckbox {position: absolute;left:0;top:50%;margin-top:-15px;}
.ui-dialog .modal-profile-compare-graph .profile-list ul li .box-body {position:relative;padding:15px;padding-left:180px;border:1px solid #eae7e7;}
.ui-dialog .modal-profile-compare-graph .profile-list .date-wrap {position: absolute;top:15px;left:15px;padding-right:10px;border-right:1px solid #dadada;}
.ui-dialog .modal-profile-compare-graph .profile-list .date {font-size:13px;line-height:20px;color:#5f5f5f;}
.ui-dialog .modal-profile-compare-graph .profile-list .nickname {font-size:14px;line-height: 20px;color:#8f8f8f;}
.ui-dialog .modal-profile-compare-graph .profile-list .name-wrap {display: table;width:100%;height:40px;}
.ui-dialog .modal-profile-compare-graph .profile-list .name-wrap > div {display: table-cell;vertical-align: middle;}
.ui-dialog .modal-profile-compare-graph .profile-list .name-wrap p {max-height:40px;font-size:16px;line-height:20px;color:#4b4b4b;}
.ui-dialog .modal-profile-compare-graph .profile-list .selected .box-body:before {content:'';display: inline-block;position: absolute;top: 0;left: 0;width: 5px;height: 100%;background-color: #c30e2f;z-index: 1;}
.ui-dialog.modal-alert .ui-dialog-titlebar {padding-bottom:0;border-color: transparent;}
.ui-dialog .modal-alert-content .modal-inner {
    padding-top: 10px;
}
.ui-dialog .modal-alert-content .part > p {font-size: 16px;line-height: 22px;color: #4b4b4b;text-align: center;}
.ui-dialog .modal-alert-content .part > p.txt-sm {font-size:14px;line-height:20px;color:#4b4b4b;text-align: center;}
.ui-dialog .modal-alert-content .part > p.txt-s {font-size:15px;line-height:22px;color:#8f8d87;text-align: left;padding-top:20px;margin-top:20px;border-top:1px solid #e8e8e8;}
.ui-dialog .modal-alert-content .modal-footer {margin-top: 20px;}
.ui-dialog .bean-use-log .country {font-size:18px;color:#4b4b4b;}
.ui-dialog .bean-use-log .detail-wrap {margin-top:10px;}
.ui-dialog .bean-use-log .detail-wrap span {display: inline-block;font-size:15px;color:#8f8f8f;}
.ui-dialog .bean-use-log .detail-wrap span + span {margin-left: 5px;}
.ui-dialog .bean-use-log table {width:100%;margin-top:30px;border-bottom:1px solid #cfc7c9;}
.ui-dialog .bean-use-log table th {height:40px;font-size:15px;color:#4b4b4b;background-color:#fff;vertical-align: middle;border-top:1px solid #cfc7c9;padding-right:10px;}
.ui-dialog .bean-use-log table th:first-child {padding-left:10px;}
.ui-dialog .bean-use-log table td {border-top:1px solid #cfc7c9;vertical-align: middle;text-align: center;padding-top:10px;padding-bottom:10px;padding-right:10px;}
.ui-dialog .bean-use-log table td:first-child {padding-left:10px;}
.ui-dialog .bean-use-log table .plus td p {color:#fff;}
.ui-dialog .bean-use-log table .minus td p {color:#4b4b4b;}
.ui-dialog .bean-use-log table td .date {font-size:15px;}
.ui-dialog .bean-use-log table td .txt {font-size:15px;}
.ui-dialog .bean-use-log table td .num {font-size:15px;font-family: inherit;font-weight:inherit;color:inherit;}
.ui-dialog .bean-use-log table td .unit {font-size:13px;}
.ui-dialog .bean-use-log table .plus td {background-color:#484848;}
.ui-dialog .bean-use-log table .minus td {background-color:#fbfbfb;}
.ui-dialog .bean-use-log table td .index {display:inline-block;width:24px;height:24px;font-size:20px;line-height:24px;text-align: center;font-weight:lighter;}
.ui-dialog .bean-use-log table .plus td .index {color:#fff;}
.ui-dialog .bean-use-log table .minus td .index {color:#4b4b4b;}
@media screen and (max-width: 1080px) {
    .ui-dialog .modal-profile-compare-graph .modal-inner .box-table {display: block;}
    .ui-dialog .modal-profile-compare-graph .modal-inner .box-table > div {display: block;}
    .ui-dialog .modal-profile-compare-graph .graph-wrap {width:100%;padding-right:0;}
    .ui-dialog .modal-profile-compare-graph .profile-list {margin-top:30px;}
}
@media screen and (max-width: 768px) {
    .ui-dialog:not(.modal-alert) {
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .ui-dialog.modal-alert {
        width: 85% !important;
        max-width: 400px !important;
        height: auto !important;
        padding: 10px;
    }
    .ui-dialog.modal-popup {top:10% !important;left:15px !important;right:15px;bottom:10%;width:auto !important;height:auto !important;}
    .ui-dialog-titlebar-close {
        top: -2px;
    }
    .ui-dialog-content {
        height: 100% !important;
        padding-top: 43px;
        margin-top: 0;
    }
    .ui-dialog .modal-body {
        height: 100%;
        max-height: none;
    }
    .ui-dialog-content.footer-fixed {
        padding-bottom: 66px;
    }
    .ui-dialog-title {
        font-size: 18px;
    }
    .ui-dialog-titlebar {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        padding: 5px 0 10px;
    }
    .ui-dialog .modal-footer.fixed {
        position: fixed;
        /*padding: 12px 0;*/
        height:76px;
    }
    .ui-dialog .modal-inner {
        padding: 15px 0;
    }
    .ui-dialog .modal-inner .modal-footer {
        margin-top: 30px;
    }
    .ui-dialog .modal-label {
        font-size: 15px;
    }
    .ui-dialog .sub-title {
        font-size: 14px;
    }
    .ui-dialog .modal-footer button {
        width: 130px;
    }
    .ui-dialog .modal-footer.fixed button {
        width: 140px;
    }
    .ui-dialog .part-r, .ui-dialog .part-b {padding: 20px 0;}
    .ui-dialog .modal-inline-content-row .dt {
        width: 60px;
        font-size: 13px;
        line-height: 38px;
    }
    .ui-dialog .modal-inline-content-row .dd {
        padding-left: 60px;
    }
    .ui-dialog .required:before {
        left: -8px;
    }
    .ui-dialog .radio-wrap {
        padding: 10px 0;
    }
    .ui-dialog .radio-wrap .custom-radio + .custom-radio {
        margin-left: 15px;
    }
    .ui-dialog .modal-input-num-wrap input {
        height: 38px;
        font-size: 13px;
    }
    .ui-dialog .modal-input-num-wrap span {
        font-size: 12px;
        line-height: 38px;
    }
    .ui-dialog .modal-cheader .modal-label {
        line-height: 32px;
    }
    .ui-dialog .modal-cheader {
        min-height: 32px;
    }
    .ui-dialog .row-s + .row-s {
        margin-top: 5px;
    }
    .ui-dialog .row-m + .row-m {
        margin-top: 15px;
    }
    .ui-dialog .divider {
        margin: 20px 0;
    }
    .ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg {margin-right:6px;margin-bottom:6px;}
    .ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg label {padding-left:12px;font-size:12px;line-height:16px;}
    .ui-dialog .modal-profile-compare-graph .graph-wrap .ckbox-cg label:before {width:10px;height:10px;}
    .ui-dialog .modal-profile-compare-graph .profile-list ul li {padding-left:35px;}
    .ui-dialog .modal-profile-compare-graph .profile-list ul li .custom-ckbox {margin-top:-12px;}
    .ui-dialog .modal-profile-compare-graph .profile-list ul li .box-body {padding:13px;}
    .ui-dialog .modal-profile-compare-graph .profile-list .date-wrap {position: static;padding-right:0;border-right:none;}
    .ui-dialog .modal-profile-compare-graph .profile-list .date {display: inline-block;font-size:11px;line-height:16px;}
    .ui-dialog .modal-profile-compare-graph .profile-list .nickname {float: right;font-size:12px;line-height:16px;}
    .ui-dialog .modal-profile-compare-graph .profile-list .name-wrap {display: block;height:auto;margin-top:2px;}
    .ui-dialog .modal-profile-compare-graph .profile-list .name-wrap > div {display: block;}
    .ui-dialog .modal-profile-compare-graph .profile-list .name-wrap p {height:20px;max-height: none;font-size:13px;white-space: nowrap;text-overflow: ellipsis;}
    .ui-dialog .modal-send-email .profile-list p {
        font-size: 13px;
        line-height: 22px;
    }
    .ui-dialog .modal-alert-content .modal-inner {
        padding-top: 5px;
    }
    .ui-dialog .modal-alert-content .part > p {padding: 0 15px;font-size: 14px;line-height: 18px;}
    .ui-dialog .modal-alert-content .part > p.txt-s {font-size:13px;line-height:18px;padding-top:15px;margin-top:15px;}
    .ui-dialog .modal-alert-content .part > p.txt-sm {font-size:12px;line-height:18px;}
    .ui-dialog .bean-use-log .country {font-size:15px;}
    .ui-dialog .bean-use-log .detail-wrap {margin-top:5px;}
    .ui-dialog .bean-use-log .detail-wrap span {font-size:13px;}
    .ui-dialog .bean-use-log table {margin-top:25px;}
    .ui-dialog .bean-use-log table th {font-size:13px;}
    .ui-dialog .bean-use-log table td .date {font-size:13px;}
    .ui-dialog .bean-use-log table td .txt {font-size:12px;}
    .ui-dialog .bean-use-log table td .num {font-size:13px;}
    .ui-dialog .bean-use-log table td .unit {font-size:11px;}
    .ui-dialog .bean-use-log table td .index {width:20px;height:20px;font-size:15px;line-height:20px;}
}
/*---------------------------------------------*/
.ui-slider {
    position: relative;
    height: 11px;
    margin: 8px 0;
    background-color: #e0e0e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    background-color: #c30e2f;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    width: 27px;
    height: 27px;
    z-index: 2;
    touch-action: none;
    background-image: url(//img.stronghold.coffee/sht-images/square/images/sprite.png);
    background-repeat: no-repeat;
    -webkit-background-size: 550px auto;
    background-size: 550px auto;
    background-position: -371px -40px;
    cursor: pointer;
    outline: none;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -12px;
}
.slider-wrap {
    padding: 0 5px;
}
.slider-wrap .input-wrap {
    padding-top: 2px;
    overflow: hidden;
}
.slider-wrap .input-wrap span {
    font-size: 12px;
    color: #969696;
    padding: 0 1px;
}
.slider-wrap input {
    font-size: 16px;
    color: #8f8f8f;
    border: none;
}
.slider-wrap input.max {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .ui-slider {
        height: 9px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .ui-slider .ui-slider-handle {
        width: 23px;
        height: 23px;
        background-position: -371px -72px;
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -7px;
        margin-left: -10px;
    }
    .slider-wrap input {
        font-size: 13px;
    }
    .ui-dialog .modal-filter .part-product li + li, .ui-dialog .modal-filter .part-period li + li,
    .ui-dialog .modal-filter .direct-input-wrap input + input {
        margin-left: 10px;
    }
    .ui-dialog .modal-filter .part-period li .custom-radio label {
        width: 70px;
    }
    .ui-dialog .modal-filter .part-product li .custom-ckbox label,
    .ui-dialog .modal-filter .part-period li:last-child .custom-radio label {
        width: 80px;
    }
    .ui-dialog .modal-filter .direct-input-wrap input {
        width: 80px;
    }
    .ui-dialog .modal-filter .direct-input-wrap .ui-datepicker-trigger {
        margin-top: 4px;
    }
}
@media screen and (max-width: 349px) {
    .ui-dialog .modal-filter .part-period li:first-child .custom-radio label {
        width: 50px;
    }
    .ui-dialog .modal-filter .direct-input-wrap .end-date > span {
        display: none;
    }
}
/*---------------------------------------------*/
.ui-datepicker-trigger {
    width: 34px;
    height: 34px;
    background-image: url(//img.stronghold.coffee/sht-images/square/images/sprite.png);
    background-repeat: no-repeat;
    -webkit-background-size: 550px auto;
    background-size: 550px auto;
    background-position: -364px -480px;
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    outline: none;
}
.ui-datepicker {
    position: absolute !important;
    display: none;
    top: 100% !important;
    left: 0 !important;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}
.ui-datepicker-header {
    position: relative;
    padding: 12px;
    border-bottom: 1px solid #e3e1e1;
}
.ui-datepicker-title {
    position: relative;
    width: 90px;
    height: 59px;
    margin: 0 auto;
    padding-top: 19px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-datepicker-title > * {
    display: block;
}
.ui-datepicker-year {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 15px;
    color: #7e7e7e;
    font-family: 'conthrax', sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.3em !important;
}
.ui-datepicker-month {
    font-size: 40px;
    line-height: 40px;
    color: #c30e2f;
    font-family: 'conthrax', sans-serif !important;
    font-weight: 300;
    letter-spacing: normal !important;
}
.ui-datepicker-header a {
    position: absolute;
    display: inline-block;
    top: 30px;
    width: 30px;
    height: 23px;
    text-align: center;
}
.ui-datepicker-header a span {
    display: inline-block;
    width: 12px;
    height: 23px;
    background-image: url(//img.stronghold.coffee/sht-images/square/images/sprite.png);
    background-repeat: no-repeat;
    -webkit-background-size: 550px auto;
    background-size: 550px auto;
}
.ui-datepicker-header a.ui-datepicker-prev {
    left: 5px;
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 5px;
}
.ui-datepicker-header a.ui-datepicker-prev span {
    background-position: -167px -403px;
}
.ui-datepicker-header a.ui-datepicker-next span {
    background-position: -183px -403px;
}
.ui-datepicker table {
    text-align: center;
}
.ui-datepicker table th {
    height: 50px;
    border-bottom: 1px solid #ededed;
    vertical-align: middle;
}
.ui-datepicker table th span {
    display: block;
    width:54px;
    font-size: 16px;
    color: #afafaf;
}
.ui-datepicker table td {
    height: 60px;
}
.ui-datepicker table td a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 14px;
    color: #644e52;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-datepicker table td a:hover {
    color: #fff;
    background-color: #c30e2f;
}
.ui-datepicker table tbody tr + tr td {
    border-top: 1px solid #f1f1f1;
}
@media screen and (max-width: 768px) {
    .ui-datepicker-trigger {
        width: 29px;
        height: 29px;
        background-position: -364px -518px;
    }
    .ui-datepicker-year {
        font-size: 13px;
    }
    .ui-datepicker-month {
        font-size: 35px;
        line-height: 38px;
    }
    .ui-datepicker table th span {
        font-size: 14px;
    }
    .ui-datepicker table td a {
        font-size: 13px;
    }
    .ui-datepicker table th {
        height: 36px;
    }
    .ui-datepicker table th span {width:42px;}
    .ui-datepicker table td {
        height: 48px;
    }
}
@media screen and (max-width: 320px) {
    .ui-datepicker table th span {width:40px;}
}
/*---------------------------------------------*/
.calendar-manage-info-wrap {
    margin-top: 25px;
}
.calendar-manage-info-wrap .date-nav {
    position: relative;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border: none;
    outline: none;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move.prev {
    left: 0;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move.next {
    right: 0;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move span {
    display: inline-block;
    width: 16px;
    height: 32px;
    vertical-align: middle;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move.prev span {
    background-position: -167px -366px;
}
.calendar-manage-info-wrap .date-nav .btn-cal-move.next span {
    background-position: -188px -366px;
}
.calendar-manage-info-wrap .date-nav > div {
    width: 130px;
    margin: 0 auto;
    text-align: center;
}
.calendar-manage-info-wrap .date-nav .year {
    font-size: 18px;
    color: #7e7e7e;
    letter-spacing: 0.15em !important;
}
.calendar-manage-info-wrap .date-nav .month {
    font-size: 40px;
    line-height: 44px;
    color: #c30e2f;
}
.calendar-manage-info-wrap table {
    width: 100%;
    margin-top: 17px;
    table-layout: fixed;
    border-top: 1px solid #dcdadb;
}
.calendar-manage-info-wrap table thead th {
    height: 40px;
    font-size: 17px;
    color: #7a7a7a;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: normal !important;
}
.calendar-manage-info-wrap table tbody td {
    border-bottom: 1px solid #eaeaea;
}
.calendar-manage-info-wrap table .day-inner {
    height: 100px;
    /*padding: 10px 14px 10px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
}
.calendar-manage-info-wrap table .day {
    margin-bottom: 2px;
    padding: 10px 14px 0;
    font-size: 15px;
    color: #644e52;
    text-align: right;
}
.calendar-manage-info-wrap table .dim .day {
    color: #cbb6ba;
}
.calendar-manage-info-wrap table .selected .day {
    color: #fff;
}
/*.calendar-manage-info-wrap table .today {*/
    /*background-color: #c30e2f;*/
/*}*/
.calendar-manage-info-wrap table .today .day-inner {
    border: 2px solid #4c4c4c;
}
.calendar-manage-info-wrap table .selected {
    background-color: #c30e2f;
}
.calendar-manage-info-wrap table .selected .day-inner {
    border-color: #c30e2f;
}
/*.calendar-manage-info-wrap table .day-inner:hover {*/
    /*border: 2px solid #4c4c4c;*/
/*}*/
.calendar-manage-info-wrap table .calendar-data-wrap {
    margin: 0 auto;
}
.calendar-manage-info-wrap table .calendar-data-wrap > span {
    font-size: 0;
    text-align: center;
}
.calendar-manage-info-wrap table .calendar-data-wrap .num {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    line-height: 18px;
    color: #5b5b5b;
}
.calendar-manage-info-wrap table .calendar-data-wrap > span i {
    display: inline-block;
}
.calendar-manage-info-wrap table .selected .calendar-data-wrap .num {
    color: #fff;
}
@media screen and (max-width: 868px) {
    .calendar-manage-info-wrap table .day-inner {
        height: 90px;
    }
    .calendar-manage-info-wrap table .day {
        margin-bottom: 8px;
    }
    .calendar-manage-info-wrap table .calendar-data-wrap .num {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .calendar-manage-info-wrap {
        margin-top: 20px;
    }
    .calendar-manage-info-wrap .date-nav {
        margin: 0 5px;
    }
    .calendar-manage-info-wrap .date-nav .btn-cal-move {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .calendar-manage-info-wrap .date-nav .btn-cal-move span {
        width: 12px;
        height: 23px;
    }
    .calendar-manage-info-wrap .date-nav .btn-cal-move.prev span {
        background-position: -167px -403px;
    }
    .calendar-manage-info-wrap .date-nav .btn-cal-move.next span {
        background-position: -183px -403px;
    }
    .calendar-manage-info-wrap .date-nav .year {
        font-size: 10px;
    }
    .calendar-manage-info-wrap .date-nav .month {
        font-size: 26px;
        line-height: 30px;
    }
    .calendar-manage-info-wrap table {
        margin-top: 20px;
    }
    .calendar-manage-info-wrap table thead th {
        height: 30px;
        padding: 0 9px;
        font-size: 11px;
    }
    .calendar-manage-info-wrap table .day-inner {
        height: 62px;
        /*padding: 7px;*/
    }
    .calendar-manage-info-wrap table .day {
        margin-bottom: 3px;
        padding: 7px 7px 0;
        font-size: 13px;
    }
}
/*---------------------------------------------*/
.feed-manage-info-wrap {
    margin-top: 10px;
    padding: 0 30px;
}
.feed-manage-info-wrap .date-divider,
.profile-list-wrap .date-divider {
    padding-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
}
.feed-manage-info-wrap .date-divider span,
.profile-list-wrap .date-divider span {
    font-size: 15px;
    color: #636363;
}
.feed-manage-info-wrap .date-wrap + .date-wrap {
    margin-top: 30px;
}
.feed-manage-info-wrap .feed-item {
    overflow: hidden;
}
.feed-manage-info-wrap .feed-item .item-inner {
    position: relative;
    max-width: 650px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.feed-manage-info-wrap .feed-item.download-item .item-inner {
    float: left;
    padding-right: 60px;
}
.feed-manage-info-wrap .feed-item.upload-item .item-inner {
    float: right;
    padding-left: 60px;
}
.feed-manage-info-wrap .feed-item p {
    padding: 13px 20px;
    font-size: 14px;
    line-height: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.feed-manage-info-wrap .feed-item.download-item p {
    color: #fff;
    border: 1px solid #484848;
    background-color: #484848;
}
.feed-manage-info-wrap .feed-item.upload-item p {
    color: #3b3b3b;
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb;
}
.feed-manage-info-wrap .feed-item + .feed-item {
    margin-top: 15px;
}
.feed-manage-info-wrap .date-divider + .feed-item {
    margin-top: 23px;
}
.feed-manage-info-wrap .feed-item .date {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    color: #7e7e7e;
}
.feed-manage-info-wrap .feed-item.download-item .date {
    right: 0;
}
.feed-manage-info-wrap .feed-item.upload-item .date {
    left: 0;
}
@media screen and (max-width: 768px) {
    .feed-manage-info-wrap {
        padding: 0 12px;
    }
    .feed-manage-info-wrap .feed-item.download-item .item-inner {
        padding-right: 55px;
    }
    .feed-manage-info-wrap .feed-item.upload-item .item-inner {
        padding-left: 55px;
    }
    .feed-manage-info-wrap .date-divider,
    .profile-list-wrap .date-divider {
        padding: 0 5px 5px;
    }
    .feed-manage-info-wrap .date-divider span,
    .profile-list-wrap .date-divider span {
        font-size: 12px;
    }
    .feed-manage-info-wrap .date-divider + .feed-item {
        margin-top: 20px;
    }
    .feed-manage-info-wrap .feed-item + .feed-item {
        margin-top: 15px;
    }
    .feed-manage-info-wrap .date-wrap + .date-wrap {
        margin-top: 40px;
    }
    .feed-manage-info-wrap .feed-item p {
        padding: 12px 16px;
        font-size: 14px;
        line-height: 21px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .feed-manage-info-wrap .feed-item .date {
        font-size: 11px;
    }
    .feed-manage-info-wrap .feed-item.download-item .date {
        right: 8px;
    }
    .feed-manage-info-wrap .feed-item.upload-item .date {
        left: 8px;
    }
}
/*---------------------------------------------*/
.profile-list-wrap {
    margin-top: 20px;
    padding: 0 30px;
}
.profile-list-wrap .profile-list-item {position: relative;}
.profile-list-wrap .profile-list-item + .profile-list-item {
    margin-top: 15px;
}
.profile-list-wrap .date-divider + .profile-list-item {
    margin-top: 30px;
}
.profile-list-wrap .date-wrap + .date-wrap {
    margin-top: 50px;
}
.profile-list-wrap .profile-list-item .item-inner {
    position: relative;
    border: 1px solid #dedede;
}
.profile-list-wrap .profile-list-item.download-item .item-inner {
    border-color: #fff;
}
.profile-list-wrap .profile-list-item.normal .item-inner {
    border-color: #dedede;
}
.profile-list-wrap .profile-list-item a {position: absolute;display:block;top:0;left:0;right:50px;bottom:0;z-index:1;}
.profile-list-wrap .profile-list-item.selected .item-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #c30e2f;
    z-index: 1;
}
.profile-list-wrap .profile-list-item .custom-ckbox {
    z-index: 1;
}
.profile-list-wrap .profile-list-item .box-bottom {
    padding: 0 28px;
}
.profile-list-wrap .profile-list-item .box-bottom p {
    font-size: 12px;
    line-height: 24px;
    color: #4e4e4e;
}
.profile-list-wrap .profile-list-item .box-bottom p i {
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-right: 9px;
    vertical-align: middle;
}
.profile-list-wrap .profile-list-item.download-item .box-bottom p i {
    background-position: -209px -366px;
}
.profile-list-wrap .profile-list-item.upload-item .box-bottom p i {
    background-position: -227px -366px;
}
.profile-list-wrap .profile-list-item .box-top {
    position: relative;
    /*padding: 20px 25px;*/
    padding: 11px;
}
.profile-list-wrap .profile-list-item.download-item .box-top {
    background-color: #484848;
}
.profile-list-wrap .profile-list-item.upload-item .box-top {
    background-color: #fbfbfb;
}
.profile-list-wrap .profile-list-item.normal .box-top {
    background-color: #f2f2f2;
}
.profile-list-wrap .profile-list-item.download-item .box-bottom {
    background-color: #c4c4c4;
}
.profile-list-wrap .profile-list-item.upload-item .box-bottom {
    background-color: #e5e5e5;
}
.profile-list-wrap .profile-list-item .custom-ckbox {
    position: absolute;
    display: none;
    top: 10px;
    right: 10px;
}
.profile-list-wrap .profile-list-item .prd-logo {
    position: absolute;
    width: 45px;
    top: 20px;
    left: 18px;
    bottom: 20px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: contain;
    background-size: contain;
}
.profile-list-wrap .profile-list-item .logo-wrap {
    position: absolute;
    width: 75px;
    /*height: 68px;*/
    /*top: 11px;*/
    left: 12px;
    /*bottom: 11px;*/
    top: 50%;
    /*margin-top: -32px;*/
    font-size: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.profile-list-wrap .profile-list-item .logo-wrap img {
    width: 45px;
}
.profile-list-wrap .profile-list-item .logo-wrap .nickname {
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px;
    color: #909090;
    text-align: center;
}
/*.profile-list-wrap .profile-list-item .logo-wrap:after,*/
/*.profile-list-wrap .profile-list-item .prd-logo:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*display: inline-block;*/
    /*top: 0;*/
    /*right: -12px;*/
    /*width: 1px;*/
    /*height: 100%;*/
    /*background-color: rgba(255, 255, 255, 0.2);*/
/*}*/
/*.profile-list-wrap .profile-list-item.normal .logo-wrap:after,*/
/*.profile-list-wrap .profile-list-item.upload-item .logo-wrap:after,*/
/*.profile-list-wrap .profile-list-item.upload-item .prd-logo:after {*/
    /*background-color: rgba(0, 0, 0, 0.2);*/
/*}*/
.profile-list-wrap .profile-list-item.download-item.product-s7pro .prd-logo {
    background-image: url(//img.stronghold.coffee/sht-images/square/images/productLogo/pc/product_logo_s7pro_type1_w.png);
}
.profile-list-wrap .profile-list-item.upload-item.product-s7pro .prd-logo {
    background-image: url(//img.stronghold.coffee/sht-images/square/images/productLogo/pc/product_logo_s7pro_type1_b.png);
}
.profile-list-wrap .profile-list-item .txt-wrap {
    position: relative;
    padding-top: 4px;
    padding-left: 104px;
    padding-bottom: 4px;
    font-size: 0;
}
.profile-list-wrap .profile-list-item .txt-wrap:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 84px;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.profile-list-wrap .profile-list-item.normal .txt-wrap:before,
.profile-list-wrap .profile-list-item.upload-item .txt-wrap:before {
    border-color: rgba(0, 0, 0, 0.2);
}
.profile-list-wrap .profile-list-item .title {
    width: 35%;
    margin-bottom: 7px;
    font-size: 17px;
    line-height: 26px;
    color: #fff;
}
.profile-list-wrap .profile-list-item .title.include-ckbox {position:relative;padding-left:36px;line-height:28px;}
.profile-list-wrap .profile-list-item .title.include-ckbox .bookmark {position: absolute;display:inline-block;top:0;left:0;right:auto;}
.profile-list-wrap .profile-list-item.upload-item .title,
.profile-list-wrap .profile-list-item.normal .title {
    color: #484848;
}
.profile-list-wrap .profile-list-item .info-item {
    position: relative;
}
.profile-list-wrap .profile-list-item .info-item + .info-item {
    margin-left: 28px;
}
.profile-list-wrap .profile-list-item .roast-time {
    padding-left: 28px;
}
.profile-list-wrap .profile-list-item .temperature {
    padding-left: 22px;
}
.profile-list-wrap .profile-list-item .info-item i {
    position: absolute;
    top: 0;
    left: 0;
}
.profile-list-wrap .profile-list-item .info-item .num {
    font-size: 17px;
    line-height: 26px;
    color: #fff;
}
.profile-list-wrap .profile-list-item.upload-item .info-item .num,
.profile-list-wrap .profile-list-item.normal .info-item .num {
    color: #484848;
}
.profile-list-wrap .profile-list-item .bean-num {
    float: right;
    display: inline-block;
    font-size: 17px;
    line-height: 26px;
    font-family: 'conthrax', sans-serif;
    font-weight: 300;
    letter-spacing: normal !important;
    color: #fff;
}
.profile-list-wrap .profile-list-item.upload-item .bean-num,
.profile-list-wrap .profile-list-item.normal .bean-num {
    color: #484848;
}
.profile-list-wrap .profile-list-item .bean-num span {
    font-size: 13px;
    vertical-align: top;
}
.profile-list-wrap .profile-list-item .detail-info {
    position: absolute;
    right: 15%;
    bottom: 4px;
    width: 340px;
    overflow: hidden;
}
.profile-list-wrap .profile-list-item .detail-info span {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.5);
}
.profile-list-wrap .profile-list-item .detail-info > p {
    position: relative;
}
.profile-list-wrap .profile-list-item .detail-info .exclude {
    position: absolute;
    right: 0;
}
.profile-list-wrap .profile-list-item .country {
    width: 100%;
    margin-bottom: 5px;
}
.profile-list-wrap .profile-list-item.upload-item .detail-info span,
.profile-list-wrap .profile-list-item.normal .detail-info span {
    color: #909090;
}
.profile-list-wrap .profile-list-item .detail-info .market:before {
    content: '/';
    font: inherit;
    margin: 0 5px;
}
.profile-list-wrap .profile-list-item .error-bean {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    width: 29px;
    height: 32px;
}
.profile-list-wrap .profile-list-item.download-item .error-bean {
    background-position: -212px -619px;
}
.profile-list-wrap .profile-list-item.upload-item .error-bean,
.profile-list-wrap .profile-list-item.normal .error-bean {
    background-position: -178px -619px;
}
.profile-list-wrap .profile-list-item .not-bean {position: absolute;display: inline-block;bottom: 0;right: 3px;width: 26px;height: 28px;background-position: -268px -619px;}
@media screen and (max-width: 1500px) {
    .profile-list-wrap .profile-list-item .title {
        width: 70%;
    }
    .profile-list-wrap .profile-list-item .detail-info {
        position: static;
        width: 70%;
        margin-top: 7px;
    }
    .profile-list-wrap .profile-list-item .bean-num {
        float: none;
        position: absolute;
        right: 0;
        bottom: 4px;
    }
    .profile-list-wrap .profile-list-item .country {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1080px) and (min-width: 969px) {
    .profile-list-wrap .profile-list-item .bean-num {
        position: static;
        display: block;
        text-align: right;
    }
    .profile-list-wrap .profile-list-item .detail-info {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .profile-list-wrap {
        padding: 0 12px;
    }
    .profile-list-wrap .profile-list-item {
        padding: 0;
    }
    .profile-list-wrap .profile-list-item .custom-ckbox {
        top: 8px;
        right: 10px;
    }
    .profile-list-wrap .date-divider + .profile-list-item,
    .profile-list-wrap .profile-list-item + .profile-list-item {
        margin-top: 15px;
    }
    .profile-list-wrap .date-wrap + .date-wrap {
        margin-top: 25px;
    }
    .profile-list-wrap .date-divider {
        padding: 0 8px 8px;
    }
    .profile-list-wrap .date-divider span {
        font-size: 12px;
    }
    .profile-list-wrap .profile-list-item .box-top {
        /*padding: 15px 22px;*/
    }
    .profile-list-wrap .profile-list-item .prd-logo,
    .profile-list-wrap .profile-list-item .logo-wrap {
        width: 60px;
        /*height: 54px;*/
        /*margin-top: -26px;*/
        /*top: 15px;*/
        left: 11px;
        /*bottom: 15px;*/
    }
    .profile-list-wrap .profile-list-item .logo-wrap img {
        width: 40px;
        margin: 0 auto;
    }
    .profile-list-wrap .profile-list-item .logo-wrap .nickname {
        margin-top: 3px;
        font-size: 11px;
        line-height: 16px;
    }
    .profile-list-wrap .profile-list-item .logo-wrap:after,
    .profile-list-wrap .profile-list-item .prd-logo:after {
        right: -8px;
    }
    .profile-list-wrap .profile-list-item.download-item.product-s7pro .prd-logo {
        background-image: url(//img.stronghold.coffee/sht-images/square/images/productLogo/mobile/product_logo_s7pro_type1_w.png);
    }
    .profile-list-wrap .profile-list-item.upload-item.product-s7pro .prd-logo {
        background-image: url(//img.stronghold.coffee/sht-images/square/images/productLogo/mobile/product_logo_s7pro_type1_b.png);
    }
    .profile-list-wrap .profile-list-item .txt-wrap:before {
        left: 70px;
    }
    .profile-list-wrap .profile-list-item .title {
        margin-bottom: 4px;
        font-size: 15px;
        line-height: 22px;
    }
    .profile-list-wrap .profile-list-item .title.include-ckbox {padding-left:26px;line-height:22px;}
    .profile-list-wrap .profile-list-item .txt-wrap {
        min-height: 70px;
        padding-left: 84px;
    }
    .profile-list-wrap .profile-list-item .info-item + .info-item {
        margin-left: 10px;
    }
    .profile-list-wrap .profile-list-item .info-item .num {
        font-size: 15px;
        line-height: 22px;
    }
    .profile-list-wrap .profile-list-item .roast-time {
        padding-left: 23px;
    }
    .profile-list-wrap .profile-list-item .temperature {
        padding-left: 18px;
    }
    .profile-list-wrap .profile-list-item .detail-info {
        margin-top: 5px;
    }
    .profile-list-wrap .profile-list-item .detail-info span {
        font-size: 12px;
        line-height: 18px;
    }
    .profile-list-wrap .profile-list-item .bean-num {
        /*right: 15px;*/
        /*bottom: 17px;*/
        font-size: 15px;
        line-height: 18px;
    }
    .profile-list-wrap .profile-list-item .bean-num span {
        font-size: 12px;
    }
    .profile-list-wrap .profile-list-item .box-bottom {
        padding: 0 22px;
    }
    .profile-list-wrap .profile-list-item .box-bottom p {
        font-size: 11px;
        line-height: 25px;
    }
    .profile-list-wrap .profile-list-item .error-bean {
        width: 23px;
        height: 25px;
    }
    .profile-list-wrap .profile-list-item.download-item .error-bean {
        background-position: -206px -656px;
    }
    .profile-list-wrap .profile-list-item.upload-item .error-bean,
    .profile-list-wrap .profile-list-item.normal .error-bean {
        background-position: -178px -656px;
    }
    .profile-list-wrap .profile-list-item .not-bean {width:20px;height:21px;background-position: -268px -652px;}
}
@media screen and (max-width: 400px) {
    .profile-list-wrap .profile-list-item .detail-info {
        width: 100%;
    }
    .profile-list-wrap .profile-list-item .bean-num {
        position: static;
        display: block;
        text-align: right;
    }
}
/*---------------------------------------------*/
.bean-list-wrap {
    padding-bottom: 40px;
}
.bean-list-wrap .amount-wrap {
    position: relative;
    margin-bottom: 20px;
}
.bean-list-wrap .amount-wrap > div {
    position: relative;
    padding-left: 40px;
}
.bean-list-wrap .amount-wrap > div i {
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 28px;
    height: 29px;
    background-position: -327px -480px;
}
.bean-list-wrap .amount-wrap > div > span {
    padding-right: 40px;
    font-size: 14px;
    color: #4b4b4b;
}
.bean-list-wrap .amount-wrap > div > p {font-size: 28px;color: #c30e2f;}
.bean-list-wrap .amount-wrap > div > p .num {display: inline-block;min-width: 80px;}
.bean-list-wrap .amount-wrap > div > p .unit {font-size: 18px;}
.bean-list-wrap .amount-wrap button {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 85px;
    height: 34px;
    margin-top: -17px;
    font-size: 18px;
    color: #524e4b;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    outline: none;
}
.bean-list-wrap ul {margin-top:10px;}
.bean-list-wrap ul li {
    border: 1px solid #eae7e7;
    font-size: 0;
}
.bean-list-wrap ul li:hover {
    border: 1px solid #ebadb8;
}
.bean-list-wrap ul li + li {
    margin-top: 10px;
}
.bean-list-wrap ul li a {
    display: block;
    padding: 0 20px;
}
.bean-list-wrap ul li a > div {
    position: relative;
    height: 62px;
    overflow: hidden;
}
.bean-list-wrap ul li.amount-zero a > div {opacity: 0.6;}
.bean-list-wrap ul li .cell-wrap {
    float: left;
    height: 100%;
    table-layout: fixed;
}
.bean-list-wrap ul li .cell-wrap:first-child {
    width: 100%;
    padding-right: 18%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bean-list-wrap ul li .cell-wrap:last-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 18%;
}
.bean-list-wrap ul li .cell {
    vertical-align: middle;
}
.bean-list-wrap ul li .cell-wrap:first-child .cell:first-child {
    width: 300px;
}
.bean-list-wrap ul li .country {
    font-size: 16px;
    color: #4b4b4b;
}
.bean-list-wrap ul li .detail {
    margin-top: 2px;
    font-size: 13px;
    color: #999;
}
.bean-list-wrap ul li .addition-info span {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    color: #4b4b4b;
    text-align: center;
}
.bean-list-wrap ul li .num {
    font-size: 19px;
    color: #c30e2f;
    text-align: right;
}
.bean-list-wrap ul li .num span {
    font-size: 14px;
}
.bean-list-wrap .btn-bean-register.fixed {
    background-position: -166px -750px;
}
@media screen and (max-width: 1280px) {
    .bean-list-wrap ul li a > div {
        height: 75px;
    }
    .bean-list-wrap ul li .cell-wrap:first-child .cell:first-child {
        width: 250px;
    }
}
@media screen and (max-width: 1180px) and (min-width: 969px) {
    .bean-list-wrap ul li a > div {
        height: auto;
    }
    .bean-list-wrap ul li .cell-wrap {
        display: inline-block;
        padding: 15px 0;
    }
    .bean-list-wrap ul li .cell-wrap:first-child {
        width: 72%;
        padding-right: 0;
    }
    .bean-list-wrap ul li .cell-wrap:last-child {
        position: static;
        width: 28%;
    }
    .bean-list-wrap ul li .cell {
        display: block;
        width: 100% !important;
    }
    .bean-list-wrap ul li .addition-info {
        margin-top: 2px;
    }
    .bean-list-wrap ul li .addition-info span {
        width: auto;
        text-align: left;
    }
    .bean-list-wrap ul li .addition-info span:first-child:after {
        content: '/';
        margin: 0 5px;
        font: inherit;
    }
    .bean-list-wrap ul li .num {
        line-height: 58px;
    }
}
@media screen and (max-width: 1080px) {
    .bean-list-wrap .amount-wrap button {
        right: 12px;
        width: 70px;
        height: 28px;
        margin-top: -14px;
        font-size: 15px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
    }
}
@media screen and (max-width: 968px) {
    .bean-list-wrap {
        padding-bottom: 90px;
    }
}
@media screen and (max-width: 768px) {
    .bean-list-wrap {
        padding: 0 12px;
    }
    .bean-list-wrap .amount-wrap button {
        display: none;
    }
    .bean-list-wrap .amount-wrap {
        margin-bottom: 12px;
    }
    .bean-list-wrap .amount-wrap > div {
        padding-left: 27px;
    }
    .bean-list-wrap .amount-wrap > div i {
        width: 20px;
        height: 21px;
        background-position: -329px -518px;
    }
    .bean-list-wrap .amount-wrap > div > span {
        padding-right: 27px;
        font-size: 12px;
    }
    .bean-list-wrap .amount-wrap > div > p {font-size: 24px;}
    .bean-list-wrap .amount-wrap > div > p .unit {font-size: 15px;}
    .bean-list-wrap ul li a {
        padding: 0 12px;
    }
    .bean-list-wrap ul li + li {
        margin-top: 6px;
    }
    .bean-list-wrap ul li a > div {
        height: 68px;
    }
    .bean-list-wrap ul li .cell-wrap:first-child {
        padding-right: 22%;
    }
    .bean-list-wrap ul li .cell-wrap:last-child {
        width: 22%;
    }
    .bean-list-wrap ul li .cell-wrap:first-child .cell:first-child {
        width: 150px;
    }
    .bean-list-wrap ul li .country {
        font-size: 13px;
    }
    .bean-list-wrap ul li .detail {
        margin-top: 5px;
        font-size: 12px;
    }
    .bean-list-wrap ul li .addition-info span {
        font-size: 12px;
    }
    .bean-list-wrap ul li .num {
        font-size: 16px;
    }
    .bean-list-wrap ul li .num span {
        font-size: 12px;
    }
    .bean-list-wrap .btn-bean-register.fixed {
        background-position: -210px -576px;
    }
}
@media screen and (max-width: 500px) {
    .bean-list-wrap ul li a > div {
        height: auto;
    }
    .bean-list-wrap ul li .cell-wrap {
        display: inline-block;
    }
    .bean-list-wrap ul li .cell-wrap:first-child {
        width: 68%;
        padding: 10px 0;
    }
    .bean-list-wrap ul li .cell-wrap:last-child {
        top: 50%;
        width: 32%;
        margin-top: -10px;
    }
    .bean-list-wrap ul li .cell {
        display: block;
        width: 100% !important;
    }
    .bean-list-wrap ul li .addition-info {
        margin-top: 5px;
    }
    .bean-list-wrap ul li .addition-info span {
        width: auto;
        text-align: left;
    }
    .bean-list-wrap ul li .addition-info span:first-child:after {
        content: '/';
        margin: 0 5px;
        font: inherit;
    }
    .bean-list-wrap ul li .num {
        line-height: 20px;
    }
}
@media screen and (max-width: 359px) {
    .bean-list-wrap ul li .cell-wrap:first-child {
        width: 65%;
    }
    .bean-list-wrap ul li .cell-wrap:last-child {
        width: 35%;
    }
}
/*---------------------------------------------*/
.tree + .tree {
    border-top: 1px solid #f1f1f1;
}
.tree .tree-item.header {
    height: 34px;
    padding-left: 54px;
}
.tree .tree-item.header .custom-ckbox {
    padding-top: 5px;
}
.tree .tree-item {
    position: relative;
    padding: 10px 0;
}
.tree button {
    position: absolute;
    top: 10px;
    left: 0;
    width: 34px;
    height: 34px;
    background-position: -167px -430px;
    border: none;
    outline: none;
}
.tree .tree-item-wrap {
    display: none;
    padding-left: 23px;
    border-top: 1px solid #f1f1f1;
}
.tree .tree-item.header.show + .tree-item-wrap {
    display: block;
}
.tree .tree-item-wrap > .tree-item:not(.header) {
    padding-left: 54px;
}
@media screen and (max-width: 768px) {
    .tree .tree-item.header {
        height: 29px;
        padding-left: 45px;
    }
    .tree button {
        width: 29px;
        height: 29px;
        background-position: -167px -468px;
    }
    .tree .tree-item-wrap {
        padding-left: 18px;
    }
    .tree .tree-item-wrap > .tree-item:not(.header) {
        padding-left: 45px;
    }
}
/*---------------------------------------------*/
.mobile-bottom-option {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
    padding: 10px 0;
    border-top: 1px solid #e79fac;
    background-color: #fff;
    z-index: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile-bottom-option ul {
    height: 100%;
}
.mobile-bottom-option li {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile-bottom-option li + li {
    border-left: 1px solid #e3e3e3;
}
.mobile-bottom-option button {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
.mobile-bottom-option button span.bg-sprite {
    display: inline-block;
    width: 32px;
    height: 28px;
    vertical-align: middle;
}
.mobile-bottom-option button span.txt {margin-left:6px;font-size:15px;color:#484848;}
.mobile-bottom-option button.btn-send-mail span.bg-sprite {
    background-position: -209px -312px;
}
.mobile-bottom-option button.btn-compare-profile span.bg-sprite {
    background-position: -246px -312px;
}
.mobile-bottom-option button.btn-share span.bg-sprite {
    background-position: -283px -312px;
}
.mobile-bottom-option button.btn-move-folder span.bg-sprite {
    background-position: -172px -312px;
}
@media screen and (max-width: 968px) {
    .mobile-bottom-option.show {
        display: block;
    }
}
/*---------------------------------------------*/
.tab-wrap {
    text-align: left;
    overflow: hidden;
    /*border-bottom: 1px solid #dfdfdf;*/
}
html:not(.device-type-desktop) .tab-wrap {
    overflow-x: auto;
}
.tab-wrap .tab-list {
    display: inline-block;
    white-space: nowrap;
}
.tab-wrap .tab-list li {
    display: inline-block;
}
.tab-wrap .tab-list li + li {
    margin-left: 20px;
}
.tab-wrap .tab-list a {
    display: inline-block;
    min-width: 70px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 40px;
    color: #524e4b;
    text-align: center;
    border: none;
    border-bottom: 4px solid transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-wrap .tab-list a.selected {
    border-color: #c30e2f;
}
@media screen and (max-width: 768px) {
    .tab-wrap .tab-list li + li {
        margin-left: 10px;
    }
    .tab-wrap .tab-list a {
        min-width: 60px;
        font-size: 15px;
        line-height: 30px;
        border-width: 3px;
    }
}
/*---------------------------------------------*/
.modal-tab-wrap .tab-header li + li {
    margin-left: 70px;
}
.modal-tab-wrap .tab-header a {
    display: inline-block;
    padding: 0 5px;
    font-size: 18px;
    line-height: 36px;
    color: #524e4b;
    border-bottom: 4px solid transparent;
    outline: none;
}
.modal-tab-wrap .tab-header .selected a {
    border-color: #c30e2f;
}
.modal-tab-wrap .tab-body .tab-body-item {
    display: none;
}
.modal-tab-wrap .tab-body .tab-body-item > .box-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
.modal-tab-wrap .tab-body .dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #4b4b4b;
}
.modal-tab-wrap .tab-body .item-01 .box-inner {
    min-height: 350px;
    padding-bottom: 80px;
}
.modal-tab-wrap .tab-body .item-01 .thead {margin-bottom: 10px;padding-left: 20px;padding-right: 25px;}
.modal-tab-wrap .tab-body .item-01 .thead span {font-size: 16px;color: #4b4b4b;}
.modal-tab-wrap .tab-body .item-01 .bean-item {position: relative;}
.modal-tab-wrap .tab-body .item-01 .bean-item > div {border: 1px solid #d8d8d8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color: #fbfbfb;overflow: hidden;-webkit-box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);-moz-box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);}
.modal-tab-wrap .tab-body .item-01 .bean-item > div > a {position: absolute;top: 0;left: 0;width: 530px;height: 94px;}
.modal-tab-wrap .tab-body .item-01 .bean-item + .bean-item {margin-top: 15px;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap {padding: 12px 10px;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap {display:inline-block;width:500px;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap .b-desc {margin-bottom:5px;font-size:18px;color:#484848;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap .s-desc {font-size:14px;line-height:21px;color:#909090;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .num-wrap {float:right;display: inline-block;margin-top:25px;color:#4b4b4b;}
/*.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .num {font-size:18px;}*/
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .unit {font-size:14px;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap input {width:70px;height:23px;font-size:18px;border:none;border-bottom:1px solid #a9a9a9;color:inherit;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul {display: none;border-top:1px solid #d8d8d8;}
.modal-tab-wrap .tab-body .item-01 .bean-item.expanded ul {display: block;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul li + li {border-top:1px solid #d8d8d8;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul li a > div {position:relative;padding:10px;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul li a:hover > div{background-color:#e6edf8;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .txt-wrap {display: inline-block;width:250px;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .txt-wrap .b-desc {font-size:16px;line-height:20px;color:#484848;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .txt-wrap .s-desc {font-size:12px;line-height:15px;color:#909090;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .detail-info-wrap {display: inline-block;width:250px;margin-left:15px;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .detail-info-wrap span {display: inline-block;width:50%;font-size:14px;line-height:35px;color:#484848;text-align: center;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .num {float: right;margin-top:6px;font-size:15px;color:#484848;}
.modal-tab-wrap .tab-body .item-01 .bean-item ul .num .unit {font-size:12px;}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap a > div {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);
    -moz-box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);
    box-shadow: 3px 3px 9px 0 rgba(188, 188, 188, 0.2);
}
.modal-tab-wrap .tab-body .item-01 .box-inner > .btn-wrap {margin-top:20px;text-align: center;}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add {width:50px;height:50px;border:none;}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add span {display:block;height:100%;background-position: -204px -830px;}
.device-type-desktop .modal-tab-wrap .tab-body .item-01 .bean-item:hover > div,
.device-type-desktop .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap a:hover > div {
    border-color: #c30e2f;
}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap {position: absolute;top: 50%;right: 10px;margin-top: -15px;font-size: 0;}
.modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .input-wrap input {
    width: 80px;
    height: 30px;
    padding: 6px 0;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #c9c9c9;
    color: #4b4b4b;
    text-align: right;
}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap .unit {
    font-size: 14px;
    line-height: 30px;
    color: #4b4b4b;
}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap button,
.modal-tab-wrap .tab-body .item-01 .bean-item button {position: absolute;top: -10px;right: -10px;width: 40px;height: 40px;background-position: -2px -1023px;border: none;outline: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap {position: relative;margin-top: 15px;}

.modal-tab-wrap .tab-body .item-01 .bean-item.add .info-wrap{ height: 94px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap a > div {
    position: relative;
    height: 94px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-01 .bean-item.add .long-line{
    pointer-events: none;
    position: absolute;
    top: 46px;
    left: 10px;
    width: 380px;
    height: 30px;
    margin-top: -15px;
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .long-line {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 380px;
    height: 30px;
    margin-top: -15px;
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap .short-line {
    display: inline-block;
    width: 70px;
    height: 30px;
    border-bottom: 1px solid #c9c9c9;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    width: 640px;
    height:91px;
    margin: 0 auto;
    padding: 20px 10px;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap {text-align: right;}
.modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap > span {
    font-size: 13px;
    color: #4b4b4b;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap p {
    font-size: 24px;
    color: #c30e2f;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap p .unit {
    font-size: 14px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics {
    position: absolute;
    bottom: 20px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .box {
    display: inline-block;
    text-align: left;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .box + .box {
    margin-left: 30px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .box > div {
    position: relative;
    height: 50px;
    padding-top: 4px;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics i {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .amount i {
    background-position: -2px -751px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .lose i {
    background-position: -57px -751px;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .title {
    font-size: 13px;
    color: #4b4b4b;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics input {
    width: 90px;
    border: none;
    border-bottom: 1px solid #a9a9a9;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .num {
    margin-top: 2px;
    font-size: 20px;
    line-height: 22px;
    color: #7e7e7e;
}
.modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .num .unit {
    font-size: 13px;
}
.modal-tab-wrap .tab-body .item-02 .box-row {
    padding: 10px 20px;
}
.modal-tab-wrap .tab-body .item-02 .box-row:nth-child(2n-1) {
    background-color: #fbfbfb;
}
.modal-tab-wrap .tab-body .item-02 .box-row .title {
    display: inline-block;
    width: 140px;
    font-size: 16px;
    line-height: 45px;
    color: #4b4b4b;
}
.modal-tab-wrap .tab-body .item-02 .box-row .slider-wrap {
    position: relative;
    display: inline-block;
    width: calc(100% - 140px);
    padding-top: 8px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-tab-wrap .tab-body .item-02 .box-row .ui-slider {
    height: 14px;
    margin: 0;
    background-color: transparent;
    background: url(//img.stronghold.coffee/sht-images/square/images/bg_slider.png) center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.modal-tab-wrap .tab-body .item-02 .box-row .ui-slider .ui-slider-handle {
    top: -7px;
    margin-left: -14px;
}
.modal-tab-wrap .tab-body .item-02 .box-row .slider-wrap .input-wrap {
    padding-top: 8px;
}
.modal-tab-wrap .tab-body .item-02 .box-row .slider-wrap input {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 45px;
    font-size: 16px;
    color: #4b4b4b;
    text-align: center;
}
.modal-tab-wrap .tab-body .item-03 .box-inner > div {position:relative;}
.modal-tab-wrap .tab-body .item-03 .box-inner > div + div {margin-top: 20px;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap {border-top:1px solid #cacaca;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button {position:absolute;top:0;right:0;width:50px;height:50px;border:none;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button span {display: block;height:100%;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button.btn-tasting-graph span {background-position: -123px -964px;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button.btn-tasting-table span {background-position: -178px -964px;}
.modal-tab-wrap .tab-body .item-03 .box-inner > div:first-child .dt {line-height:50px;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-header {border-bottom: 1px solid #dfdfdf;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-header:after {content: none;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-header a {padding:15px 0;font-size:18px;text-align: center;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-header.show a {color:#cb3651;background-color:#eaeaea;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-body {padding-top:0;border-bottom: 1px solid #dfdfdf;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table {width:100%;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table button {width:100%;height:40px;border:none; text-align: center; background-color:#f9f9f9;color:#524e4b; }
.device-type-desktop .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table button:hover {background-color:#ffcfd8;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table button:active {background-color:#ffbfcc !important;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td {box-sizing: border-box;vertical-align: top; position: relative;}

.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table tr:first-child td:first-child{border-right:1px solid #cacaca; }
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td:not(:last-child){border-right:1px solid #cacaca; }
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table tr:not(:first-child) td{border-top:1px solid #cacaca; }

.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='2'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='3'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='4'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='5'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='6'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='7'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='8'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='9'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='10'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='11'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='12'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='13'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='14'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='15'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='16'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='17'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='18'] button,
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='19'] button{position: absolute; height: 100%;}
.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td {width: 33.3%;}


.modal-tab-wrap .tab-body .item-03 .box-inner .tasting-graph-wrap img {max-width:100%;}
.modal-tab-wrap .tab-body .item-03 .selected-tag-item {
    position: relative;
    margin-right: 8px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 12px;
}
.modal-tab-wrap .tab-body .item-03 .selected-tag-item:last-child {
    margin-right: 0;
}
.modal-tab-wrap .tab-body .item-03 .selected-tag-item p {
    min-width: 60px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 36px;
    color: #807d7b;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    text-align: center;
}
.modal-tab-wrap .tab-body .item-03 .selected-tag-item button {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-position: -57px -830px;
    border: none;
    outline: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 10px 0 rgba(195, 14, 47, 0.19);
    -moz-box-shadow: 0 10px 10px 0 rgba(195, 14, 47, 0.19);
    box-shadow: 0 10px 10px 0 rgba(195, 14, 47, 0.19);
}
.modal-tab-wrap .tab-body .item-04 .box-inner {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fbfbfb;
}
.modal-tab-wrap .tab-body .item-04 .box-inner > div + div {
    margin-top: 20px;
}
.modal-tab-wrap .tab-body .item-04 textarea {
    width: 100%;
    height: 300px;
    padding: 15px;
    font-size: 15px;
    line-height: 23px;
    color: #4b4b4b;
    background-color: #fff;
}
.modal-profile-setting .my-bean-wrap {
    display: none;
    padding-bottom: 20px;
}
.modal-profile-setting .my-bean-wrap .title-wrap {
    position: relative;
}
.modal-profile-setting .my-bean-wrap .title-wrap .title {
    font-size: 18px;
    line-height: 22px;
    color: #4b4b4b;
}
.modal-profile-setting .my-bean-wrap .title-wrap button {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    font-size: 16px;
    border: none;
    outline: none;
}
.modal-profile-setting .my-bean-wrap .list {
    margin-top: 15px;
}
.modal-profile-setting .my-bean-wrap .list li {
    border: 1px solid #eae7e7;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.03);
}
.modal-profile-setting .my-bean-wrap .list li + li {
    margin-top: 5px;
}
.device-type-desktop .modal-profile-setting .my-bean-wrap .list li:hover {
    border-color: #c30e2f;
}
.modal-profile-setting .my-bean-wrap .list .info-wrap {
    position: relative;
    padding: 15px;
}
.modal-profile-setting .my-bean-wrap .list .name-wrap {
    width: 50%;
}
.modal-profile-setting .my-bean-wrap .list .country {
    margin-bottom: 5px;
    font-size: 16px;
    color: #4b4b4b;
}
.modal-profile-setting .my-bean-wrap .list .name {
    font-size: 12px;
    color: #999999;
}
.modal-profile-setting .my-bean-wrap .list .detail-wrap {
    position: absolute;
    top: 50%;
    left: 55%;
    margin-top: -8px;
}
.modal-profile-setting .my-bean-wrap .list .detail-wrap p {
    font-size: 13px;
    line-height: 16px;
    color: #4b4b4b;
}
.modal-profile-setting .my-bean-wrap .list .num-wrap {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -12px;
    font-size: 19px;
    line-height: 24px;
    color: #c30e2f;
}
.modal-profile-setting .my-bean-wrap .list .num-wrap .unit {
    font-size: 14px;
}
.modal-profile-setting .my-bean-wrap .btn-bean-register {
    position: absolute;
    bottom: 40px;
    right: 45px;
    width: 44px;
    height: 44px;
    background-position: -340px -571px;
    border: none;
    outline: none;
    z-index: 10;
}
@media screen and (max-width: 768px) {
    .modal-tab-wrap .tab-header li + li {
        margin-left: 2px;
    }
    .modal-tab-wrap .tab-header a {
        font-size: 15px;
        line-height: 30px;
        border-width: 3px;
    }
    .modal-tab-wrap .tab-body .dt {
        font-size: 14px;
    }
    .modal-tab-wrap .tab-body .item-01 .box-inner {padding-left:10px;padding-right:10px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item > div > a {width: calc(100% - 110px);height:80px;}
    .modal-tab-wrap .tab-body .item-01 .thead {margin-bottom: 6px;padding-left:15px;}
    .modal-tab-wrap .tab-body .item-01 .thead span {font-size: 13px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap {width:calc(100% - 100px);}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap .b-desc {font-size:15px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .txt-wrap .s-desc {font-size:12px;line-height:16px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .num-wrap {margin-top:18px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap input {font-size:16px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item .info-wrap .unit {font-size:12px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .txt-wrap {width:calc(100% - 70px);}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .txt-wrap .b-desc {font-size:13px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .detail-info-wrap {width:calc(100% - 70px);margin-left:0;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .detail-info-wrap span {width:auto;font-size:12px;line-height: 15px;color:#909090;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .detail-info-wrap span:first-child:after {content: '/';display:inline-block;margin:0 2px;font:inherit;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .num {position:absolute;top:28px;right:10px;margin-top:0;font-size:14px;}
    .modal-tab-wrap .tab-body .item-01 .bean-item ul .num .unit {font-size:12px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap a > div {padding: 10px 15px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap {margin-top: -12px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap .unit {font-size: 12px;line-height: 24px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap button,
    .modal-tab-wrap .tab-body .item-01 .bean-item button {top:-8px;right:-8px;width: 32px;height: 32px;background-position: -2px -1068px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap {margin-top: 13px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap a > div {height: 76px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .long-line {right: 0;width: auto;height: 24px;margin-top: -12px;margin-right: 120px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add-wrap .input-wrap .short-line {width: 70px;height: 24px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add {width:44px;height:44px;}
    .modal-tab-wrap .tab-body .item-01 .btn-bean-add span {background-position:-340px -571px;}

.modal-tab-wrap .tab-body .item-01 .bean-item.add .info-wrap {height: 76px;}
.modal-tab-wrap .tab-body .item-01 .bean-item.add .long-line {right: 0;width: auto;height: 24px;margin-right: 120px; }

    .modal-tab-wrap .tab-body .item-01 .result-wrap {
        left: 10px;
        right: 10px;
        width: auto;
        height:73px;
        padding: 15px 5px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap p {
        font-size: 20px;
        line-height: 26px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap p .unit {
        font-size: 12px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics {
        bottom: 15px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .sum-wrap > span,
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .title {
        font-size: 12px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics i {
        width: 42px;
        height: 42px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .box + .box {
        margin-left: 15px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .box > div {
        height: 42px;
        padding-top: 2px;
        padding-left: 45px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics input {
        width: 72px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .amount i {
        background-position: -2px -705px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .lose i {
        background-position: -48px -705px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .num {
        font-size: 16px;
        line-height: 21px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics .num .unit {
        font-size: 12px;
    }
    .modal-tab-wrap .tab-body .item-02 .box-row {
        padding: 5px 15px;
    }
    .modal-tab-wrap .tab-body .item-02 .box-row .title {
        font-size: 15px;
        line-height: 38px;
    }
    .modal-tab-wrap .tab-body .item-02 .custom-select.large select {
        padding-left: 40px;
    }
    .modal-tab-wrap .tab-body .item-03 .box-inner > div + div {margin-top: 15px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button {width:40px;height:40px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button.btn-tasting-graph span {background-position: -123px -1019px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-wrap > button.btn-tasting-table span {background-position: -178px -1019px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner > div:first-child .dt {line-height:40px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap .accordion-header a {font-size:15px;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='4'] {width:30%;}
    .modal-tab-wrap .tab-body .item-03 .box-inner .tasting-table-wrap table td[rowspan='3'] {width:30%;}
    .modal-tab-wrap .tab-body .item-03 .selected-tag-item {
        padding-right: 15px;
    }
    .modal-tab-wrap .tab-body .item-03 .selected-tag-item p {
        min-width: 50px;
        font-size: 13px;
        line-height: 30px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .modal-tab-wrap .tab-body .item-04 textarea {
        font-size: 13px;
        line-height: 20px;
    }
    .modal-profile-setting .my-bean-wrap .title-wrap .title {
        font-size: 15px;
    }
    .modal-profile-setting .my-bean-wrap .title-wrap button {
        font-size: 13px;
    }
    .modal-profile-setting .my-bean-wrap .list {
        margin-top: 10px;
    }
    .modal-profile-setting .my-bean-wrap .list .info-wrap {
        padding: 10px;
    }
    .modal-profile-setting .my-bean-wrap .list .name-wrap {
        width: auto;
        margin-right: 100px;
    }
    .modal-profile-setting .my-bean-wrap .list .country {
        font-size: 13px;
    }
    .modal-profile-setting .my-bean-wrap .list .detail-wrap {
        position: static;
        margin-top: 0;
    }
    .modal-profile-setting .my-bean-wrap .list .detail-wrap p {
        font-size: 12px;
        color: #999999;
    }
    .modal-profile-setting .my-bean-wrap .list .num-wrap {
        font-size: 16px;
    }
    .modal-profile-setting .my-bean-wrap .list .num-wrap .unit {
        font-size: 12px;
    }
    .modal-profile-setting .my-bean-wrap .btn-bean-register {
        right: 10px;
        bottom: 30px;
    }
}
@media screen and (max-width: 374px) {
    .modal-tab-wrap .tab-header a {
        font-size: 14px;
    }
    .modal-tab-wrap .tab-body .item-01 .box-inner {
        padding-bottom: 150px;
    }
    .modal-tab-wrap .tab-body .item-01 .result-wrap .statistics {
        position: static;
        margin-top: 10px;
        padding: 10px 5px;
        background-color: #fbfbfb;
        text-align: center;
    }
}
@media screen and (max-width: 359px) {
    .modal-tab-wrap .tab-header a {
        font-size: 12px;
    }
}
/**/
.modal-profile-detail-data .box-header {position: relative;}
.modal-profile-detail-data .box-header img {width:55px;height:55px;}
.modal-profile-detail-data .box-header .txt-wrap {display: inline-block;padding-top:12px;padding-left:10px;}
.modal-profile-detail-data .box-header .nickname {display:inline-block;margin-bottom:12px;font-size:18px;color:#4b4b4b;}
.modal-profile-detail-data .box-header .txt-wrap p {font-size:16px;line-height:22px;color:#4b4b4b;}
.modal-profile-detail-data .box-header .btn-excel-download {position:absolute;display:inline-block;top:0;right:0;width:50px;height:50px;}
.modal-profile-detail-data .box-header .btn-excel-download span {display:block;height:100%;background-position: -68px -964px;}
.modal-profile-detail-data .table-wrap {margin-top:15px;}
.modal-profile-detail-data .table-wrap table {width:100%;}
.modal-profile-detail-data .table-wrap table th {height:40px;font-size:14px;color:#4b4b4b;background-color:#fafafa;border-top:1px solid #dedede;border-bottom:1px solid #dedede;vertical-align: middle;padding-left:5px;}
.modal-profile-detail-data .table-wrap table td {height:34px;font-size:14px;color:#4b4b4b;vertical-align: middle;padding-left:5px;}
.modal-profile-detail-data .table-wrap table th:first-child {padding-left:0;}
.modal-profile-detail-data .table-wrap table td:first-child {padding-left:0;}
.device-type-desktop .modal-profile-detail-data .table-wrap table tbody tr:hover td {background-color:#efefef;font-weight:bold;}
.modal-profile-detail-data .table-wrap table tbody tr.crack td {background-color:#e6edf8 !important;}
@media screen and (max-width: 768px) {
    .modal-profile-detail-data .box-header .nickname {margin-bottom:10px;font-size:15px;}
    .modal-profile-detail-data .box-header .txt-wrap p {font-size:13px;line-height:18px;}
    .modal-profile-detail-data .table-wrap table th {height:34px;font-size:12px;}
    .modal-profile-detail-data .table-wrap table td {height:28px;font-size:12px;}
    .modal-profile-detail-data .box-header .btn-excel-download {width:40px;height:40px;}
    .modal-profile-detail-data .box-header .btn-excel-download span {background-position: -68px -1019px;}
}
@media screen and (max-width: 359px) {
    .modal-profile-detail-data .table-wrap table th {font-size:11px;}
    .modal-profile-detail-data .table-wrap table td {font-size:11px;}
}
/**/
.modal-short-bean-regist .modal-cbody > p {font-size:16px;line-height:24px;color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody > div {margin-top:40px;}
.modal-short-bean-regist .modal-cbody > div .title {padding-bottom:8px;font-size:16px;color:#4b4b4b;border-bottom:1px solid #c8c8c8;}
.modal-short-bean-regist .modal-cbody .box-body {padding-top:10px;}
.modal-short-bean-regist .modal-cbody .box-body > div + div {margin-top:15px;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner {position:relative;padding:10px 12px;border: 1px solid #eae7e7;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner > div + div {margin-left:15px;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap {display:inline-block;width:300px;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap .b-desc {font-size:16px;line-height:22px;color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap .s-desc {font-size:13px;line-height:18px;color:#999;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .org-num-wrap {display: inline-block;width:120px;text-align: right;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap {position:relative;display: inline-block;width:120px;text-align: right;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .org-num-wrap p {color:#8f8f8f;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap p {color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .dt {font-size:16px;line-height:22px;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .num {margin-top:8px;font-size:18px;}
.modal-short-bean-regist .modal-cbody .box-body .item-inner .num .unit {font-size:14px;}
.modal-short-bean-regist .modal-cbody .box-body .zero .present-num-wrap .dt {color:#c30e2f;}
.modal-short-bean-regist .modal-cbody .box-body .zero .present-num-wrap .dt:after {content: '!';position:absolute;display: inline-block;top:0;right:-24px;width:16px;height:16px;margin-top:2px;font-size:10px;line-height:16px;color:#c30e2f;border:1px solid #c30e2f;border-radius:50%;text-align: center;}
.modal-short-bean-regist .modal-cbody .box-body .zero .present-num-wrap .num {color:#c30e2f;}
.modal-short-bean-regist .modal-cbody .box-body .input-wrap {margin-top:20px;text-align: right;}
.modal-short-bean-regist .modal-cbody .box-body .input-wrap .txt {display:inline-block;margin-right:10px;font-size:16px;line-height:22px;color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody .box-body .input-wrap input {width:100px;height:22px;color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody .box-body .input-wrap .txt-unit {display:inline-block;margin-left:5px;font-size:14px;line-height:22px;color:#4b4b4b;}
.modal-short-bean-regist .modal-cbody .box-body .zero .input-wrap .txt,
.modal-short-bean-regist .modal-cbody .box-body .zero .input-wrap .txt-unit {color:#c30e2f}
.modal-short-bean-regist .modal-cbody .box-body .zero .input-wrap input {border-color: #c30e2f;}
.modal-short-bean-regist .modal-footer {position: relative;}
.modal-short-bean-regist .modal-footer > div {position:absolute;top:2px;right:20px;}
.modal-short-bean-regist .modal-footer a {display:inline-block;font-size:14px;line-height:34px;color:#342e1e;border-bottom:1px solid #dedede;}
@media screen and (max-width: 768px) {
    .modal-short-bean-regist .modal-cbody > p {font-size:13px;line-height:20px;}
    .modal-short-bean-regist .modal-cbody > div {margin-top:30px;}
    .modal-short-bean-regist .modal-cbody > div .title {font-size:15px;}
    .modal-short-bean-regist .modal-cbody .box-body {padding-top:20px;}
    .modal-short-bean-regist .modal-footer > div {position: static;margin-top:15px;}
    .modal-short-bean-regist .modal-footer a {font-size:12px;line-height:27px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner {padding:10px;}
    .modal-short-bean-regist .modal-cbody .box-body .input-wrap {margin-top:10px;}
    .modal-short-bean-regist .modal-cbody .box-body .input-wrap .txt {margin-right:5px;font-size:12px;line-height:18px;}
    .modal-short-bean-regist .modal-cbody .box-body .input-wrap input {width:60px;height:18px;}
    .modal-short-bean-regist .modal-cbody .box-body .input-wrap .txt-unit {font-size:12px;line-height:18px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner > div + div {margin-left:0;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap {width:calc(100% - 70px);}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap .b-desc {font-size:13px;line-height:18px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .info-wrap .s-desc {font-size:12px;line-height:16px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .org-num-wrap {width:70px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .dt {font-size:12px;line-height:16px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .num {margin-top:0;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .org-num-wrap .num {margin-top:5px;font-size:16px;line-height:20px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .org-num-wrap .num .unit {font-size:12px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap {display: block;width:auto;margin-top:6px;text-align: left;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap .dt {position:relative;display: inline-block;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap .num {float: right;font-size:13px;line-height:16px;}
    .modal-short-bean-regist .modal-cbody .box-body .item-inner .present-num-wrap .num .unit {font-size:11px;}
    .modal-short-bean-regist .modal-cbody .box-body .zero .present-num-wrap .dt:after {right:-20px;width:13px;height:13px;margin-top:0;line-height:13px;}
}
/**/
.ui-dialog .bean-custom-select-wrap .box-body {position: relative;padding-left:165px;padding-right:50px;}
.ui-dialog .bean-custom-select-wrap .country-dd {position: absolute;top:0;left:0;width:160px;}
.ui-dialog .bean-custom-select-wrap .bean-name-dd {width:100%;}
.ui-dialog .bean-custom-select-wrap .btn-remove-row {position: absolute;top:4px;right:0;width:40px;height:40px;border:none;}
.ui-dialog .bean-custom-select-wrap .btn-remove-row span {display: block;height:100%;background-position: -91px -830px;}
.ui-dialog .bean-custom-select-wrap > .btn-wrap {text-align: center;margin-top:10px;padding-bottom:20px;}
.ui-dialog .bean-custom-select-wrap > .btn-wrap .btn-add-row {width:50px;height:50px;border:none;}
.ui-dialog .bean-custom-select-wrap > .btn-wrap .btn-add-row span {display: block;height:100%;background-position: -204px -830px;}
.ui-dialog .bean-custom-select-wrap .dropdown-menu {width:100%;}
.ui-dialog .bean-custom-select-wrap .dropdown-menu button span {font:inherit;color:inherit;white-space: normal;}
@media screen and (max-width: 768px) {
    .ui-dialog .bean-custom-select-wrap .box-body {padding-left:125px;padding-right:40px;}
    .ui-dialog .bean-custom-select-wrap .country-dd {width:120px;}
    .ui-dialog .bean-custom-select-wrap .btn-remove-row {top:3px;width:32px;height:32px;}
    .ui-dialog .bean-custom-select-wrap .btn-remove-row span {background-position: -136px -830px;}
    .ui-dialog .bean-custom-select-wrap > .btn-wrap .btn-add-row {width:44px;height:44px;}
    .ui-dialog .bean-custom-select-wrap > .btn-wrap .btn-add-row span {background-position: -340px -571px;}
}
/**/
.error-page {text-align: center;display: table;width:100%;height:100vh;box-sizing: border-box;padding:100px 20px;}
.error-page > div {display: table-cell;vertical-align: middle;}
.error-page .img-wrap {margin-bottom:30px;}
.error-page img {width:100%;max-width:800px;vertical-align: top;}
.error-page h1 {font-size:27px;color:#000;}
.error-page .txt {font-size:13px;line-height:18px;color:#000;margin-top:10px;}
.error-page .btn-wrap {margin-top:30px;}
.error-page .btn-wrap a {display: inline-block;width:150px;font-size:20px;line-height:50px;color:#fff;text-align: center;background-color:#aa2000;border-radius:5px;}
.error-page .btn-wrap a + a {margin-left:12px;}
.error-page .btn-wrap a:hover {background-color:#aa0000;}
@media screen and (max-width:768px) {
    .error-page h1 {font-size:22px;}
    .error-page .btn-wrap a {width:120px;font-size:16px;line-height:40px;}
}