

@media (max-width: 1399.98px) {
}

@media (max-width: 1279.98px) {
    
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1600px) {
}


/* 進階服務 */
main .advanced-plan { padding:80px 0 70px; }
main .advanced-plan * { box-sizing:border-box; }
main .advanced-plan .intro { text-align:center; margin-bottom:60px; }
main .advanced-plan .title { color:#2f9ad1; font-size:38px; font-weight:bold; margin-bottom:20px; }
main .advanced-plan .text { color:#333; font-size:16px; }
main .advanced-plan-wrap { width:100%; margin:0 auto 30px; }
main .advanced-plan-wrap .clear { clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
main .advanced-plan-labels { float:left; width:150px; padding-top:0; }
main .advanced-plan-list { margin-left:170px; }
main .advanced-plan-wrap.no-feature { max-width:900px; }
main .advanced-plan-wrap.no-feature .advanced-plan-list { margin-left:0; }
main .advanced-plan-card { float:left; text-align:center; border-radius:8px; box-shadow:3px 6px 10px 1px rgba(0,0,0,.18); background:#fff; margin-bottom:30px; }
main .advanced-plan-card .plan-head { border-top-left-radius:8px; border-top-right-radius:8px; }
main .plan-count-1 .advanced-plan-card { width:100%; }
main .plan-count-2 .advanced-plan-card { width:49%; }
main .plan-count-2 .advanced-plan-card + .advanced-plan-card { margin-left:2%; }
main .plan-count-3 .advanced-plan-card { width:31.333333%; }
main .plan-count-3 .advanced-plan-card + .advanced-plan-card { margin-left:3%; }
main .plan-count-4 .advanced-plan-card { width:23.5%; }
main .plan-count-4 .advanced-plan-card + .advanced-plan-card { margin-left:2%; }
main .advanced-plan .plan-head { min-height:80px; padding:16px 8px 12px; color:#fff; display:block; }
main .advanced-plan .plan-name { font-size:20px; font-weight:bold; line-height:1.4; }
main .advanced-plan .plan-subtitle { font-size:15px; line-height:1.5; }
main .advanced-plan .plan-price { min-height:86px; padding:13px 8px 15px; color:#fff; display:block; }
main .advanced-plan .plan-price .num { font-size:50px; font-weight:bold; line-height:1; }
main .advanced-plan .plan-price .year { font-size:14px; margin-top:5px; line-height:1.5; }
main .advanced-plan .plan-desc { padding:26px 8px 12px; color:#555; font-size:17px; line-height:1.5; }
main .advanced-plan .plan-go { padding:0 8px 28px; }
main .advanced-plan .plan-go a { display:inline-block; color:#fff; border-radius:999px; padding:10px 18px 10px 24px; font-size:15px; transition:opacity .3s; }
main .advanced-plan .plan-go a:hover { color:#fff; opacity:.82; }
main .advanced-plan .plan-go img { display:inline-block; margin-left:18px; vertical-align:-6px; }
main .advanced-plan .plan-feature-list { padding:0 26px 32px; }
main .advanced-plan .plan-feature-row { min-height:42px; padding:10px 8px; border-bottom:1px solid #d9d9d9; color:#444; font-size:15px; line-height:1.4; }
main .advanced-plan .feature-name { display:none; }
main .advanced-plan .feature-value { display:block; width:100%; }
main .advanced-plan-labels .plan-label-spacer { display:block; height:auto; min-height:1px; }
main .advanced-plan-labels .plan-label-row { min-height:42px; padding:10px 8px; border-bottom:1px solid #d9d9d9; color:#444; font-size:15px; line-height:1.4; text-align:left; }
main .adv-check { color:#2f9ad1; font-weight:bold; font-size:20px; line-height:1; }
main .plan-color-1 .plan-head { background: linear-gradient(79.57deg, #46B6FC 45.98%, #6EC8FC 90.69%); }
main .plan-color-1 .plan-price { background: linear-gradient(256.57deg, #73CDFD 6.72%, #69C8FD 64.86%); }
main .plan-color-1 .plan-go a { background: linear-gradient(90deg, #32A5FD 0%, #6ECAFC 100%); }
main .plan-color-2 .plan-head { background: linear-gradient(82.74deg, #2690FC 33.78%, #3698FD 94.6%); }
main .plan-color-2 .plan-price { background: linear-gradient(234.41deg, #3E9EFD 15.69%, #4DA7FC 70.86%); }
main .plan-color-2 .plan-go a { background: linear-gradient(90deg, #278DFD 0%, #3E9EFD 100%); }
main .plan-color-3 .plan-head { background: linear-gradient(79.57deg, #426BEB 45.98%, #4784F6 90.69%); }
main .plan-color-3 .plan-price { background: linear-gradient(82.65deg, #4482F5 7.99%, #4785F7 97.63%); }
main .plan-color-3 .plan-go a { background: linear-gradient(90deg, #426BEB 0%, #4785F7 100%); }
main .plan-color-4 .plan-head { background: linear-gradient(83.31deg, #334AE5 40.65%, #4D64EA 97.23%); }
main .plan-color-4 .plan-price { background: linear-gradient(180deg, #4360EA 0%, #4E6BEC 100%); }
main .plan-color-4 .plan-go a { background: linear-gradient(90deg, #334AE5 0%, #5774FF 100%); }
main .plan-no-data { max-width:760px; margin:0 auto 30px; padding:30px 15px; text-align:center; color:#666; background:#fff; border-radius:8px; box-shadow:3px 6px 10px 1px rgba(0,0,0,.1); }

main .advanced-plan .plan-item-tip-trigger { display:inline-block; cursor:help; border-bottom:1px dotted #9aa0a6; position:relative; }

.tip_help { position:absolute; z-index:100; bottom:28px; left:-10px; display:block; color:#fff; background:#465266; border-radius:5px; white-space:nowrap; padding:3px 6px; }
.tip_help_txt { font-size:14px; } 
.tip_help_arrow { border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #465266; position:absolute; bottom:-8px; left:40px; }
.tip_help2 { left:-12px; } 

.plan-item-tooltip { position:fixed; z-index:99999; display:none; width:240px; max-width:90%; padding:10px 12px; color:#fff; background:#465266; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,.22); font-size:15px; line-height:1.55; text-align:left; pointer-events:none; }
.plan-item-tooltip-text { white-space:pre-line; }
.plan-item-tooltip-arrow { position:absolute; bottom:-8px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #465266; }


@media (max-width: 1199.98px) {
    main .advanced-plan-wrap { max-width:960px; }
    main .advanced-plan-labels { width:135px; }
    main .advanced-plan-list { margin-left:150px; }
    main .advanced-plan .plan-price .num { font-size:42px; }
    main .advanced-plan .plan-feature-list { padding-left:16px; padding-right:16px; }
}

@media (max-width: 991.98px) {
    main .advanced-plan { padding:60px 0 40px; }
    main .advanced-plan .intro { margin-bottom:30px; }
    main .advanced-plan .title { font-size:28px; margin-bottom:12px; }
    /*main .advanced-plan-wrap { max-width:520px; }*/
    main .advanced-plan-labels { display:none; }
    main .advanced-plan-list { margin-left:0; }
    main .advanced-plan-card,
    main .plan-count-1 .advanced-plan-card,
    main .plan-count-2 .advanced-plan-card,
    main .plan-count-3 .advanced-plan-card,
    main .plan-count-4 .advanced-plan-card { float:left; width:49%; margin-left:0; margin-bottom:30px; }
    
    
    main .plan-count-2 .advanced-plan-card + .advanced-plan-card,
    main .plan-count-3 .advanced-plan-card + .advanced-plan-card,
    main .plan-count-4 .advanced-plan-card + .advanced-plan-card { margin-left:0%; }
    
    main .plan-count-2 .advanced-plan-card:nth-child(even),
    main .plan-count-3 .advanced-plan-card:nth-child(even),
    main .plan-count-4 .advanced-plan-card:nth-child(even) { margin-left:2%; }

    main .plan-count-3 .advanced-plan-card:nth-child(odd),
    main .plan-count-4 .advanced-plan-card:nth-child(odd) { clear:both; }
    
    main .advanced-plan .plan-head { min-height:auto; padding:14px 8px; }
    main .advanced-plan .plan-name { font-size:18px; }
    main .advanced-plan .plan-subtitle { font-size:13px; }
    main .advanced-plan .plan-price { min-height:auto; padding:12px 8px; }
    main .advanced-plan .plan-price .num { font-size:46px; }
    main .advanced-plan .plan-desc { padding-top:22px; }
    main .advanced-plan .plan-feature-list { padding:0 18px 24px; }
    main .advanced-plan .plan-feature-row { display:block; text-align:left; font-size:14px; }
    main .advanced-plan .feature-name { display:block; color:#555; text-align:center; }
    main .advanced-plan .feature-value { display:block; color:#333; text-align:center; }
    
    /*.plan-item-tooltip { font-size:14px; }*/
}

@media (max-width: 575.98px) {
    main .advanced-plan { padding-top:45px; }
    main .advanced-plan .title { font-size:22px; }
    main .advanced-plan .text { font-size:17px; }
    main .advanced-plan-card { border-radius:5px; margin-bottom:24px; }
    main .advanced-plan .plan-price .num { font-size:42px; }
    main .advanced-plan .plan-go a { font-size:14px; padding:9px 15px 9px 20px; }
    /*
    main .plan-count-1 .advanced-plan-card,
    main .plan-count-2 .advanced-plan-card,
    main .plan-count-3 .advanced-plan-card,
    main .plan-count-4 .advanced-plan-card { float:none; width:100%; margin-left:0; margin-bottom:30px; }
    
    
    main .plan-count-2 .advanced-plan-card + .advanced-plan-card,
    main .plan-count-3 .advanced-plan-card + .advanced-plan-card,
    main .plan-count-4 .advanced-plan-card + .advanced-plan-card { margin-left:0%; }
    
    main .plan-count-2 .advanced-plan-card:nth-child(even),
    main .plan-count-3 .advanced-plan-card:nth-child(even),
    main .plan-count-4 .advanced-plan-card:nth-child(even) { margin-left:0%; }
    */
}


