@charset "utf-8";
/*
---------------------------------------------------------
combine/combine-ed5079af.css
---------------------------------------------------------
00. /var/www/archidb/public/css/page.css
*/

/*
---------------------------------------------------------
00. /var/www/archidb/public/css/page.css
---------------------------------------------------------
*/

@font-face { font-family: JinXuan; src: url('../font/jf-subset-all.ttf?m=20240512'); font-display: swap; }
.JinXuan { font-family: JinXuan;}
.fr-view a[target="_blank"]::after { display: none;}     

.tpl-guide h2       { font-size: 1.4em; line-height: 1.5em; margin-bottom: .8em; color: rgb(128, 159, 160);}
.tpl-guide p        { font-size: 1.12em; line-height: 1.6em; }
.tpl-guide li       { font-size: 1.12em; line-height: 1.6em; margin-top: 1em !important; margin-bottom: 1em !important; }
.tpl-guide .note    { color: rgb(202, 202, 202); font-size: 14px; }

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

    .tpl-plan { font-size: .9em;}
    .tpl-guide { font-size: .95em;}

}

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

    .tpl-plan { font-size: .8em;}
    .tpl-guide { font-size: .9em;}

}

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

    .tpl-plan                                       { font-size: .78em;}
    .tpl-plan .logo                                 { margin-bottom: 8% !important;}
    .tpl-plan .banner                               { padding: 4% 0 15% 0 !important; }
    .tpl-plan .paragraph-column2                    { margin: 50px 0!important; }
    .tpl-plan .paragraph-column2 .col               { width: 100% !important;}
    .tpl-plan .paragraph-column2 .col:first-child   { margin-bottom: 40px;}
    .tpl-plan .paragraph-column2 .col img           { width: 86%; display: block; margin: auto;}
    .tpl-plan .paragraph-column2 .buttons           { margin-top: 15px !important;}
    .tpl-plan .cta                                  { padding: 25% 0 !important; background-size: cover !important;}
    .tpl-plan .footer > div                         { margin: 0 auto !important; padding: 0 !important;}
    .tpl-plan .button-article-light,
    .tpl-plan .button-article-dark                  { min-width: 120px; margin-right:5px;}
    .tpl-plan .button-article-light:last-child,
    .tpl-plan .button-article-dark:last-child       { margin-right:0;}

}


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

    .tpl-plan br { display: none;}


}