﻿.Body {
    padding-bottom: 0 !important;
    background-color: #FFF;
}

#PlanList {
}

    #PlanList .PlanPanel {
        padding-bottom: 100px;
    }

    #PlanList .Tab {
        display: grid;
        grid-template-columns: 150px auto 125px;
        border: 1px solid #FF8900;
        border-radius: 5px;
        box-shadow: 1px 1px 1px 1px #d9d9d9bf;
        font-size: 25px;
        font-weight: 900;
        line-height: 62px;
        margin: 0 auto;
    }

        #PlanList .Tab a:nth-child(2){
            padding:0 36px;
        }

        #PlanList .Tab .Active {
            background-color: #FF8900;
            color: #FFF;
        }

    #PlanList .TextGrey {
        color: #464646;
    }

    #PlanList .TextOrange {
        color: #FF8900;
    }

    #PlanList .OrangeLine {
        border-right: 1px #FF8900 solid;
    }

    #PlanList .PlanPanel .PlanInfoItem {
        padding: 40px 70px 30px 70px;
    }

        #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent {
            display: grid;
            grid-template-columns: 80px auto;
            grid-gap: 15px;
        }

            #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent.PlanInfoContent2 {
                grid-template-columns: 88px auto;
                grid-gap: 25px;
            }



    #PlanList .PlanInfoContent.MemberCardText {
        font-size: 18px;
        line-height: 30px;
    }

    #PlanList .PlanPanel .PlanInfoItem .MemberCardText .MemberCardText2 {
        font-size: 20px;
        color: #464646;
    }

    #PlanList .FontWeight900 {
        font-weight: 900;
    }

    #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent .Title {
        color: #464646;
    }

    #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent .Detail {
        color: #717070;
    }

        #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent .Detail .Price {
            color: #FF8900;
        }

        #PlanList .PlanPanel .PlanInfoItem .PlanInfoContent .Detail .Price2 {
            color: #FF8900;
            font-weight: 900;
            font-size: 20px
        }

    #PlanList .btn-primary {
        background-color: #FF8900;
        border-color: #FF8900;
        box-shadow: 2px 2px 3px #93939380;
    }

        #PlanList .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active {
            background-color: #FF8900 !important;
            border-color: #FF8900 !important;
        }

    #PlanList .Remark {
        border: 1px #FF8900 solid;
        padding: 2px 7px;
    }

@media screen and (max-width:768px) {
    #PlanList .Tab {
        grid-template-columns: 1fr 2fr 1fr;
        font-size: 18px;
        width: 100%;
        line-height: 48px;
    }

        #PlanList .Tab a:nth-child(2) {
            padding: 0;
        }

}

