锘

:root {
--thm-font: "Jost", sans-serif;
--heading-font: "Libre Baskerville", serif;
--thm-color: #7e7e7e;
--thm-color-rgb: 126, 126, 126;
--thm-base: #fcad30;
--thm-base-rgb: 252, 173, 48;
--thm-primary: #4ecd99;
--thm-primary-rgb: 78, 205, 153;
--thm-secondary: #ed4b4b;
--thm-secondary-rgb: 237, 75, 75;
--thm-special: #5366c2;
--thm-special-rgb: 83, 102, 194;
--thm-black: #242323;
--thm-black-rgb: 36, 35, 35;
--thm-black2: #1d1c1c;
--thm-black2-rgb: 29, 28, 28;
--thm-text-dark: #9e9e9e;
--thm-text-dark-rgb: 158, 158, 158
}



@media(max-width: 575px) {
p br {
display: none
}
}

::-webkit-input-placeholder {
color: inherit;
opacity: 1
}

:-ms-input-placeholder {
color: inherit;
opacity: 1
}

::-ms-input-placeholder {
color: inherit;
opacity: 1
}

::placeholder {
color: inherit;
opacity: 1
}

.background-base {
background-color: var(--thm-base)
}

.background-primary {
background-color: var(--thm-primary)
}

.background-secondary {
background-color: var(--thm-secondary)
}

.background-special {
background-color: var(--thm-special)
}


.mobile-nav__wrapper {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease;transition: transform 500ms ease;transition: transform 500ms ease, -webkit-transform 500ms ease;z-index: 911;background-color: #c1c1c16e;}

.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0
}

.mobile-nav__wrapper.expanded {
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}

.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: .8;
cursor: pointer
}

.mobile-nav__content {width: 210px;background-color: var(--thm-black2);z-index: 10;position: relative;height: 100%;overflow-y: auto;padding-top: 30px;padding-bottom: 30px;padding-left: 10px;padding-right: 10px;}

.mobile-nav__content .thm-btn {
padding: 8px 0;
width: 100%;
text-align: center
}

.mobile-nav__content .logo-box {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.mobile-nav__close {position: absolute;top: 20px;right: 0px;font-size: 18px;color: #fff;cursor: pointer;}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none
}

.mobile-nav__content .main-menu__list ul {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.mobile-nav__content .main-menu__list ul li a {
padding-left: 1em
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.mobile-nav__content .main-menu__list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 30px;
color: #fff;
font-size: 15px;
font-family: var(--thm-font);
font-weight: 500;
height: 46px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 500ms;
transition: 500ms
}

.mobile-nav__content .main-menu__list li a.expanded {
color: var(--thm-base)
}

.mobile-nav__content .main-menu__list li a button {width: 30px;height: 30px;background-color: #fcad30;border: 0;outline: 0;color: #fff;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease;transition: transform 500ms ease;transition: transform 500ms ease, -webkit-transform 500ms ease;}

.mobile-nav__content .main-menu__list li a button.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
background-color: #fff;
color: var(--thm-black)
}

.mobile-nav__content .main-menu__list li.cart-btn span {
position: relative;
top: auto;
right: auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}

.mobile-nav__content .main-menu__list li.cart-btn i {
font-size: 16px
}

.mobile-nav__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}

.mobile-nav__language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.mobile-nav__language img {
border-radius: 50%;
margin-right: 10px
}

.mobile-nav__language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 70px
}

.mobile-nav__language .bootstrap-select>.dropdown-toggle {
padding: 0;
background-color: transparent;
border-radius: 0;
border: 0;
outline: 0;
color: #fff
}

.mobile-nav__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.mobile-nav__social a {
font-size: 16px;
color: #fff;
-webkit-transition: 500ms;
transition: 500ms
}

.mobile-nav__social a+a {
margin-left: 10px
}

.mobile-nav__social a:hover {
color: var(--thm-primary)
}

.mobile-nav__contact {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 20px
}

.mobile-nav__contact li {
color: #fff;
font-size: 15px;
font-weight: 500;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.mobile-nav__contact li+li {
margin-top: 15px
}

.mobile-nav__contact li a {
color: inherit;
-webkit-transition: 500ms;
transition: 500ms
}

.mobile-nav__contact li a:hover {
color: var(--thm-primary)
}

.mobile-nav__contact li>i {width: 30px;height: 30px;border-radius: 50%;background-color: #fcad30;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;font-size: 14px;margin-right: 10px;color: #fff;}


.list-unstyled {
padding-left: 0;
list-style: none
}



.search-popup {
position: fixed;
top: 0;
left: 0;
width: 90vw;
height: 100vh;
z-index: 911;
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease
}

.search-popup.active {
-webkit-transform: translateY(0%);
transform: translateY(0%)
}

.search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: .75;
cursor: pointer
}

.search-popup__content {
width: 100%;
max-width: 560px
}

.search-popup__content form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
background-color: #fff;
border-radius: 15px;
overflow: hidden
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
width: 100%;
background-color: #fff;
font-size: 16px;
border: 0;
outline: 0;
height: 66px;
padding-left: 30px
}

.search-popup__content .thm-btn {
padding: 0;
width: 68px;
height: 68px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: -1px;
border-radius: 0
}

.search-popup__content .thm-btn:hover {
background-color: var(--thm-black);
color: #fff
}

.search-popup__content .thm-btn i {
margin: 0
}



.thm-btn {
display: inline-block;
vertical-align: middle;
border: 0;
outline: 0;
background-color: var(--thm-base);
color: #fff;
font-size: 16px;
font-weight: bold;
font-family: var(--thm-font);
padding: 16.5px 39.5px;
-webkit-transition: 500ms;
transition: 500ms;
background-color: var(--thm-base);
color: #fff
}

.thm-btn:hover {
color: var(--thm-base);
background-color: #fff
}
.mobile-nav__toggler
{

float: left;
width: 22px;
padding: 18px 15px 10px;
}
.mobile-nav__toggler img{width: 100%;}
.mobile-nav__toggler div
{
    background: url(/mobile/ctmon09/images/list.png) no-repeat center;
    width: 22px;
    height: 22px;
    background-size: 22px;
   }



/*鑱旂郴鎴戜滑*/
.ct-div1{}
.ct-div1 .p1{
    font-size: 14px;
    color: #666;
    line-height: 32px;
}
.ct-div1 .p1 i{
    color: #fcad30;
    /* border: 1px solid #fcad30; */
    /* padding: 2px; */
    /* border-radius: 10px; */
    margin-right: 5px;
}
.ct-div1 .p2{
    margin-left: 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    /* border-left: 1px solid #fcae34; */
    /* padding-left: 10px; */
}
.ct-div1 .p1 a{
    color: #fcad30;
    font-weight: bold;
    font-size: 16px;
    text-decoration: blink;
}
.ct-div1 .p2 a{
    color: #fcad30;
    font-weight: bold;
    font-size: 16px;
    text-decoration: blink;
    margin-right: 20px;
}
.ct-div2{
    margin: 40px 0px;
}
.ct-div2 .ct-div2-div{
    width: 90%;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
    padding: 15px;
    margin: auto;
    margin-bottom: 20px;
}
.ct-div2 h3{
   
text-align: center;
   
color: #333333;
   
font-size: 18px;
   
line-height: 1.8em;
   
font-weight: 100;
   
margin-bottom: 30px;
}
.ct-div2-div h4{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 0px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: 100;
}
.ct-div2-div p{
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.ct-div3{}
.ct-div4-div{
    text-align: center;
    margin-bottom: 10px;
}
.ct-div4-div img{}
.ct-div4-div p{
    color: #666;
    font-size: 14px;
    line-height: 24px;
}