/*
    @Name: style | @Author: Cherry.liu
====================================================================================== */
:root{
    --BrandPrimary: #e06439;

    --BtnBg-primary: var(--BrandPrimary);
    --BtnBg-hover: #e6724a;
    --BtnBg-active: #d5592d;

    --LinkColor-default: var(--BrandPrimary);
    --LinkColor-hover: #e6724a;
    --LinkColor-active: #d5592d;

    --HearderTelBg: #e3982a;
    --HeaderSloganColor: #e49d33;
    --BannerMaskBg: rgba(87, 68, 62, 0.6);
    --BannerSloganTextBg: var(--BrandPrimary);
    --FormHeadBg: var(--BrandPrimary);
    --DividingBorderColor: var(--BrandPrimary);

    --BannerPt-default: 5.5em;
    --BannerPt-xs: 6.5em;

    --BannerSloganTitleFontSize-default: 40px;
    --BannerSloganTitleFontSize-xs: 34px;

    --BannerSloganContentFontSize-default: 20px;
    --BannerSloganFontSize-xs: 18px;

}


/* Banner */
body {
    font-size: 18px;
}
h1.slogan {
    font-size: 1em;
}
.banner {
    background: url(../images/bg-banner.jpg) center center no-repeat;
    background-size: cover;
}