/*
Theme Name: Webest360
Theme URI: http://
Author: Leon
Version: 2025-04-03
*/

:root {
    --mainColor: #f5db84;
    --lightMain1: #F8E6A9;
    --lightMain2: #FAEBBB;
    --lightMain3: #FBF1CE;
    --deepMain: #e0b42d;
    --secondColor: #342a2a;
    --light: #faf9f7;
    --lightGray: #bfbdba;
    --gray: #aaa;
    --deepGray: #43423f;
    --dark: #080808;
    --transDark: rgba(8, 8, 8, .5);
}


html {
    -webkit-text-size-adjust: none;
}


body {
    font-size: 16px;
    line-height: 160%;
    color: var(--dark);
    font-family: Arial, sans-serif, 'Microsoft YaHei', "微软雅黑", SimHei;
}

h1 {
    font-size: 48px;
    font-weight: bold;
}

h2 {
    font-size: 36px;
    font-weight: bold;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

h4 {
    font-size: 20px;
}

@media (max-width: 540px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }
}

a {
    color: #333;
}

a:hover, .text-gray a:hover, .text-light a:hover {
    color: var(--mainColor);
    text-decoration: none;
}

a, img {
    border: none;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 1260px) {
    .container-xl.xl {
        max-width: 1440px;
    }

    .container-xl {
        max-width: 1200px;
    }
}


/*text size*/
.text_small {
    font-size: .9em;
}

.text_big {
    font-size: 1.2em;
}

.text_large {
    font-size: 1.5em;
}

.text_huge {
    font-size: 2em;
}

/*bg*/
.bg_none {
    background: none;
}

.bg_cover {
    background-size: cover;
    background-position: center center;
}

.bg_contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg_stretch {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg_mainColor {
    background-color: var(--mainColor);
}

.bg_lightMain2 {
    background-color: var(--lightMain2);
}

.bg_secondColor {
    background-color: var(--secondColor);
}

.bg_white {
    background-color: white;
}

.bg_light {
    background-color: var(--light) !important;
}

.bg_lightGray {
    background-color: var(--lightGray) !important;
}

.bg_gray {
    background-color: var(--gray);
}

.bg_deepGray {
    background-color: var(--deepGray);
}

.bg_dark {
    background-color: var(--dark);
}

/*btn*/
.btn {
    height: 40px;
    line-height: 40px;
    padding: 0 .75em;
    border-radius: 15px 0 15px 0;
    background-color: var(--deepGray);
    color: var(--light);
    text-shadow: none;
    transition: all .5s;
}

.btn:hover {
    background-color: var(--mainColor);
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.btn.bigBtn {
    width: 160px;
    height: 52px;
    line-height: 55px;
    border-radius: 22px 0 22px 0;
    text-align: center;
    font-size: 1.2em;
}


/*自定义样式*/
.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*特定样式*/
a.post-edit-link {
    display: block;
    padding: 2px 6px;
    background: var(--dark);
    color: white;
    border: 1px var(--lightGray) dashed;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

#btn-top {
    width: 40px;
    text-align: center;
    border-radius: 12px 0 12px 0;
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 19999;
}

#btn-top i {
    line-height: 40px;
}

/*reset*/
ul, li {
    list-style: none;
    padding: 0;
}

/*reset bootstrap*/
.accordion .card-header {
    background-color: transparent;
    border-bottom: none;
}

.accordion .btn-link {
    color: var(--dark);
}

.accordion .btn-link:hover,
.accordion .btn-link:focus {
    text-decoration: none;
}

.accordion .btn:focus {
    box-shadow: none !important;
}

/*Fixed plugins*/
.fbc-page .fbc-wrap .fbc-items li:first-child {
    padding-left: 0;
}

.fbc-page .fbc-wrap .fbc-items li {
    padding: 0 2px;
}

/*banner*/

#banner {
    height: 420px;
}

#banner .bg_cover {
    background-image: url("images/banner.png");
}

/*common*/
.phase_title {
}

.phase_title:after {
    content: '';
    display: block;
    width: 80px;
    height: 5px;
    margin-top: 15px;
    background-color: var(--mainColor);
}

.phase_title.text-center:after {
    margin: 15px auto 0;
}

/*ABOUT*/
#our_vision ul li {
    padding-left: 80px;
    margin-bottom: 20px;
    /*min-height: 80px;*/
    position: relative;
}

.pspct-l, .pspct-r {
    perspective: 200px;
}

.pspct-l img {
    border-radius: 25px;
    transform: rotateY(-2deg);
    box-shadow: 8px 12px 0 0 var(--lightGray);
}

.pspct-r img {
    border-radius: 25px;
    transform: rotateY(3deg);
    box-shadow: -8px 12px 0 0 var(--mainColor);
}

#our_vision ul img {
    width: 60px;
    height: auto;
    position: absolute;
    left: 0;
}

#our_mission img {
    width: auto;
    height: 108px;
    margin-bottom: 30px;
}

/*Team*/
img.president {
    border: 1px solid var(--lightGray);
    border-radius: 30px 0 30px 0;
}

img.partner {
    border: 1px solid var(--lightGray);
    border-radius: 20px 0 20px 0;
}

.advisors img {
    border: 1px solid var(--lightGray);
    border-radius: 20px 0 0 0;
}

.advisor_intro {
    height: 120px;
    padding: 15px;
    text-align: left;
    border-width: 0 1px 1px 1px;
    border-color: var(--lightGray);
    border-style: solid;
    border-radius: 0 0 20px 0;
    background-color: var(--lightGray);
}

/*Portfolio*/
.float_text {
    padding: 40px 20px;
    border-radius: 20px 0 20px 0;
    color: var(--secondColor);
    background-color: var(--mainColor);
    box-shadow: 10px -10px 0 0 var(--transDark);
    position: absolute;
    bottom: 80px;
}

.float_text h2 {
    font-size: 30px;
}

.ptfl1 {
    width: 220px;
    left: 30px;
}

.ptfl2 {
    width: 220px;
    right: 30px;
}

.ptfl3 {
    width: 350px;
    font-size: 18px;
}

/*newslist*/
.newsTitle {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--gray);
}

.side_newslist a {
    padding: 10px 0;
    line-height: 20px !important;
    color: var(--secondColor);
    border-bottom: 1px solid var(--secondColor);
}

.side_newslist a i {
    line-height: 20px !important;

}

/*Join*/
#accordionJoin {
    color: var(--deepGray);
}

#accordionJoin .card-header {
    padding: 0;
}

#accordionJoin .card-header h2 .btn {
    height: auto;
    padding: 15px 30px;
    font-size: 30px;
    font-weight: bold;
    background-color: transparent;
}

#accordionJoin .card-body {
    padding: 15px 30px 30px;
}

#accordionJoin ul li {
    list-style: disc;
}

#accordionJoin ul {
    padding-left: 20px;
}

.accordion .card-header .btn:after {
    font-family: 'Material-Design-Iconic-Font';
    content: '\f272';
    padding-left: 2em;
    color: var(--deepMain);
    font-size: 32px;
    float: right;
}

.accordion .card-header .btn.collapsed:after {
    content: '\f278';
}


/*Founder*/
.gfis {
    border-radius: 20px 0 20px 0;
    box-shadow: -15px 25px 0 0 var(--mainColor);
}

.floadNo {
    width: 120px;
    line-height: 120px;
    padding: 0;
    text-align: center;
    font-size: 72px;
    font-weight: bold;
    color: var(--secondColor);
    background-color: var(--mainColor);
    border-radius: 20px 0 20px 0;
    box-shadow: 15px -15px 0 0 var(--transDark);
    bottom: 50px;
}

.no1, .no3 {
    left: 30px
}

.no2 {
    right: 30px;
}