p:hover, .main a h3:hover, .main a h4:hover {

}
.main .btnbox .btn p a:hover {
    color: inherit !important;
}
.main h3 {
    margin-top: 10px;
    background: none;
    border: none;
    border-bottom: 2px solid #00293d;
    color: #00293d;
}

.main .btnbox {
    width: 96%;
    margin: 0 auto 50px;
}

.main .btnbox .btn p a {
    background: #fff;
}

.main .btnbox .btn p a br {
    display: none;
}

.main .btnbox .btn p a:hover {
    opacity: 0.8;
}

.main .btnbox .btn.btn01 a {
    background-image: none;
    color: #ee3779;
    border: 3px solid #ee3779;
}

.main .btnbox .btn.btn01 a:hover {
    color: #ee3779 !important;
    background: #fff4f8;
}

.main .btnbox .btn.btn02 a {
    background-image: none;
    color: #1bba90;
    border: 3px solid #1bba90;
}

.main .btnbox .btn.btn02 a:hover {
    color: #1bba90 !important;
    background: #f1fffb;
}

.main .btnbox .btn.btn03 a {
    background-image: none;
    color: #195fb9;
    border: 3px solid #195fb9;
}

.main .btnbox .btn.btn03 a:hover {
    color: #195fb9 !important;
    background: #e8f2ff;
}

.main #plan1 {
    background: #ffe9f0;
    padding: 0 0 30px;
}

.main #plan2 {
    background: #f1fffb;
    padding: 0 0 30px;
}

.main #plan3 {
    background: #e8f2ff;
    padding: 0 0 30px;
}

.main #plan1 h2, .main #plan2 h2, .main #plan3 h2 {
    background-image: none;
    border: none;
}

.main #plan1 h2 {
    background: #ee3779;
}

.main #plan2 h2 {
    background: #1bba90;
}

.main #plan3 h2 {
    background: #195fb9;
}

.main #plan1 .planbox, .main #plan2 .planbox, .main #plan3 .planbox {
    background-image: none;
    background: #fff;
    border:none;
    width: 96%;
    margin: 20px auto;
    box-shadow: 0 1px 1px 1px #ccc;
}

.main #plan1 .planbox h3, .main #plan2 .planbox h3, .main #plan3 .planbox h3 {
    line-height: 1.4;
    margin: 10px auto;
    padding: 20px 0 0;
    width: 96%;
    border-bottom: 1px solid #00293d;
    font-weight: bold;
}

.main #plan1 .planbox .box .middle p, .main #plan2 .planbox .box .middle p, .main #plan3 .planbox .box .middle p {
    color: #00293d;
    font-weight: normal;
    font-size: 14px;
}

.main #plan1 .planbox .box .middle, .main #plan2 .planbox .box .middle, .main #plan3 .planbox .box .middle {
    width: 63%;
}

.main #plan1 .planbox .box .right, .main #plan2 .planbox .box .right, .main #plan3 .planbox .box .right {
    width: 17%;
}

.main #plan1 .planbox .box .right .price small, .main #plan2 .planbox .box .right .price small, .main #plan3 .planbox .box .right .price small {
    float: none;
    display: block;
}

@media (max-width: 768px) {

    .main h3 {
        margin-bottom: 10px;
    }

    .main .btnbox {
        margin-bottom: 0;
        padding: 0;
    }

    .main .btnbox .btn {
        width: calc(100% / 3);
    }

    .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    .main .btnbox .btn p a {
        line-height: 1.4 !important;
        height: 55px;
        padding: 10px 0;
    }

    .main .btnbox .btn p a br {
        display: block;
    }

    .main #plan1 .planbox .box, .main #plan2 .planbox .box, .main #plan3 .planbox .box {
        padding: 10px 10px 20px;
    }

    .main #plan1 .planbox .box .left, .main #plan2 .planbox .box .left, .main #plan3 .planbox .box .left {
        margin-bottom: 10px
    }

    .main #plan1 .planbox .box .middle p, .main #plan2 .planbox .box .middle p, .main #plan3 .planbox .box .middle p {
        font-size: 13px;
    }

    .main .planbox .box .price {
        text-align: right;
    }

    .main #plan1 .planbox .box .right .price small, .main #plan2 .planbox .box .right .price small, .main #plan3 .planbox .box .right .price small {
        font-size: 16px;
        margin-right: -8px;
        line-height: 0;
    }
}