<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* =============================================================================
Theme Name: æ™ºæ¡¥è”åˆ
Author: averta
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, agency, startup, new &amp; magazine, restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, professional news and magazine features, 45 exclusive widgets and elements, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor and Visual Composer page builders.
Version: 5.8.0
Tested up to: 5.5.0
Requires at least: 5.3
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-colors, editor-style, featured-images, featured-image-header, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, translation-ready, blog, e-commerce, portfolio, threaded-comments, custom-logo
Text Domain: phlox-pro
==============================================================================*/

/*
	normalize / reset
*/
body {
    line-height: 1;
    position: relative;
    overflow-x: hidden;
    background: linear-gradient(to bottom, #103154 0%, #1b4169 50%, #30588c 100%);
    font-family: 'STHeiti';
    font-size: 16px;
    color: #000;
}

body * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

p,
ul,
li,
ol,
dl,
dt,
dd,
figure {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: unset;
}


table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    color: inherit;
    margin: 0;
}

button,
textarea,
input,
select {
    font-family: inherit;
    color: inherit;
    padding: 0;
}

button {
    border: 0;
}

@font-face {
    font-family: 'STHeiti';
    src: url('fonts/STHeiti.ttf') format('truetype'),
    url('fonts/STHeiti.woff2') format('woff2'),
    url('fonts/STHeiti.woff') format('woff');
}

@font-face {
    font-family: 'fzltzhk_GBK';
    src: url('fonts/FZLTZHK--GBK1-0.ttf') format('truetype'),
    url('fonts/FZLTZHK--GBK1-0.woff2') format('woff2'),
    url('fonts/FZLTZHK--GBK1-0.woff') format('woff');
}

@font-face {
    font-family: 'adoStd';
    src: url('fonts/AdobeHeitiStd-Regular-Alphabetic.woff2') format('woff2'),
    url('fonts/AdobeHeitiStd-Regular-Alphabetic.woff') format('woff'),
    url('fonts/AdobeHeitiStd-Regular-Alphabetic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.aligncenter {
		height:	auto;
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

.kuang {
    width: 86%;
    margin: 0 auto;
}

.small-kuang {
    width: 83%;
    margin: 0 auto;
}

.content-kuang {
    width: 92%;
    margin: 0 auto;
}

.pc {
    display: block;
}

.mobile,
#mask {
    display: none;
}

.pc .header img {
    height: 114px;
}



.page {
    margin-top: 38px;
    /* height: 1737px; */
    border-radius: 5rem;
    background-color: #eff0f0;
    /* padding-left: 7%; */

    border: 15px solid transparent;
    border-radius: 4rem;
    position: relative;
    background-clip: padding-box;
    /*important*/
}

.page::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -15px;
    border-radius: inherit;
    /*important*/
    background: linear-gradient(to bottom, #1b4169 0%, #2f5384 50%, #14365d 100%);
}

.banner {
    padding-left: 8%;
    position: relative;
    z-index: 99;
}


.banner .image-with-shadow {
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border: 5px solid #fff;
    border-right: 0;
}

.banner .sup {
    position: absolute;
    top: -4%;
    left: 13%;
    width: 80%;
    z-index: -1;
}

.banner .sdown {
    position: absolute;
    left: 16%;
    bottom: -8%;
    width: 80%;
    z-index: -1;
}


/* .banner img:hover {
	box-shadow: 0 2px 30px -3px rgba(0, 0, 0, 0.16), 0 10px 30px -2px rgba(0, 0, 0, 0.1);
} */

.footer {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 40px 0 50px;
}

.clear {
    clear: both;
}

/* #regionn header start */
.header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    align-content: center;
    margin: 40px 0;
}

.header .right {
    display: flex;
    flex-direction: column;
    width: 65%;
}

.h-right {
    text-align: right;
}

.h-right a {
    font-size: 25px;
    color: #123054;
    border-right: 1px solid #123054;
}

.h-right a:first-child {
    padding-right: 20px;
}

.h-right a:last-child {
    border-right: 0;
    padding-left: 20px;
}

.navigation ul {
    display: flex;
    justify-content: space-between;
}


.navigation ul li {
    padding-right: 20px;
    margin-top: 20px;
}

.navigation ul li:last-child {
    padding-right: 0;
}


/*
.navigation ul li a .circle {
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
	padding: 14% 5px;
	background-color: #bfe4fc;
} */

/* .navigation ul li a:hover .circle {
	background-color: #9db6d0;
} */

.navigation ul li a {
    font-size: 28px;
}

/* .navigation ul li a:hover {
	color: #9db6d0;
} */

.navigation ul li a.on {
    color: #9db6d0;
}

/* #regionn header end */



/* #regionå¤§åž‹ç¬”è®°æœ¬æˆ–ç¬”è®°æœ¬2 */
@media screen and (min-width: 1400px) and (max-width: 1440px),
screen and (min-width: 1441px) and (max-width: 1759px) {
    .pc .header img {
        height: 70px;
    }

    .navigation ul li a {
        font-size: 22px;
    }

    .b-right .s-up {
        position: absolute;
        bottom: 13.7%;
        right: -10%;
    }

    .b-right .s-down {
        position: absolute;
        bottom: 2.3%;
        right: -10%;
    }
}

/* #endregion */

/* #regionå°åž‹ç¬”è®°æœ¬æˆ–ç¬”è®°æœ¬1 */
@media screen and (min-width: 992px) and (max-width: 1199px),
screen and (min-width: 1200px) and (max-width: 1399px) {
    .pc .header img {
        height: 70px;
    }


    .navigation ul li a {
        font-size: 17px;
    }

    .navigation ul li {
        padding-right: 10px;
        margin-top: 10px;
    }

    .h-right a {
        font-size: 14px;
    }
}

/* #endregion */

/* #region MacBook */
@media screen and (min-width: 1921px) and (max-width: 2560px) {

    /* .small-kuang {
        width: 76%;
        margin: 0 auto;
    } */
    .pc .header img {
        height: 120px;
    }

    .navigation ul li {
        padding-right: 0;
        margin-top: 20px;
    }

    .banner .sup {
        position: absolute;
        top: -4%;
        left: 23%;
    }

    .banner .sdown {
        position: absolute;
        left: 23%;
        bottom: -7%;
    }
}

/* #endregion */




/* #regionæ‰‹æœºç«¯ */
@media screen and (min-width: 375px) and (max-width: 667px) {
    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    .kuang {
        width: 90%;
        margin: 0 auto;
    }

    .small-kuang {
        width: 90%;
        margin: 0 auto;
    }

    .content-kuang {
        width: 90%;
        margin: 0 auto;
    }

    .banner .sup {
        position: absolute;
        top: -4%;
        left: 19%;
        width: 80%;
    }

    .banner .sdown {
        position: absolute;
        left: 19%;
        bottom: -3%;
        width: 80%;
    }


    .header {
        padding-top: 40px !important;
    }

    .mobile .h-right a {
        font-size: 16px;
    }

    .mobile .h-right .s-log {
        margin-right: 10px;
    }

    .icon-custom {
        font-size: 20px;
    }

    .mob-panel {
        height: 100%;
        position: fixed;
        top: 0;
        transition: all 0.3s linear 0s;
        transform: translateX(0%);
        left: -100%;
        z-index: 100;
        width: 60%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #mask {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        background: rgba(0, 0, 0, .5);
    }

    .mob-panel.active {
        left: 0;
    }

    .mobile ul li a.on {
        color: #9db6d0;
    }

    .p-close {
        text-align: right;
        padding-right: 10px;
        padding-top: 10px;
    }

    .icon-close {
        font-size: 25px;
    }

    /* .mob-panel ul li a .circle {
        border-radius: 50%;
        display: inline-block;
        border: 1px solid transparent;
        padding: 4% 6.5px;
        background-color: #bfe4fc;
    } */

    /* .mob-panelul li a:hover .circle {
        background-color: #9db6d0;
    } */

    .footer {
        font-size: 12px;
        margin: 10px 0 10px;
        line-height: 18px;
    }
}

/* #endregion */
</pre></body></html>