@media screen and (max-width: 767px) {
html {
font-size: 16px !important;
}
body {
font-size: 1rem !important;
}
.content {
padding: 0 20px;
}
.swiper_content {
padding: 10px 20px;
}
.only_mobile {
display: block;
}
body.fixed {
padding-right: 0;
}
.gap {
gap: 1rem;
}
br {
display: none;
}
.impact {
font-family: 'oswald', sans-serif;
font-weight: 700;
}
.head .subtitle {
font-size: 14px;
line-height: 1.5;
margin-bottom: 8px;
}
div.head h1,
div.head .h1 {
font-size: 25px;
line-height: 1.5;
font-weight: 700;
font-family: 'oswald', sans-serif;
}
div.head h2,
div.head .h2 {
font-size: 22px;
line-height: 1.5;
font-weight: 700;
font-family: 'oswald', sans-serif;
letter-spacing: unset;
}
.head h1, .head .h1, .head h2, .head .h2, .head h3, .head h4, .impact {
letter-spacing: 0 !important;
}
.head h2.trinket::after,
.head .h2.trinket::after {
width: 24px;
height: 24px;
margin-left: 8px;
margin-bottom: 2px !important;
}
.head .desc {
font-size: 0.9rem;
line-height: 1.5rem;
margin-top: 10px;
}
.video_pop .pop_content {
height: auto;
width: 90vw;
}
header.sticky .btns .btn_menu,
header.black .btns .btn_menu {
filter: contrast(0) brightness(2);
}
header .content {
width: 100%;
}
header .left {
min-width: unset;
}
header .left .logo {
height: 35px;
width: fit-content;
top: -0.5rem;
}
header nav {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100vw;
height: 100vh;
pointer-events: none;
}
header.active {
pointer-events: all;
}
header.active nav {
pointer-events: all;
}
header.active .close {
opacity: 1;
}
header.active nav .con {
opacity: 1;
transform: translate(0);
pointer-events: all;
}
header .close {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.3s;
opacity: 0;
}
header nav .con {
position: absolute;
left: 0;
top: 0;
width: min(300px, 80vw);
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
box-shadow: rgba(0 0 0/10%) 0 0 24px;
transition: all 0.3s;
opacity: 0;
transform: translateX(-100%);
}
header nav .con .close_box {
padding: 2rem 1.2rem 1.2rem;
border-bottom: 1px solid #eee;
text-align: right;
}
header nav .con .close_box .close {
display: inline-block;
width: 18px;
height: 15px;
filter: brightness(0);
background: url('../img/mobile-menu/close.svg') no-repeat center / contain;
cursor: pointer;
transition: all 0.3s;
}
header nav .con .close_box .close:hover {
transform: rotate(180deg);
}
header nav .con .close_box + div {
flex: 1;
overflow: auto;
}
header nav .con .close_box + div::-webkit-scrollbar {
width: 5px;
height: 5px;
}
header nav .con .close_box + div::-webkit-scrollbar-thumb {
background: #888888;
border-radius: 100px;
}
header nav .con .menu {
display: block;
}
header nav .con .menu > li {
cursor: pointer;
padding: 0;
}
header nav .con .menu > li::before {
display: none;
}
header nav .con .menu > li > a {
font-size: 18px;
color: var(--title_color);
line-height: 1.5;
padding: 18px 0 18px 2rem;
}
header nav .con .menu > li > a:hover {
color: var(--theme_color);
}
header nav .con .menu > li > a::after {
display: none;
}
header nav .con .menu > li.menu-item-has-children > a {
margin-right: 52px;
}
header nav .con .menu > li.menu-item-has-children::after {
content: '';
display: block;
width: 12px;
height: 12px;
background: url(../img/mobile-menu/select.svg) no-repeat center / contain;
position: absolute;
left: calc(100% - 2rem);
top: 26px;
transition: all 0.3s;
}
header nav .con .menu > li.active::after {
transform: rotate(180deg);
}
header nav .con .menu .current-menu-item > a,
header nav .con .menu .current-menu-parent > a {
color: var(--theme_color);
}
header nav .con .sub-menu {
position: static;
padding: 1rem 1.5rem;
background: #f8f8f8;
margin: 0 2rem;
box-shadow: none;
border-radius: 8px;
display: none;
opacity: 1;
pointer-events: all;
transition: none;
transform: translate(0);
min-width: unset;
}
header nav .con .sub-menu li {
transform: translate(0);
}
header nav .con .sub-menu li a {
padding: 0.5rem 0;
word-break: break-word;
font-size: 14px;
color: var(--title_color);
}
header nav .con .sub-menu li a:hover {
color: var(--theme_color);
}
header .btns {
padding: 20px 0;
gap: 1.4rem;
min-height: unset;
}
header .btns .btn_menu {
display: block;
width: 23px;
height: 23px;
filter: contrast(0) brightness(2);
background: url(../img/mobile-menu/nav-btn.svg) no-repeat center / contain;
cursor: pointer;
order: 3;
transition: all 0.3s;
}
header .btns .search form {
position: absolute;
top: 110%;
left: 50%;
transition: all 0.3s;
opacity: 0;
width: calc(100% - 40px);
pointer-events: none;
transform: translate(-50%, -100%);
}
header .btns .search form.active {
opacity: 1;
pointer-events: all;
transform: translateX(-50%);
}
header .btns .search form input {
font-size: 15px;
}
header .btns .search form input[type='submit'] {
width: 42px;
height: 42px;
background-size: 20px;
}
header .btns .search .search_btn {
display: block;
width: 21px;
height: 21px;
cursor: pointer;
background: url(../img/search.svg) no-repeat center / contain;
}
header .btns .gtranslate_wrapper a {
gap: 0.5rem;
}
header .btns .gtranslate_wrapper a img {
width: 22px;
height: 22px;
}
header .btns .gtranslate_wrapper a span {
font-size: 16px;
}
.side-social {
right: 1rem;
top: 72%;
}
.side-social a {
width: 42px;
height: 42px;
}
.side-social li {
margin-bottom: 1rem;
}
.backtop {
right: 1rem;
bottom: 1.5rem;
width: 42px;
height: 42px;
background-size: 11px;
}
.btn,
.btn_m {
font-size: 14px;
padding: 0.68rem 1rem;
line-height: 1.5;
gap: 0.8rem;
}
.btn::after,
.btn_m::after {
width: 12px;
height: 12px;
}
.more_btn {
font-size: 15px;
gap: 0.5rem;
}
.more_btn::after {
width: 12px;
height: 12px;
}
.swiper_btns {
gap: 1.25rem;
}
.swiper_btns div {
width: 15px;
height: 20px;
}
.home_banner {
margin-top: -64px;
}
.home_banner .swiper-slide {
padding: 7rem 0 4rem;
position: relative;
}
.home_banner .swiper-slide::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.25);
}
.home_banner .flex {
min-height: unset;
}
.home_banner .head {
display: flex;
flex-direction: column;
align-items: start;
padding-bottom: 2rem;
}
.home_banner .head h1,
.home_banner .head .h1 {
font-size: 25px;
line-height: 1.5;
}
.home_banner .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.home_banner .head .btn {
order: 3;
margin-top: 2rem;
}
.home_banner .end {
bottom: 1.6rem;
width: 100%;
padding: 0 20px;
}
.home_banner .end .swiper-pagination {
gap: 0.5rem;
}
.home_banner .end .swiper-pagination span {
width: 10px;
height: 10px;
}
.home_lighting .swiper-slide .flex {
padding: 4rem 0 7rem;
min-height: unset;
}
.home_lighting .swiper-slide .bigtext {
font-size: 35px;
line-height: 1;
bottom: 5px;
}
.home_lighting .swiper-slide .head {
padding-bottom: 0;
}
.home_lighting .swiper-slide .head h2,
.home_lighting .swiper-slide .head .h2 {
font-size: 22px;
line-height: 1.5;
margin-top: 1.6rem;
}
.home_lighting .lighting_nav_box {
position: static;
}
.home_lighting .lighting_nav_box .nav_list {
display: flex;
overflow: auto;
gap: 0;
}
.home_lighting .lighting_nav_box .nav_list::-webkit-scrollbar {
display: none;
}
.home_lighting .lighting_nav_box .nav_item {
width: fit-content;
text-wrap: nowrap;
padding: 0.7rem 1rem;
min-width: fit-content;
margin-bottom: 0;
}
.home_lighting .lighting_nav_box .nav_item.active {
width: fit-content;
}
.home_lighting .lighting_nav_box .nav_item .num {
font-size: 15px;
}
.home_lighting .lighting_nav_box .nav_item p {
font-size: 15px;
line-height: 1.5;
margin-top: 5px;
}
.home_popular {
padding: 4rem 0;
}
.home_popular .flex {
flex-direction: column-reverse;
gap: 2rem;
}
.home_popular .left {
width: 100%;
}
.home_popular .home_popular_img_swiper a .text {
padding-bottom: 2rem;
}
.home_popular .home_popular_img_swiper a .text strong {
font-size: 23px;
line-height: 1.5;
font-weight: 700;
}
.home_popular .home_popular_img_swiper a .text .btn {
margin-top: 2rem;
}
.home_popular .home_popular_img_swiper a .img::after {
height: 100%;
}
.home_popular .right {
margin: 0;
width: 100%;
}
.home_popular .right .head {
padding: 0;
}
.home_popular .right .head .more_btn {
margin-top: 1.5rem;
}
.home_popular .right .btns {
width: 100%;
max-width: unset;
margin-top: 2rem;
}
.home_popular .right .btns .swiper-pagination {
font-size: 14px;
font-weight: 700;
}
.home_popular .right .btns .swiper-pagination .swiper-pagination-current {
font-size: 23px;
}
.home_popular .home_popular_pd_swiper {
margin-top: 2rem;
}
.home_popular .home_popular_pd_swiper .swiper-slide a {
padding: 1.6rem 1.8rem 2rem;
}
.home_popular .home_popular_pd_swiper .swiper-slide .img {
margin-bottom: 1.6rem;
max-width: 240px;
left: 0;
transform: translate(0);
}
.home_popular .home_popular_pd_swiper .swiper-slide .info strong {
font-size: 22px;
font-weight: 700;
}
.home_popular .home_popular_pd_swiper .swiper-slide .info p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.home_about {
padding: 4rem 0;
min-height: unset;
}
.home_about .head h2 {
font-size: 22px;
line-height: 1.5;
}
.home_about .head h2::before {
width: 80%;
right: 7.3%;
}
.home_about .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 2rem;
}
.home_about .head .btn {
margin-top: 2rem;
}
.home_video {
padding: 4rem 0;
min-height: 230px;
}
.home_video .flex {
min-height: unset;
}
.home_video .video i {
width: 40px;
height: 40px;
bottom: 1rem;
left: 1rem;
}
.home_video .head {
padding: 0;
width: 100%;
}
.home_video .head h2 {
line-height: 1.5;
max-width: unset;
width: 100%;
}
.home_video .head h2::before {
width: 50px;
height: 50px;
left: -1.4rem;
top: -1rem;
}
.home_video .head .btn {
margin-top: 2rem;
}
.home_explore {
padding: 4rem 0;
}
.home_explore .head {
flex-wrap: wrap;
}
.home_explore .btn {
margin-left: auto;
}
.home_explore .home_explore_swiper {
margin-top: 2rem;
}
.home_explore .btns {
margin-top: 2rem;
gap: 2rem;
}
.explore_list .explore_item .date {
font-size: 13px;
gap: 1rem;
padding: 1.25rem 0 0.8rem;
}
.explore_list .explore_item .date strong {
font-size: 14px;
}
.explore_list .explore_item .date strong::before {
width: 14px;
height: 14px;
margin-right: 5px;
}
.explore_list .explore_item p {
font-size: 16px;
line-height: 1.5;
margin-top: 0.6rem;
}
.home_headlamp {
padding: 4rem 0;
}
.home_headlamp .flex {
min-height: unset;
}
.home_headlamp .head {
padding: 0;
}
.home_headlamp .head h2 {
line-height: 1.5;
}
.home_headlamp .head h2::after {
margin-top: 0.6rem;
height: 4px;
width: 40px;
}
.home_headlamp .head strong {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
}
.home_headlamp .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.home_headlamp .head .btn {
margin-top: 2rem;
}
.home_headlamp .title {
font-size: 36px;
line-height: 1;
bottom: -2px;
font-weight: 700;
}
.home_advantage .advantage_list {
grid-template-columns: 1fr;
gap: 0;
}
.home_advantage .advantage_item a {
padding: 2rem 1.2rem;
}
.home_advantage .advantage_item a strong {
font-size: 22px;
line-height: 1.5;
font-weight: 700;
}
.home_advantage .advantage_item a strong::after {
margin-top: 0.6rem;
width: 40px;
height: 4px;
}
.home_advantage .advantage_item a .end {
flex-direction: column;
flex-wrap: wrap;
gap: 1.25rem;
align-items: start;
}
.home_advantage .advantage_item a p {
font-size: 14px;
line-height: 1.5;
}
.footer_contact {
padding: 3rem 0 15rem;
margin: 0;
margin-bottom: -12rem;
}
.footer_contact .form {
margin-top: 2rem;
}
.footer_contact .form form {
gap: 8px;
}
.footer_contact .form form input {
width: 100%;
font-size: 14px;
padding: 0.7rem;
}
.footer_contact .form form .btn {
gap: 8px;
font-size: 12px;
white-space: nowrap;
}
footer {
margin-top: 0;
padding: 11rem 0 0;
}
footer .footer_main .logo {
margin: 0 auto;
}
footer .footer_main .social {
margin-top: 0;
margin-top: 3rem;
padding: 0;
}
footer .footer_main .social li {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
}
footer .footer_main .social a {
width: 22px;
height: 22px;
position: relative;
}
footer .footer_main .social a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
footer .footer_main .silde_obj {
flex: unset;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
footer .footer_main .silde_obj:not(.silde_contact) > div {
display: none;
padding: 0 1rem;
}
footer .footer_main .silde_obj:not(.silde_contact) > div ul {
padding: 1rem 0 0.5rem;
}
footer .footer_main .silde_obj:not(.silde_contact) > div ul li {
max-width: unset;
margin-bottom: 0.5rem;
}
footer .footer_main .silde_obj:not(.silde_contact) > div ul li a {
display: block;
font-size: 14px;
line-height: 1.5rem;
width: 100%;
}
footer .footer_main .silde_obj.active strong::after {
transform: rotate(180deg);
}
footer .footer_main .silde_obj:not(.silde_contact) strong {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
padding: 0.75rem 1rem;
border-radius: 5px;
font-size: 15px;
margin-bottom: 0;
line-height: 1.2;
}
footer .footer_main .silde_obj:not(.silde_contact) strong::after {
content: "";
display: block;
width: 15px;
height: 14px;
background: url("../img/xiajiantoucu.svg") no-repeat;
background-position: center;
background-size: contain;
transition: 0.3s;
}
footer .footer_main .silde_obj p {
font-size: 14px;
line-height: 1.5;
margin-top: 1rem;
font-weight: 400;
}
footer .footer_main .silde_obj form {
margin-top: 1.6rem;
}
footer .footer_main .silde_obj form input[type="email"] {
font-size: 14px;
padding: 0.7rem 1rem;
}
footer .footer_main .silde_obj form input[type="submit"] {
width: 42px;
height: 42px;
}
footer .footer_main .silde_contact {
max-width: unset;
margin-top: 0.5rem;
padding-left: 1rem;
}
footer .footer_main .silde_contact strong {
font-size: 16px;
margin-bottom: 1rem;
pointer-events: none;
}
footer .footer_main .silde_contact .phone {
margin-top: 1rem;
margin-bottom: 1rem;
gap: 0.8rem;
}
footer .footer_main .silde_contact .email {
gap: 0.8rem;
margin-bottom: 1rem;
}
footer .footer_main .silde_contact .address {
gap: 0.8rem;
}
footer .footer_main .silde_contact .address span {
font-size: 16px;
}
footer .footer_main .silde_contact i {
margin-top: 2px;
width: 16px;
height: 16px;
}
footer .footer_main .silde_contact a {
font-size: 15px;
line-height: 1.5;
}
footer .footer_main .silde_contact p {
margin-top: 0;
font-size: 13px;
}
footer .footer_main .gap {
gap: 1rem;
}
footer .copyright {
margin-top: 4rem;
padding: 1.2rem 0;
}
footer .copyright .logo img {
width: 120px;
}
footer .copyright .flex {
padding: 0;
gap: 1.2rem;
justify-content: center;
flex-direction: column-reverse;
}
footer .copyright .flex {
margin-top: 0.8rem;
padding-top: 1rem;
}
footer .copyright ul {
flex-wrap: wrap;
}
footer .copyright p {
font-size: 13px;
line-height: 1.5;
text-align: center;
}
footer .copyright a {
font-size: 13px;
}
.section_banner {
padding: 7rem 0 0;
margin-top: -64px;
}
.section_banner::after {
height: 150px;
}
.section_banner .flex {
min-height: unset;
}
.section_banner .head h1 {
font-size: 25px;
line-height: 1.5;
font-weight: 400;
}
.section_banner .head p {
font-size: 14px;
line-height: 1.5;
letter-spacing: unset;
margin-top: 0.5rem;
}
.section_banner .banner_nav {
margin-top: 1.6rem;
gap: 1rem;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
overflow: auto;
}
.section_banner .banner_nav::-webkit-scrollbar {
display: none;
}
.section_banner .banner_nav .nav_item {
font-size: 15px;
padding: 1rem 0 0;
text-wrap: nowrap;
}
.section_banner .banner_nav .nav_item::after {
height: 4px;
margin-top: 0.7rem;
}
.about_desc {
padding: 4rem 0 3rem;
}
.about_desc .flex {
flex-direction: column;
gap: 2rem;
width: 100%;
}
.about_desc .left {
width: 100%;
margin: 0 auto;
}
.about_desc .head {
max-width: unset;
text-align: center;
margin-top: 1rem;
padding: 0;
}
.about_desc .head h2 {
font-size: 22px;
line-height: 1.5;
text-align: center;
margin: 0 auto;
}
.about_desc .head h2::before {
width: 100px;
right: 5.6%;
}
.about_desc .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 1rem;
}
.about_desc .right {
width: 100%;
}
.about_desc .right .img {
width: 39%;
}
.about_desc .next {
width: 20px;
height: 30px;
bottom: -1rem;
}
.culture_mission {
padding: 4rem 0;
}
.culture_mission .head {
flex-direction: column;
gap: 0.5rem;
}
.culture_mission .head h2 {
font-size: 22px;
line-height: 1.5;
}
.culture_mission .head p {
font-size: 14px;
margin-top: 0;
line-height: 1.5;
}
.culture_mission .flex {
margin: 0;
flex-direction: column-reverse;
margin-top: 2rem;
gap: 1.2rem;
}
.culture_mission .left > div {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.culture_mission .left {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.culture_mission .left strong {
font-size: 18px;
line-height: 1.5;
margin: 0;
display: flex;
align-items: center;
gap: 0;
font-weight: 700;
text-wrap: nowrap;
transition: all 0.3s;
}
.culture_mission .left strong.active {
gap: 5px;
}
.culture_mission .left strong.active::before {
width: 20px;
}
.culture_mission .left strong::before {
left: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
position: static;
width: 0;
transition: all 0.3s;
overflow: hidden;
}
.culture_mission .imgs {
width: 100%;
}
.about_history {
padding: 4rem 0 3.5rem;
}
.about_history .about_history_swiper {
margin-top: 2rem;
}
.about_history .about_history_swiper .swiper-slide {
flex-direction: column;
gap: 2rem;
}
.about_history .about_history_swiper .img {
width: 100%;
}
.about_history .about_history_swiper .year {
font-size: 16px;
gap: 1rem;
font-weight: 700;
}
.about_history .about_history_swiper .year::before {
width: 8px;
height: 8px;
}
.about_history .about_history_swiper strong {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
}
.about_history .about_history_swiper p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.about_history .about_history_swiper .right {
padding: 0;
}
.about_history .swiper_box {
margin-top: 3rem;
width: 100%;
gap: 1.6rem;
}
.about_history .swiper_box p {
gap: 8px;
font-size: 13px;
align-items: center;
}
.about_history .swiper_box p::before {
width: 15px;
height: 18px;
}
.about_history .swiper_box .swiper-pagination {
width: unset;
flex: 1;
}
.about_global {
padding: 4rem 0;
}
.about_global .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
section.about_global .map {
width: 100vw;
margin: 2rem 0 0;
}
.about_global .nums {
margin: 0;
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
text-align: center;
}
.about_global .nums .num_item {
margin-bottom: 0;
}
.about_global .nums .num,
.about_global .nums span {
font-size: 25px;
line-height: 1;
}
.about_global .nums i {
font-size: 25px;
margin-left: 2px;
line-height: 1;
}
.about_global .nums p {
font-size: 14px;
}
.about_global .text {
font-size: 36px;
bottom: -2px;
}
.about_honnor {
padding: 4rem 0;
}
.about_honnor::after,
.about_honnor::before {
width: 60px;
}
.about_honnor .head {
position: relative;
z-index: 2;
}
.about_honnor .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.about_honnor .about_honnor_swiper {
margin-top: 3rem;
width: 100%;
}
.about_honnor .about_honnor_swiper .img {
height: 50px;
}
.about_honnor p.center:has(.btn) {
margin-top: 3rem;
min-height: 42px;
}
.product_banner {
padding: 7rem 0 2rem;
margin-top: -64px;
position: relative;
}
.product_banner::before {
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.2);
}
.product_banner .flex {
flex-direction: column;
gap: 2rem;
min-height: unset;
}
.product_banner .head h1 {
font-size: 25px;
line-height: 1.5;
}
.product_banner .head p {
font-size: 14px;
line-height: 1.5;
letter-spacing: unset;
margin-top: 0.5rem;
}
.product_banner .product_nav {
display: flex;
flex-wrap: wrap;
gap: 1.3rem 1.2rem;
padding: 0;
}
.product_banner .product_nav .nav_item {
font-size: 18px;
gap: 0;
font-weight: 700;
}
.product_banner .product_nav .nav_item.active {
gap: 0.6rem;
}
.product_banner .product_nav .nav_item.active::before {
width: 22px;
}
.product_banner .product_nav .nav_item::before {
width: 0;
height: 22px;
}
.activities_main {
padding: 4rem 0 5rem;
}
.activities_main .activities_nav {
margin-top: 20px;
gap: 20px;
}
.activities_main .activities_nav .nav_list {
gap: 1rem;
flex-wrap: nowrap;
overflow: auto;
min-width: 100vw;
max-width: unset;
margin-left: -20px;
padding: 0 20px;
}
.activities_main .activities_nav .nav_list::-webkit-scrollbar {
display: none;
}
.activities_main .activities_nav .nav_list .nav_item {
font-size: 15px;
padding: 0.7rem 1rem;
min-width: fit-content;
text-wrap: nowrap;
}
.activities_main .search_box {
width: 100%;
}
.activities_main .search_box form {
width: 100%;
}
.activities_main .search_box form input {
font-size: 15px;
line-height: 1.5;
padding-left: 1rem;
}
.activities_main .search_box form input[type="submit"] {
width: 45px;
height: 45px;
background-size: 40%;
}
.activities_main .blogitem {
margin-top: 2rem;
flex-direction: column-reverse;
gap: 1.5rem;
}
.activities_main .blogitem .right {
width: 100%;
}
.activities_main .blogitem .date {
font-size: 14px;
padding-bottom: 58x;
}
.activities_main .blogitem .date strong {
font-size: 15px;
}
.activities_main .blogitem .date strong::before {
width: 12px;
height: 18px;
}
.activities_main .blogitem .left .con {
padding-bottom: 0;
}
.activities_main .blogitem .left h3 {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
}
.activities_main .blogitem .left p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.activities_main .blogitem .left .btn_m {
margin-top: 2rem;
}
.activities_main .list {
margin-top: 3rem;
}
.activities_main .list .explore_list {
grid-template-columns: 1fr;
gap: 2.3rem;
}
.activities_main .list p.center:has(.btn) {
margin-top: 3rem;
min-height: 42px;
}
.application_outdoor {
padding: 4rem 0;
}
.application_outdoor .topimg {
margin-top: 2rem;
padding: 2rem 1.2rem;
height: unset;
min-height: 260px;
}
.application_outdoor .topimg .info h3 {
font-size: 20px;
line-height: 1.5;
font-weight: 700;
}
.application_outdoor .topimg .info p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.application_outdoor .list {
gap: 1rem;
grid-template-columns: 1fr;
}
.application_outdoor .list .outdoor_item {
min-height: 260px;
}
.application_outdoor .list .outdoor_item .img::after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.2);
}
.application_outdoor .list .outdoor_item .info {
padding: 2rem 1.2rem;
transform: unset;
}
.application_outdoor .list .outdoor_item .info strong {
font-size: 20px;
line-height: 1.5;
}
.application_outdoor .list .outdoor_item .info p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
opacity: 1;
}
.application_flash {
padding: 4rem 0;
position: relative;
}
.application_flash::before {
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.3);
}
.application_flash .flex {
min-height: unset;
}
.application_flash .head {
padding-bottom: 1.2rem;
}
.application_flash .head h2 {
padding-bottom: 0.6rem;
}
.application_flash .head h2::before {
height: 4px;
}
.application_flash .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.8rem;
}
.application_flash .title {
font-size: 36px;
line-height: 1;
bottom: -2px;
}
.application_prod {
padding: 4rem 0;
}
.application_prod .list .product_list {
grid-template-columns: 1fr;
gap: 2rem;
}
.product_list .product_item a {
padding: 1.8rem 1.2rem;
}
.product_list .product_item a:hover .bgimg {
border-top-right-radius: 80px;
}
.product_list .product_item a::after {
width: 25px;
height: 25px;
}
.product_list .product_item a .img {
max-width: 230px;
left: 50%;
transform: translateX(-50%);
}
.product_list .product_item a .info strong {
font-size: 18px;
line-height: 1.5;
font-family: "Oswald", sans-serif;
font-weight: 700;
}
.product_list .product_item a .info p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.product_list .product_item.active a .bgimg {
border-top-right-radius: 80px;
}
.application_what {
padding: 4rem 0 5rem;
}
.application_what .application_what_swiper {
margin-top: 2rem;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
}
.application_what .application_what_swiper .swiper-slide {
flex-direction: column;
gap: 1.6rem;
}
.application_what .application_what_swiper .bigimg {
width: 100%;
}
.application_what .application_what_swiper .right {
max-width: unset;
}
.application_what .application_what_swiper .right i {
width: 45px;
height: 45px;
}
.application_what .application_what_swiper .right h3 {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
font-weight: 600;
}
.application_what .application_what_swiper .right strong {
font-size: 16px;
margin-top: 1.6rem;
line-height: 1.5;
}
.application_what .application_what_swiper .right p {
font-size: 14px;
line-height: 1.5;
}
.application_what .application_what_swiper .right .pd {
padding: 1.2rem 1.2rem 2rem;
grid-template-columns: 1fr;
margin-top: 1.2rem;
}
.application_what .application_what_swiper .right .pd .img {
width: 80%;
margin: 0 auto;
}
.application_what .application_what_swiper .right .pd p {
font-size: 14px;
line-height: 1.5;
margin-top: 0;
}
.application_what .btns {
margin-top: 2.2rem;
}
.application_what .swiper-pagination {
gap: 0.5rem;
}
.application_what .swiper-pagination span {
width: 10px;
height: 10px;
}
.category_banner {
padding: 7rem 0 3rem;
margin-top: -64px;
position: relative;
}
.category_banner::before {
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.3);
}
.category_banner .flex {
min-height: unset;
}
.category_banner .head {
padding: 0;
}
.category_banner .head h1 {
font-size: 25px;
line-height: 1.5;
font-weight: 700;
}
.category_banner .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.category_nav {
padding: 2rem 0;
}
.category_nav .nav_list {
gap: 1.25rem;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
overflow: auto;
display: flex;
flex-wrap: nowrap;
}
.category_nav .nav_list::-webkit-scrollbar {
display: none;
}
.category_nav .nav_list .nav_item {
min-width: 120px;
}
.category_nav .nav_list .nav_item p {
font-size: 15px;
margin-top: 0.8rem;
}
.category_nav .nav_list .nav_item p::after {
margin-top: 5px;
}
.category_main {
padding: 2rem 0 5rem;
}
.category_main .flex {
flex-direction: column;
}
.category_main .left {
min-width: unset;
width: 100%;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 1rem;
}
.category_main form input[type="submit"] {
width: 45px;
height: 45px;
background-size: 20px;
}
.category_main form input[type="text"] {
font-size: 15px;
padding: 0.7rem 1rem;
padding-right: 5px;
}
.category_main .btn_menu_p {
display: block;
width: 22px;
aspect-ratio: 1;
cursor: pointer;
background: url(../img/mobile-menu/nav-btn-p.svg) no-repeat center / contain;
}
.category_main .products_sidebar {
margin: 0;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999;
display: flex;
justify-content: flex-end;
pointer-events: none;
}
.category_main .products_sidebar.active {
pointer-events: all;
}
.category_main .products_sidebar.active > .close {
opacity: 1;
}
.category_main .products_sidebar.active .con {
opacity: 1;
transform: translate(0);
}
.category_main .products_sidebar > .close {
position: absolute;
inset: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.3s;
opacity: 0;
}
.category_main .products_sidebar .con {
width: 80vw;
height: 100%;
max-width: 300px;
background-color: #fff;
padding: 2rem 20px;
overflow: auto;
transition: all 0.4s;
opacity: 0;
transform: translateX(100%);
}
.category_main .products_sidebar .title {
font-size: 18px;
gap: 1rem;
padding: 1rem 0;
}
.category_main .products_sidebar .title::after {
width: 12px;
}
.category_main .products_sidebar .terms {
padding: 20px 0 2rem;
}
.category_main .products_sidebar .terms li {
margin-bottom: 12px;
}
.category_main .products_sidebar .terms .term {
font-size: 14px;
line-height: 1.5;
padding-left: 2rem;
}
.category_main .products_sidebar .terms .term::before {
width: 20px;
}
.category_main .products_sidebar .range {
padding: 20px 8px 1rem;
}
.category_main .products_sidebar .range .btc {
font-size: 1rem;
margin-top: 20px;
}
.category_main .products_sidebar .range .inputs {
margin-top: 1rem;
gap: 2rem;
}
.category_main .products_sidebar .range .inputs input {
padding: 0.7rem;
font-size: 15px;
}
.category_main .products_sidebar .rechargeable .radio_box {
margin: 1rem 0;
padding: 5px;
}
.category_main .products_sidebar .rechargeable .radio_box > div {
font-size: 14px;
padding: 0.7rem 1rem;
}
.category_main .products_sidebar .line ul {
margin-top: 1rem;
gap: 0.8rem 1rem;
}
.category_main .products_sidebar .line .term {
font-size: 14px;
line-height: 1.5;
padding-left: 2rem;
}
.category_main .products_sidebar .line .term::before {
width: 20px;
height: 20px;
}
.category_main .top {
min-height: unset;
padding: 12px 0;
flex-direction: row;
}
.category_main .top .qty {
font-size: 14px;
line-height: 1.5;
}
.category_main .top .sort .label {
font-size: 14px;
line-height: 1.5;
}
.category_main .top .sort select {
font-size: 14px;
padding: 0 1rem 0 8px;
background-size: 8px;
line-height: 1.5;
}
.category_main .breadcrumbs {
margin-top: 20px;
gap: 12px;
}
.category_main .breadcrumbs .clear,
.category_main .breadcrumbs p {
font-size: 13px;
padding: 8px 1rem;
line-height: 1rem;
border-radius: 6px;
}
.category_main .breadcrumbs p i {
width: 1rem;
}
.category_main .breadcrumbs p i::after {
width: 8px;
}
.category_main .list {
margin-top: 2rem;
}
.category_main .list .product_list {
grid-template-columns: 1fr;
gap: 2rem;
}
.category_main p.center:has(.btn) {
min-height: 42px;
margin-top: 3rem;
}
.culture_vision {
padding: 3rem 0 2rem;
}
section.culture_vision .flex {
flex-direction: column-reverse;
gap: 2rem;
}
.culture_vision .left {
width: 100%;
}
.culture_vision .right {
width: 100%;
display: flex;
flex-direction: column;
}
.culture_vision .head {
padding: 0;
}
.culture_vision .head h2 {
font-size: 22px;
line-height: 1.5;
}
.culture_vision .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.culture_vision .bigtext {
font-size: 23px;
font-weight: 700;
position: static;
order: -1;
margin-bottom: 1rem;
}
.culture_vision .hollowtext {
position: static;
font-size: 32px;
margin-left: auto;
margin-top: 1.5rem;
font-weight: 700;
-webkit-text-stroke: 1px var(--theme_color);
}
.culture_values,
.support2_still {
padding: 3rem 0 5rem;
}
.culture_values .head h2,
.support2_still .head h2 {
font-size: 22px;
line-height: 1.5;
}
.culture_values .list,
.support2_still .list {
margin-top: 2rem;
padding-top: 0;
}
.culture_values .list i,
.support2_still .list i {
position: static;
transform: unset;
width: 45px;
height: 45px;
background-size: 170%;
margin: 0 auto;
opacity: 1;
transform: scale(1);
grid-area: span 2;
}
.culture_values .list ul,
.support2_still .list ul {
margin-top: 0.8rem;
}
.culture_values .list li,
.support2_still .list li {
display: grid;
gap: 5px;
padding: 0.8rem 0;
}
.culture_values .list li:hover i,
.support2_still .list li:hover i {
transform: unset;
}
.culture_values .list li:has(i),
.support2_still .list li:has(i) {
gap: 5px 1rem;
grid-template-columns: auto 1fr;
}
.culture_values .list li strong,
.support2_still .list li strong {
font-size: 18px;
line-height: 1.5;
gap: 1rem;
font-weight: 700;
font-family: "Oswald", sans-serif;
}
.culture_values .list li strong::before,
.support2_still .list li strong::before {
width: 10px;
height: 10px;
}
.culture_values .list li p,
.support2_still .list li p {
font-size: 14px;
line-height: 1.5;
}
.support2_still .head h2 {
font-size: 20px;
}
.support2_still .list {
padding-top: 0;
}
.support2_still .list li {
align-items: start;
margin-bottom: 1rem;
}
.support2_still .list li:last-child {
margin-bottom: 0;
}
.support2_still .list i {
background-size: 30%;
order: -1;
margin-right: auto;
margin-left: 0;
margin-bottom: 1rem;
width: 45px;
height: 45px;
}
.honor_main {
padding: 4rem 0 2.5rem;
}
.honor_main .list {
margin-top: 2rem;
column-count: 2;
gap: 1.25rem;
}
.honor_main .list strong {
font-size: 18px;
font-family: "Oswald", sans-serif;
font-weight: 700;
margin-top: 1.2rem;
}
.honor_main .list p {
font-size: 14px;
line-height: 1.5;
}
.honor_main .list .img {
box-shadow: 0 0.7rem 12px rgba(109, 109, 109, 0.35);
}
.honor_main .list .honor_item {
margin-bottom: 2rem;
}
.honor_main .list .honor_item:last-child {
margin-bottom: 0;
}
.learning_main {
padding: 4rem 0 3rem;
}
.learning_main .activities_nav {
margin-top: 20px;
gap: 1.25rem;
}
.learning_main .activities_nav .nav_item {
font-size: 15px;
padding: 0.7rem 1rem;
}
.learning_main .search_box {
width: 100%;
}
.learning_main .search_box form {
width: 100%;
}
.learning_main .search_box form input[type="text"] {
font-size: 15px;
padding-left: 1rem;
width: 100%;
}
.learning_main .search_box form input[type="submit"] {
width: 45px;
height: 45px;
background-size: 20px;
}
.learning_main .list {
margin-top: 2.5rem;
}
.learning_main .list .explore_list {
grid-template-columns: 1fr;
gap: 2rem;
}
.learning_latest {
padding: 3rem 0;
}
.learning_latest .list {
margin-top: 2rem;
}
.learning_latest .list .explore_list {
grid-template-columns: 1fr;
gap: 2rem;
}
.learning_latest p.center:has(.btn) {
min-height: 42px;
margin-top: 3rem;
}
.seciton_faq {
padding: 3rem 0 5rem;
}
.seciton_faq .flex {
flex-direction: column;
gap: 2rem;
}
.seciton_faq .left {
width: 100%;
}
.seciton_faq .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.seciton_faq .head .btn {
margin-top: 2rem;
}
.seciton_faq .right {
padding: 0;
}
.seciton_faq .right .question {
font-size: 16px;
line-height: 1.5;
gap: 1rem;
padding: 0.8rem 0;
}
.seciton_faq .right .question::after {
width: 15px;
height: 15px;
}
.seciton_faq .right .answer {
font-size: 14px;
line-height: 1.6;
padding: 0 0 1.25rem;
}
.seciton_faq .right .answer ul {
margin-top: 1rem;
}
.seciton_faq .right .answer ul li {
margin-top: 5px;
}
.seciton_faq + section {
padding-top: 1rem;
}
.post_main {
padding: 0 0 3rem;
margin-top: -64px;
}
.post_main .head {
padding-top: 5.5rem;
padding-bottom: 4rem;
}
.post_main .head:has(.main_img) {
padding-bottom: 0;
}
.post_main .head:has(.main_img)::after {
bottom: 2rem;
}
.post_main .head .date {
font-size: 15px;
}
.post_main .head .date span {
font-size: 15px;
}
.post_main .head h1 {
font-size: 22px;
line-height: 1.5;
margin-top: 0.5rem;
}
.post_main .head .user {
margin-top: 1.2rem;
gap: 2px 1rem;
}
.post_main .head .user .img {
width: 50px;
height: 50px;
}
.post_main .head .user strong {
font-size: 16px;
line-height: 1.4;
}
.post_main .head .user p {
font-size: 13px;
}
.post_main .head .main_img {
margin-top: 2rem;
}
.post_main .post_detail {
padding-top: 1.5rem;
padding-bottom: 2rem;
}
.post_main .post_detail p {
font-size: 14px;
margin: 1rem 0;
line-height: 1.5;
}
.post_main .post_detail img {
margin: 1rem 0;
}
.wp-block-table {
margin: 1rem 0;
}
.post_main .post_detail .links {
margin-top: 1rem;
}
.post_main .post_detail .links li {
margin-bottom: 0.8rem;
}
.post_main .post_detail .links li a {
font-size: 16px;
line-height: 1.5;
gap: 0.8rem;
margin: 0;
}
.post_main .post_detail .links li a::before {
width: 15px;
height: 14px;
}
.post_main .post_detail .wp-block-quote {
margin: 2rem 0;
width: 100%;
transform: unset;
left: 0;
padding: 1.6rem 1.2rem;
}
.post_main .post_detail .wp-block-quote::after {
width: 40px;
height: 40px;
right: 2rem;
}
.post_main .post_detail .wp-block-quote p {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.post_main .post_detail h2 {
font-size: 20px;
line-height: 1.5;
font-weight: 700;
font-family: "Oswald", sans-serif;
margin-top: 1.6rem;
}
.post_main .post_detail .swiper_box {
margin-top: 2rem;
}
.post_main .post_detail .swiper_box .post_main_swiper {
width: 100%;
}
.post_main .post_detail .swiper_box .post_main_swiper ul {
margin: 0;
}
.post_main .post_detail .swiper_box .btns {
margin-top: 1rem;
}
.post_main .post_detail .swiper_box .swiper-pagination {
font-size: 15px;
font-family: "Oswald", sans-serif;
font-weight: 700;
}
.post_main .post_detail .swiper_box .swiper-pagination .swiper-pagination-current {
font-size: 20px;
}
.post_main .post_detail .swiper_box .swiper_btns div {
width: 15px;
height: 18px;
}
.post_main .post_detail .wp-block-columns {
width: 100%;
gap: 12px;
margin: 2rem 0;
}
.post_main .post_detail .wp-block-columns:has([style="flex-basis:25%"], [style="flex-basis:50%"]) {
grid-template-columns: 1fr;
}
.post_main .post_detail li {
font-size: 14px;
line-height: 1.5;
padding-left: 1.2rem;
}
.post_main .post_detail li::before {
top: 8px;
width: 8px;
height: 8px;
}
.post_main .post_detail ul {
margin: 1rem 0;
}
.post_main .post_detail a {
font-size: 14px;
line-height: 1.5;
}
.post_main .post_detail h3 {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
font-family: "Oswald", sans-serif;
margin-top: 1.6rem;
margin-bottom: 0;
}
.post_main .post_detail h4 {
font-size: 16px;
line-height: 1.5;
font-weight: 700;
font-family: "Oswald", sans-serif;
margin-top: 1.2rem;
margin-bottom: 0;
}
.product_show {
padding: 2rem 0 3rem;
}
.product_show .breadcrumbs {
margin-bottom: 20px;
font-size: 14px;
}
.product_show .flex {
flex-direction: column;
gap: 2rem;
}
.product_show .left {
width: 100%;
}
.product_show .product_show_swiper a .img {
max-width: 260px;
}
.product_show .swiper-bottom {
margin-top: 1rem;
}
.product_show .swiper-bottom .swiper-prev,
.product_show .swiper-bottom .swiper-next {
width: 15px;
height: 18px;
}
.product_show .right {
padding: 0;
}
.product_show .right h1 {
font-size: 25px;
line-height: 1.5;
font-weight: 700;
}
.product_show .right h1::after {
width: 20px;
height: 20px;
margin-bottom: 5px;
margin-left: 1rem;
}
.product_show .right .desc {
font-size: 16px;
line-height: 1.5;
margin-top: 1rem;
}
.product_show .right .desc::after {
margin-top: 0.6rem;
height: 5px;
width: 70px;
}
.product_show .right p {
font-size: 14px;
line-height: 1.5rem;
margin-top: 0.8rem;
}
.product_show .right .param {
margin-top: 1rem;
padding-top: 2rem;
}
.product_show .right .param ul {
gap: 1.5rem 12px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.product_show .right .param i {
width: 30px;
height: 30px;
}
.product_show .right .param strong {
font-size: 16px;
line-height: 1.5;
text-wrap: nowrap;
font-family: "Oswald", sans-serif;
font-weight: 700;
margin-top: 0.8rem;
}
.product_show .right .param span {
font-size: 13px;
margin-top: 5px;
}
.product_show .right .btns {
margin-top: 2rem;
}
.product_show .right .btns .down {
font-size: 15px;
padding: 0.7rem 1rem;
gap: 1rem;
margin-top: 1.2rem;
}
.product_show .right .btns .down::after {
width: 15px;
height: 15px;
}
.product_show .attrs {
font-size: 13px;
margin-top: 2rem;
padding-top: 2rem;
}
.product_show .attrs p {
margin: 0;
font-size: 13px;
}
.product_nav {
padding: 1rem 0;
}
.product_nav ul {
gap: 1rem;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
overflow: auto;
}
.product_nav ul::-webkit-scrollbar {
display: none;
}
.product_nav ul a {
font-size: 15px;
text-wrap: nowrap;
padding-top: 0.5rem;
}
.product_nav ul a::after {
margin-top: 0.5rem;
height: 4px;
transform: skewX(-42deg);
}
.product_features {
padding: 2rem 0 4rem;
}
.product_features .list {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.product_features .list1 {
margin-top: 1.25rem;
grid-template-columns: 1fr;
grid-template-rows: unset;
gap: 1.25rem;
}
.product_features .list1 .features_item {
min-height: 260px;
}
.product_features .list1 .features_item:first-child {
grid-column-start: unset;
grid-row-start: unset;
grid-column-end: unset;
grid-row-end: unset;
}
.product_features .list1 .features_item:first-child strong {
margin-top: unset;
margin-bottom: auto;
}
.product_features .list1 .features_item:first-child strong div {
font-size: 20px;
line-height: 1.5;
}
.product_features .list1 .features_item:first-child strong span {
font-size: 18px;
}
.product_features .list1 .features_item:nth-child(2) {
grid-column-start: unset;
grid-row-start: unset;
grid-column-end: unset;
grid-row-end: unset;
}
.product_features .features_item {
padding: 2.2rem 1.2rem 2rem;
min-height: 260px;
}
.product_features .features_item strong {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
}
.product_specs {
padding: 4rem 0;
}
.product_specs .head {
flex-direction: column;
align-items: start;
width: 100%;
max-width: unset;
}
.product_specs .nav {
gap: 1rem;
}
.product_specs .nav .nav_item {
font-size: 15px;
padding: 0.7rem 1rem;
min-width: unset;
}
.product_specs .table {
margin-top: 2rem;
padding-top: 1rem;
overflow: auto;
width: 100vw;
padding: 1rem 20px 2rem;
margin-left: -20px;
background-color: rgba(18, 18, 18, 0.9);
}
.product_specs .table::-webkit-scrollbar {
display: none;
}
.product_specs .table table td {
min-width: 130px;
font-size: 13px;
line-height: 1.5;
padding: 0.9rem 1rem;
}
.product_specs .table table td:first-child {
font-size: 15px;
line-height: 1.5;
padding: 0.7rem 0;
}
.product_specs .table table tr:first-child td {
font-size: 15px;
line-height: 1.5;
padding: 0.8rem 1rem;
}
.product_specs .table table tr:nth-child(2) td:not(:first-child) {
font-size: 14px;
padding: 0.7rem 1rem;
line-height: 1.5;
}
.product_specs .desc {
margin-top: 2rem;
font-size: .9rem;
line-height: 1.5rem;
}
.product_specs p {
font-size: 14px;
line-height: 1.5;
}
.product_look {
padding: 4rem 0 3rem;
}
.product_look .product_look_swiper {
margin-top: 2rem;
width: calc(100% - 40px);
}
.product_look .product_look_swiper .swiper-slide {
padding: 2rem 0 5rem;
position: relative;
min-height: 320px;
}
.product_look .product_look_swiper .swiper-slide::before {
width: 100%;
height: 100%;
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
}
.product_look .product_look_swiper .swiper-slide .flex {
min-height: unset;
}
.product_look .product_look_swiper .swiper-slide .head {
padding: 0;
}
.product_look .product_look_swiper .swiper-slide .head h3 {
font-size: 20px;
line-height: 1.5;
font-family: "Oswald", sans-serif;
}
.product_look .product_look_swiper .swiper-slide .head h3::after {
margin-top: 0.6rem;
height: 5px;
}
.product_look .product_look_swiper .swiper-slide .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.product_look .product_look_swiper .btns {
bottom: 2rem;
padding: 0 20px;
}
.product_look .product_look_swiper .btns .swiper-pagination {
gap: 0.5rem;
}
.product_look .product_look_swiper .btns .swiper-pagination span {
width: 8px;
height: 8px;
}
.product_downloads {
padding: 3rem 0 0;
}
.product_downloads .con {
margin-top: 1.8rem;
padding-top: 2rem;
padding-left: 0;
padding-bottom: 4rem;
flex-direction: column;
}
.product_downloads .con::after {
left: -20px;
}
.product_downloads .con .img {
width: 65%;
padding: 10px;
box-shadow: 25px 15px 16px rgba(0, 0, 0, 0.16);
}
.product_downloads .con .right {
max-width: unset;
}
.product_downloads .con .right .type {
font-size: 14px;
}
.product_downloads .con .right strong {
font-size: 18px;
line-height: 1.5;
margin-top: 0.5rem;
font-weight: 700;
display: block;
}
.product_downloads .con .right .btn {
padding: 0.7rem 1rem;
margin-top: 2rem;
}
.product_downloads .con .right .btn::after {
width: 16px;
height: 16px;
}
.product_reviews {
padding: 4rem 0 3rem;
}
.product_reviews .list {
margin-top: 2rem;
}
.product_reviews .list .explore_list {
grid-template-columns: 1fr;
gap: 2rem;
}
.product_related {
padding: 3rem 0 5rem;
}
.product_related .product_related_swiper {
margin-top: 2rem;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
}
.product_related p.center:has(.btn) {
margin-top: 3rem;
min-height: 42px;
}
.reviews_main {
padding: 4rem 0 5rem;
}
.reviews_main .head {
flex-direction: column;
align-items: start;
gap: 20px;
margin-bottom: 2rem;
}
.reviews_main .head .reviews_nav {
gap: 1.25rem;
}
.reviews_main .head .reviews_nav .reviews_item {
font-size: 15px;
padding: 0.7rem 1rem;
}
.reviews_main .blogitem {
margin-top: 2rem;
flex-direction: column-reverse;
gap: 1.5rem;
}
.reviews_main .blogitem .right {
width: 100%;
}
.reviews_main .blogitem .date {
font-size: 14px;
padding-bottom: 58x;
}
.reviews_main .blogitem .date strong {
font-size: 15px;
}
.reviews_main .blogitem .date strong::before {
width: 12px;
height: 18px;
}
.reviews_main .blogitem .left .con {
padding-bottom: 0;
}
.reviews_main .blogitem .left h3 {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
}
.reviews_main .blogitem .left p {
font-size: 14px;
line-height: 1.5;
margin-top: 0.5rem;
}
.reviews_main .blogitem .left .btn_m {
margin-top: 2rem;
}
.reviews_main .list {
margin-top: 2rem;
}
.reviews_main .list ul {
grid-template-columns: 1fr;
gap: 2.3rem;
padding-bottom: 0;
}
.reviews_main .list .explore_item:nth-child(even) {
transform: unset;
}
.reviews_main p.center:has(.btn) {
margin-top: 3rem;
min-height: 42px;
}
.buy_store {
padding: 3.5rem 0 3rem;
}
.buy_store .head h2 {
font-size: 22px;
line-height: 1.5;
font-weight: 700;
}
.buy_store .head h2::after {
width: 1rem;
height: 2rem;
margin-left: 0.8rem;
margin-bottom: 0.3rem;
}
.buy_store .flex {
flex-direction: column;
}
.buy_store .store_main {
padding: 2rem 1.2rem 2.5rem;
margin-top: 2rem;
}
.buy_store .store_main::after {
top: 0;
}
.buy_store .store_main .left {
margin-right: 0;
margin-bottom: 1rem;
}
.buy_store .store_main .left .img {
max-width: 100%;
}
.buy_store .store_main .right_list {
width: 100%;
padding-left: 0;
}
.buy_store .store_main .right_list ul {
margin-bottom: 2rem;
}
.buy_store .store_main .right_list ul li {
font-size: 14px;
line-height: 1.5;
padding-left: 1rem;
margin-bottom: 5px;
}
.buy_store .store_main .right_list ul li::before {
width: 5px;
height: 5px;
top: 0.5rem;
left: 0;
position: absolute;
}
.buy_store .store_main .right_list .btn {
margin: 0;
}
.buy_store .store_list ul {
grid-template-columns: repeat(1, 1fr);
margin-top: 2rem;
gap: 1.6rem;
}
.buy_store .store_list ul li a {
padding: 0rem 1.2rem 2rem;
}
.buy_store .store_list ul li a i {
width: 5.6rem;
padding-top: 0;
margin-top: 1.4rem;
margin-bottom: 0.8rem;
height: 26px;
}
.buy_store .store_list ul li a p,
.buy_store .store_list ul li a .store {
font-size: 16px;
line-height: 1.5;
font-family: 'Oswald';
font-weight: 700;
}
.buy_store .store_list ul li a p::after,
.buy_store .store_list ul li a .store::after {
width: 1rem;
height: 1rem;
transform: translateY(0);
transform: translateX(-12px);
}
.buy_retail {
padding: 3rem 0 5rem;
}
.buy_retail .head h2 {
margin-bottom: 1rem;
}
.buy_retail .head h2::after {
width: 1rem;
height: 2rem;
margin-left: 0.8rem;
margin-bottom: 0.3rem;
}
.buy_retail .head p {
font-size: 14px;
line-height: 1.5;
}
.buy_retail ul {
flex-direction: column;
margin-top: 2rem;
}
.buy_retail ul li .img {
max-width: 100%;
}
.buy_retail ul li .desc {
flex-direction: column;
padding-right: 0;
margin-top: 1.2rem;
}
.buy_retail ul li .desc .left {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
font-family: 'oswald', sans-serif;
margin-right: 0;
max-width: 100%;
margin-bottom: 0.5rem;
}
.buy_retail ul li .desc .right {
font-size: 14px;
line-height: 1.5;
}
.buy_retail ul li .desc .right .info {
font-size: 14px;
line-height: 1.5;
margin-bottom: 1.25rem;
}
.buy_retail ul li .desc .right .info a {
font-size: 16px;
}
.buy_retail ul li .desc .right .phone {
margin-left: 2rem;
margin-bottom: 1rem;
}
.buy_retail ul li .desc .right .phone::before {
top: 0.3rem;
left: -2rem;
width: 1rem;
height: 1rem;
background: url(../img/buy_phoneicon.svg) no-repeat center / 1rem;
}
.buy_retail ul li .desc .right .time {
margin-left: 2rem;
}
.buy_retail ul li .desc .right .time::before {
top: 0rem;
left: -2rem;
width: 1.2rem;
height: 1.2rem;
background: url(../img/buy_clockicon.svg) no-repeat center / 1.2rem;
}
.download_center {
padding: 2rem 0 4rem;
}
.download_center .head h2.trinket::after {
width: 1rem;
height: 2rem;
margin-left: 0.8rem;
margin-bottom: 0.3rem;
}
.download_center .download_nav {
margin-top: 20px;
flex-direction: column;
gap: 20px;
}
.download_center .download_nav .nav_list {
flex-wrap: nowrap;
width: 100vw;
overflow-x: auto;
margin-left: -20px;
padding: 0 20px;
gap: 1.25rem;
}
.download_center .download_nav .nav_list::-webkit-scrollbar {
display: none;
}
.download_center .download_nav .nav_list li {
white-space: nowrap;
}
.download_center .download_nav .nav_item {
font-size: 15px;
line-height: 1.5;
padding: 0.7rem 1rem;
min-width: 0;
}
.download_center .search_box {
margin-left: 0;
overflow: hidden;
width: 100%;
}
.download_center .search_box form {
width: 100%;
}
.download_center .search_box form input {
font-size: 16px;
line-height: 1.5;
padding-left: 1.5rem;
}
.download_center .search_box form input[type="submit"] {
width: 3rem;
height: 3rem;
background: url(../img/search.svg) no-repeat center / 1rem;
}
.download_catalog {
padding: 2rem 0 4rem;
overflow: hidden;
margin-bottom: 0;
}
.download_catalog::after {
top: 0;
left: 0;
width: 100%;
}
.download_catalog .con {
display: flex;
flex-direction: column-reverse;
gap: 1rem;
}
.download_catalog .left {
padding-top: 0rem;
padding-left: 0;
padding-bottom: 0rem;
max-width: 100%;
position: relative;
z-index: 2;
}
.download_catalog .left span {
font-size: 16px;
line-height: 1.5;
}
.download_catalog .left h3 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 1rem;
font-family: 'oswald', sans-serif;
font-weight: 700;
margin-top: 5px;
}
.download_catalog .left p {
font-size: 0.9rem;
line-height: 1.5;
}
.download_catalog .left .download_option {
margin-top: 1.8rem;
gap: 1.8rem;
}
.download_catalog .left .download_option a.active,
.download_catalog .left .download_option a:hover {
background-color: #ea6200;
}
.download_catalog .left .download_option a.active i,
.download_catalog .left .download_option a:hover i {
transition: all 0.3s;
}
.download_catalog .left .download_option a.active i.eye,
.download_catalog .left .download_option a:hover i.eye {
background: url(../img/download_eyeicon.svg) no-repeat center / 1.2rem;
}
.download_catalog .left .download_option a.active i.download,
.download_catalog .left .download_option a:hover i.download {
background: url(../img/download_downloadicon2.svg) no-repeat center / 1rem;
}
.download_catalog .left .download_option a i {
width: 45px;
height: 45px;
}
.download_catalog .left .download_option a i.eye {
background: url(../img/download_eyeicon2.svg) no-repeat center / 1.2rem;
}
.download_catalog .left .download_option a i.download {
filter: contrast(0) brightness(0);
background: url(../img/download_downloadicon2.svg) no-repeat center / 1rem;
}
.download_catalog .book {
position: relative;
transform: unset;
left: 0;
top: 0;
max-width: unset;
width: 100%;
aspect-ratio: 970/701;
}
.download_catalog .book .img {
transform: scale(1.2);
top: 0;
left: 0;
}
.download_list {
padding: 3rem 0 5rem;
}
.download_list ul {
grid-template-columns: repeat(2, 1fr);
gap: 2rem 0.8rem;
}
.download_list ul li .img {
max-width: 100%;
}
.download_list ul li .info {
margin-top: 1.2rem;
}
.download_list ul li .info span {
font-size: 13px;
line-height: 1.5;
}
.download_list ul li .info p {
font-size: 15px;
line-height: 1.5;
margin-top: 5px;
font-family: 'oswald', sans-serif;
font-weight: 700;
}
.download_list ul li .download_option {
margin-top: 1.2rem;
gap: 1.5rem;
}
.download_list ul li .download_option a.active,
.download_list ul li .download_option a:hover {
background-color: #ea6200;
}
.download_list ul li .download_option a.active i,
.download_list ul li .download_option a:hover i {
transition: all 0.3s;
}
.download_list ul li .download_option a.active i.eye,
.download_list ul li .download_option a:hover i.eye {
background: url(../img/download_eyeicon.svg) no-repeat center / 1.2rem;
}
.download_list ul li .download_option a.active i.download,
.download_list ul li .download_option a:hover i.download {
background: url(../img/download_downloadicon2.svg) no-repeat center / 1rem;
}
.download_list ul li .download_option a i {
width: 42px;
height: 42px;
filter: brightness(0);
}
.download_list ul li .download_option a i.eye {
background: url(../img/download_eyeicon2.svg) no-repeat center / 1.2rem;
}
.download_list ul li .download_option a i.download {
background: url(../img/download_downloadicon2.svg) no-repeat center / 1rem;
}
.download_list p.center:has(.btn) {
margin-top: 3rem;
min-height: 42px;
}
.inquiry_main {
padding: 4rem 0 5rem;
}
.inquiry_main .flex {
flex-direction: column;
}
.inquiry_main .left {
max-width: 100%;
}
.inquiry_main .left .head p {
font-size: 0.9rem;
line-height: 1.5rem;
margin-top: 10px;
}
.inquiry_main .left .way {
margin-top: 1.6rem;
}
.inquiry_main .left .way .item {
gap: 1rem;
margin-bottom: 1rem;
}
.inquiry_main .left .way i {
width: 1.8rem;
height: 1.8rem;
}
.inquiry_main .left .way a {
font-size: 16px;
}
.inquiry_main .right {
width: 100%;
padding-top: 1.6rem;
}
.inquiry_main .right form {
gap: 1rem;
}
.inquiry_main .right form span:not(.wpcf7-not-valid-tip) {
font-size: 15px;
}
.inquiry_main .right form i {
font-size: 14px;
}
.inquiry_main .right form input,
.inquiry_main .right form textarea {
font-size: 15px;
padding: 12px;
margin-top: 10px;
}
.inquiry_main .right form textarea {
height: 120px;
}
.inquiry_main .right form .check {
margin-top: 0;
}
.inquiry_main .right form .check label {
gap: 1rem;
}
.inquiry_main .right form .check input {
width: 20px;
height: 20px;
background: url(../img/yes.svg) no-repeat center / 80%;
}
.inquiry_main .right form .check span {
font-size: 14px;
line-height: 1.5;
}
.inquiry_main .right form .submit {
margin-top: 1rem;
}
.inquiry_main .right form .submit .btn {
padding: 0.7rem 2.3rem;
}
.support_inquiry {
padding: 4rem 0 5rem;
}
.support_inquiry .head {
max-width: 100%;
}
.support_inquiry .head h2 {
margin-bottom: 10px;
}
.support_inquiry .head p {
font-size: 14px;
line-height: 1.5;
}
.support_inquiry .form {
margin-top: 2rem;
margin-bottom: 3rem;
}
.support_inquiry .form label .btn {
padding: 0.7rem 1rem;
}
.support_inquiry .form form {
gap: 8px;
}
.support_inquiry .form form input {
width: 100%;
font-size: 14px;
padding: 0.7rem;
}
.support_inquiry a {
font-size: 13px;
line-height: 1.5;
padding: 0;
}
.support_inquiry a::after {
width: 11px;
height: 11px;
top: 1.5rem;
left: 4.5rem;
position: static;
transform: translateY(2px);
display: inline-block;
transition: all 0.3s;
margin-left: 8px;
background: url(../img/arr-rw2.svg) no-repeat center / contain;
}
.support_inquiry .left {
position: relative;
max-width: 30%;
left: -7.5%;
top: 0;
}
.support_inquiry .right {
max-width: 30%;
top: -5%;
}
.support_inquiry .right2 {
max-width: 40%;
bottom: 12%;
}
.support2_sales {
padding: 4rem 0 3rem;
}
.support2_sales .support2_list {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
margin-top: 2rem;
}
.support2_sales .support2_list li a {
height: 100%;
width: 100%;
padding: 2rem 1.2rem;
border: 1px solid rgba(0, 0, 0, 0);
}
.support2_sales .support2_list li a:hover {
border: 1px solid #ee883e;
}
.support2_sales .support2_list li a i {
width: 4rem;
height: 2.4rem;
margin-bottom: 1rem;
}
.support2_sales .support2_list li a .info {
transform: translateY(2rem);
}
.support2_sales .support2_list li a .info p {
font-size: 14px;
line-height: 1.5;
}
.support2_sales .support2_list li a .info p.title {
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
font-family: "Oswald", sans-serif;
font-weight: 700;
}
.support2_sales .support2_list li a .img {
margin-top: 1.2rem;
max-width: 0.8rem;
}
.support2_inquiry {
padding: 4rem 0 ;
margin-bottom: 0;
}
.support2_inquiry .head {
max-width: 100%;
}
.support2_inquiry .head h2 {
margin-bottom: 10px;
}
.support2_inquiry .head p {
font-size: 0.9rem;
line-height: 1.5rem;
}
.support2_inquiry .form {
margin-top: 2rem;
margin-bottom: 3rem;
}
.support2_inquiry .form label .btn {
padding: 0.7rem 2.3rem;
}
.support2_inquiry .form form {
gap: 8px;
}
.support2_inquiry .form form input {
width: 100%;
font-size: 14px;
padding: 0.7rem;
}
.support2_inquiry .form form .btn {
padding: 0.7rem 1rem;
}
.support2_inquiry a {
font-size: 13px;
line-height: 1.5;
padding: 0;
gap: 0.5rem;
display: flex;
}
.support2_inquiry a::after {
width: 10px;
height: 10px;
position: static;
display: inline-block;
transform: translateY(5px);
transition: all 0.3s;
background: url(../img/arr-rw2.svg) no-repeat center / contain;
}
.support2_inquiry .left {
position: relative;
max-width: 8rem;
margin-top: -30px;
left: 0;
top: 1rem;
}
.support2_inquiry .right {
right: 0;
top: -12%;
max-width: 10rem;
}
.support2_inquiry .right2 {
bottom: 5%;
max-width: 15rem;
}
.support2_faq {
padding: 3rem 0 3rem;
}
.support2_faq .head {
padding-bottom: 1rem;
}
.support2_faq .head p {
font-size: 0.9rem;
line-height: 1.5;
}
.support2_faq .flex {
flex-direction: column;
gap: 2rem;
}
.support2_faq .left {
padding-top: 20px;
width: 100%;
}
.support2_faq .left .nav_item {
font-size: 15px;
line-height: 1.5;
padding: 0.7rem 1rem;
min-width: unset;
text-wrap: nowrap;
min-width: 110px;
}
.support2_faq .left .nav_list {
flex-direction: row;
width: 100vw;
margin-left: -20px;
padding: 0 20px;
overflow: auto;
}
.support2_faq .left .nav_list::-webkit-scrollbar {
display: none;
}
.support2_faq .right {
padding-top: 0;
}
.support2_faq .right .question {
font-size: 16px;
line-height: 1.5;
padding: 0.8rem 0;
gap: 1rem;
}
.support2_faq .right .question::after {
width: 1rem;
height: 1rem;
margin-top: 0.5rem;
}
.support2_faq .right .answer {
font-size: 14px;
line-height: 1.5;
padding-bottom: 1.4rem;
}
.service_policy {
padding: 4rem 0 0;
}
.service_policy .policy_list {
margin-top: 1.2rem;
gap: 1rem;
}
.service_policy .policy_list .policy_item {
flex-direction: column;
justify-content: center;
}
.service_policy .policy_list .policy_item .left {
padding-top: 2rem;
}
.service_policy .policy_list .policy_item .left h3 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 10px;
font-family: 'oswald', sans-serif;
font-weight: 700;
}
.service_policy .policy_list .policy_item .left p {
font-size: 16px;
line-height: 1.5;
}
.service_policy .policy_list .policy_item .right {
padding-top: 0rem;
max-width: 100%;
}
.service_policy .policy_list .policy_item .right p {
font-size: 0.9rem;
line-height: 1.5rem;
}
.service_policy .policy_list .policy_item.days {
padding-bottom: 2rem;
}
.service_policy .policy_list .policy_item.years {
padding-bottom: 2rem;
}
.service_policy .policy_list .policy_item.years table {
margin-top: 1.2rem;
padding: 0 1.2rem;
}
.service_policy .policy_list .policy_item.years table tr {
gap: 1rem;
padding: 1.3rem 0;
}
section.service_policy .policy_list .policy_item.years table tr {
display: grid;
text-align: left;
grid-template-columns: 50% 1fr;
}
.service_policy .policy_list .policy_item.years table tr td:nth-child(1),
.service_policy .policy_list .policy_item.years table tr th:nth-child(1) {
font-size: 13px;
line-height: 1.5;
max-width: 100%;
}
.service_policy .policy_list .policy_item.years table tr td:nth-child(2),
.service_policy .policy_list .policy_item.years table tr th:nth-child(2) {
font-size: 14px;
line-height: 1.5;
width: 100%;
}
.service_policy .policy_list .policy_item.years table tr th {
font-size: 0.9rem;
line-height: 1.5;
width: 100%;
}
.service_policy .policy_list .policy_item.years table tr th:nth-child(2) {
margin-right: 2.5rem;
}
.service_policy .policy_list .policy_item.limited {
padding-bottom: 2rem;
padding-right: 0;
}
.service_policy .policy_list .policy_item.limited .right h4 {
font-size: 18px;
line-height: 1.5;
margin-top: 1rem;
}
.service_policy .policy_list .policy_item.limited .right p:last-child {
margin-top: 1rem;
}
.service_policy .policy_list .policy_item.limited .right ol {
margin-top: 1rem;
margin-left: 1.5rem;
}
.service_policy .policy_list .policy_item.limited .right ol li {
font-size: 0.9rem;
line-height: 1.5;
font-weight: 400;
padding-left: 5px;
margin-bottom: 10px;
}
.contact_main {
padding: 4rem 0 4rem;
}
.contact_main .flex {
flex-direction: column;
}
.contact_main .left {
max-width: 100%;
}
.contact_main .left .head p {
font-size: 14px;
line-height: 1.5;
margin-top: 10px;
}
.contact_main .left .way {
margin-top: 1.6rem;
}
.contact_main .left .way .item {
gap: 1rem;
margin-bottom: 1rem;
}
.contact_main .left .way i {
width: 1.8rem;
height: 1.8rem;
}
.contact_main .left .way a {
font-size: 16px;
}
.contact_main .right {
width: 100%;
padding-top: 2rem;
}
.contact_main .right form {
gap: 1rem;
}
.contact_main .right form .col2 {
width: 100%;
}
.contact_main .right form span:not(.wpcf7-not-valid-tip) {
font-size: 15px;
}
.contact_main .right form i {
font-size: 14px;
}
.contact_main .right form input,
.contact_main .right form textarea,
.contact_main .right form select {
font-size: 15px;
padding: 12px;
margin-top: 10px;
}
.contact_main .right form textarea {
height: 120px;
}
.contact_main .right form select {
padding-right: 2rem;
background: url(../img/arr-thb.svg) no-repeat 96% center / 0.9rem #f4f4f4;
}
.contact_main .right form .check {
margin-top: 0;
}
.contact_main .right form .check label {
gap: 1rem;
}
.contact_main .right form .check input {
width: 20px;
height: 20px;
margin-top: 2px;
}
.contact_main .right form .check span {
font-size: 14px;
line-height: 1.5;
}
.contact_main .right form .submit {
margin-top: 1rem;
}
.contact_main .right form .submit .btn {
padding: 0.7rem 2.3rem;
}
.contact_address {
padding: 4rem 0 5rem;
}
.contact_address .head h2 {
font-size: 22px;
line-height: 1.5;
}
.contact_address .head h2.trinket::after {
width: 24px;
height: 24px;
margin-left: 8px;
margin-bottom: 2px;
}
.contact_address .map {
width: 100%;
margin-left: 0;
margin-top: 1.4rem;
}
.contact_address .address {
max-width: 100%;
margin-top: 1.6rem;
margin-left: 0;
}
.contact_address .address strong {
font-size: 18px;
line-height: 1.5;
font-family: 'oswald', sans-serif;
font-weight: 700;
}
.contact_address .address p {
font-size: 14px;
line-height: 1.5;
margin-top: 8px;
}
.registration_main {
padding: 4rem 0 4rem;
}
.registration_main .flex {
flex-direction: column;
}
.registration_main .head p {
font-size: 0.9rem;
line-height: 1.5rem;
margin-top: 10px;
}
.registration_main .form {
max-width: 100%;
padding-top: 0;
margin-top: 2rem;
}
.registration_main .form form {
gap: 1.2rem;
}
.registration_main .form .col2 {
width: 100%;
}
.registration_main .form span:not(.wpcf7-not-valid-tip) {
font-size: 15px;
}
.registration_main .form i {
font-size: 14px;
}
.registration_main .form input,
.registration_main .form textarea,
.registration_main .form select {
font-size: 15px;
padding: 12px;
margin-top: 8px;
height: 52px;
}
.registration_main .form textarea {
height: 120px;
}
.registration_main .form select {
padding-right: 2rem;
line-height: 1.28;
background: url(../img/arr-thb.svg) no-repeat 96% center / 0.9rem #f4f4f4;
}
.registration_main .form .check {
margin-top: 0;
}
.registration_main .form .check label {
gap: 1rem;
}
.registration_main .form .check input {
width: 1.3rem;
height: 1.3rem;
background: url(../img/yes.svg) no-repeat center / 80%;
}
.registration_main .form .check span {
font-size: 14px;
line-height: 1.5;
}
.registration_main .form .model > span {
font-size: 13px;
line-height: 1.4;
color: #3d3d3d;
display: block;
margin-top: 1.2rem;
margin-bottom: 0;
cursor: unset;
}
.registration_main .form .model select {
background-position: 96% center;
}
.registration_main .form .submit {
margin-top: 1rem;
}
.registration_main .form .submit .btn {
padding: 0.7rem 2.3rem;
}
.culture_values2 {
padding: 3rem 0 5rem;
}
.culture_values2 .head h2 {
font-size: 22px;
line-height: normal;
}
.culture_values2 .main {
margin-top: 2rem;
overflow: auto;
}
.culture_values2 .main ul {
width: 800px;
aspect-ratio: 1400/627;
height: auto;
}
.culture_values2 .main ul li.active .left {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.culture_values2 .main ul li .left strong {
font-size: 22px;
margin-bottom: 2rem;
}
section.culture_values2 .main ul li .left strong {
font-weight: 700;
font-family: 'oswald', sans-serif;
}
.culture_values2 .main ul li .left p {
font-size: 0.9rem;
line-height: 1.5rem;
min-width: 215px;
}
.culture_values2 .main ul li .left strong {
min-width: 215px;
}
.culture_values2 .main ul li .right strong {
font-size: 20px;
}
section.culture_values2 .main ul li .right strong {
font-weight: 700;
font-family: 'oswald', sans-serif;
}
.culture_values2 .main ul li .right span {
width: 10px;
height: 10px;
}
.culture_values2 .main ul li .right span:before {
width: 20px;
height: 20px;
}
.culture_values2 .main ul li .right span:after {
width: 30px;
height: 30px;
}
.honor_main {
padding: 4rem 0 2.5rem;
}
.honor_main .list {
margin-top: 2rem;
gap: 1.25rem;
grid-template-columns: repeat(2, 1fr);
}
.honor_main .list strong {
font-size: 18px;
font-family: "Oswald", sans-serif;
font-weight: 700;
margin-top: 1.2rem;
}
.honor_main .list p {
font-size: 14px;
line-height: 1.5;
}
.honor_main .list .img {
box-shadow: 0 0.7rem 12px rgba(109, 109, 109, 0.35);
}
.honor_main .list .honor_item {
margin-bottom: 2rem;
}
.honor_main .list .honor_item:last-child {
margin-bottom: 0;
}
.product_features2 .main ul {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.product_features2 .main {
padding-top: 2rem;
}
.product_features2 .main ul li strong {
font-size: 1rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.product_features2 .main ul li p {
font-size: 0.9rem;
line-height: 1.5rem;
}
.product_features2 {
padding: 3rem 0 4rem;
}
.product_look2 {
padding: 4rem 0;
}
.product_look2 .head {
margin-bottom: 2rem;
}
.product_downloads2 {
padding: 4rem 0;
}
.product_downloads2 .head {
margin-bottom: 1rem;
}
.product_downloads2 .main ul li a > span {
font-size: 0.9rem;
}
.product_downloads2 .main ul li strong {
font-size: 1rem;
font-weight: 700;
font-family: 'oswald', sans-serif;
}
.product_downloads2 .main ul li .flex {
flex-direction: column;
gap: 1rem;
}
.product_downloads2 .btn {
font-size: 0.7rem;
}
.product_downloads2 .main ul li .btn:after {
width: 1rem;
height: 1rem;
}
.product_downloads2 .main ul li a {
padding: 1.5rem 0;
}
/*** global css ***/
.wpcf7 .wpcf7-not-valid-tip {
font-size: 12px;
line-height: 1.5;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
font-size: 14px;
line-height: 1.5;
}
div form#sytech-newsletter-subscription p.success.active,
div form#sytech-newsletter-subscription p.failed.active {
top: -4rem;
}
div form#sytech-newsletter-subscription p.success,
div form#sytech-newsletter-subscription p.failed {
font-size: 12px;
max-width: 220px;
padding: 10px 10px 10px 30px;
}
div form#sytech-newsletter-subscription p.success::before,
div form#sytech-newsletter-subscription p.failed::before {
left: 10px;
top: 10px;
width: 12px;
height: 12px;
}
.wd-action-btn {
right: 2rem;
bottom: 2rem;
top: unset;
}
div.search-block div.content {
height: 100%;
}
div.search-block {
height: calc(100vh - 150px);
}
div.search-block.active {
transform: translate(0);
}
div.search-block .searchform {
padding-top: 2rem;
display: grid;
align-items: center;
grid-template-columns: 1fr auto;
gap: 12px;
}
div.search-block .searchform input[type='text'] {
height: 42px;
min-width: unset;
width: 100%;
font-size: 22px;
}
div.search-block .searchform input[type='submit'] {
display: block;
width: 20px;
filter: contrast(0) brightness(0);
height: 20px;
background: url(../img/icon-search.svg) no-repeat center/contain;
}
/*** global css ***/
section.honor_main .list .img img {
width: 70%;
}
#result.loading{
height: 100px;
}
#result table{
border-collapse: collapse;
width: 100% !important;
}
#result table td{
padding: 0.7rem;
background-color: white;
font-size: 0.9rem;
}
#result table:nth-of-type(1) td{
font-size: 1.2rem;
}
#result table:nth-of-type(2) tbody tr:nth-of-type(2n+1) td{
background-color: #eee;
}
}