update 07/10
This commit is contained in:
@@ -97,6 +97,23 @@ html {
|
||||
background-position: -68px -60px;
|
||||
}
|
||||
|
||||
.header-left .menu a {
|
||||
position: relative;
|
||||
}
|
||||
.header-left .menu a::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
.header-left .menu a:hover::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.homepage .banner {
|
||||
background: url(../images/background-banner.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
@@ -200,4 +217,226 @@ html {
|
||||
background: url(../images/background-login.jpg) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.header-mobile {
|
||||
display: none;
|
||||
}
|
||||
.header-mobile .item-menu {
|
||||
display: block;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu {
|
||||
position: relative;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu:hover::after {
|
||||
display: block;
|
||||
}
|
||||
.header-mobile .item-menu.active .text-menu::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
body {
|
||||
max-width: 1200px !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 1024px !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header-pc {
|
||||
display: none;
|
||||
}
|
||||
.header-mobile {
|
||||
display: block;
|
||||
}
|
||||
.homepage .banner {
|
||||
min-height: auto;
|
||||
}
|
||||
.homepage .banner .title {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.homepage .banner .image-banner img {
|
||||
height: auto;
|
||||
}
|
||||
.box-benefit {
|
||||
padding: 30px 0 !important;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-benefit .item .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.box-benefit .item .content {
|
||||
font-size: 14px;
|
||||
}
|
||||
.box-platforms {
|
||||
padding: 30px 0 !important;
|
||||
}
|
||||
.box-platforms .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-platforms .content-platforms {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
.box-platforms .box-item .content {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-product-sell {
|
||||
margin: 20px 0 !important;
|
||||
}
|
||||
.box-product-sell .content {
|
||||
padding: 20px 20px 20px 0;
|
||||
}
|
||||
.box-product-sell .item-sell {
|
||||
gap: 20px;
|
||||
}
|
||||
.box-tamnhin {
|
||||
margin-bottom: 50px !important;
|
||||
}
|
||||
.box-tamnhin .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-tamnhin .content-tamnhin .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
body {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 100% !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.box-tamnhin .content-tamnhin {
|
||||
width: 100%;
|
||||
}
|
||||
.item-features .content {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.box-chuyendoi {
|
||||
width: 100% !important;
|
||||
}
|
||||
.page-features .page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-features .page-note {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 834px) {
|
||||
.homepage .tieuchi .item p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-pc .grid-cols-4 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 680px) {
|
||||
.homepage .tieuchi {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.homepage .tieuchi .item {
|
||||
border-bottom: 1px solid #8a8a8a;
|
||||
border-right: 0;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.homepage .tieuchi .item:last-child {
|
||||
border: 0;
|
||||
}
|
||||
.homepage .banner .title {
|
||||
padding: 64px 15px 0 15px;
|
||||
}
|
||||
.footer-mobile {
|
||||
display: block;
|
||||
}
|
||||
.footer-pc {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.homepage .banner .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .list {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.box-platforms .content-platforms {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-platforms .title {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box-platforms .box-item {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.box-platforms .box-item .image {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
}
|
||||
.box-platforms .box-item .image a {
|
||||
height: 100%;
|
||||
}
|
||||
.box-platforms .box-item .content {
|
||||
width: 100%;
|
||||
}
|
||||
.box-product-sell .item-sell {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 0;
|
||||
}
|
||||
.box-product-sell .item-sell .content {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .background-tamnhin {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-tamnhin .list {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.box-tamnhin .box-faq {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .box-faq h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-tamnhin .box-faq .item-faq .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
Reference in New Issue
Block a user