Merge remote-tracking branch 'site/1.1' into 1.1
This commit is contained in:
commit
d5de974669
|
|
@ -8,9 +8,9 @@ $p-size: 16px;
|
|||
$p-height: 30px;
|
||||
$h2-size: 22px;
|
||||
$h2-height: 30px;
|
||||
$h3-size: 18px;
|
||||
$h3-size: 20px;
|
||||
$h3-height: 26px;
|
||||
$h4-size: 16px;
|
||||
$h4-height: 25px;
|
||||
$h5-size: 12px;
|
||||
$h5-size: 14px-;
|
||||
$h5-height: 20px;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
&-category {
|
||||
padding: 5px 10px;
|
||||
background: $main-color;
|
||||
|
|
@ -54,7 +53,7 @@
|
|||
line-height: $h4-height;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
max-height: 75px;
|
||||
height: 75px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
.newsSlider {
|
||||
&__outer {
|
||||
position: relative;
|
||||
margin: 0 -5px;
|
||||
overflow: hidden;
|
||||
.p2 {
|
||||
cursor: pointer;
|
||||
|
|
@ -34,7 +33,6 @@
|
|||
}
|
||||
.newsSlider__item {
|
||||
position: relative;
|
||||
padding: 5px 5px;
|
||||
height: 320px;
|
||||
img {
|
||||
@include fullImage;
|
||||
|
|
@ -66,8 +64,8 @@
|
|||
&-link {
|
||||
color: $text-color-white;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
height: 60px;
|
||||
line-height: 25px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 700;
|
||||
|
|
@ -76,3 +74,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.slick-slider {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
.slick-slide {
|
||||
padding: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,6 +9,11 @@
|
|||
}
|
||||
}
|
||||
@include xlg-xxlg {
|
||||
.swiper-slide-content-link {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
height: 50px;
|
||||
}
|
||||
.newsSlider {
|
||||
&__item {
|
||||
height: 280px;
|
||||
|
|
@ -22,6 +27,20 @@
|
|||
height: 350px;
|
||||
}
|
||||
}
|
||||
.newsSlider .newsSlider__item {
|
||||
height: 180px;
|
||||
&-content {
|
||||
&-date {
|
||||
max-width: 120px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header__slogan {
|
||||
font-size: 28px;
|
||||
line-height: 1;
|
||||
}
|
||||
.auto__container {
|
||||
max-width: 1040px;
|
||||
padding: 0 25px;
|
||||
|
|
@ -61,14 +80,17 @@
|
|||
}
|
||||
}
|
||||
&-card {
|
||||
position: unset;
|
||||
width: 100%;
|
||||
border: none;
|
||||
top: 150px;
|
||||
left: 10px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
&-column {
|
||||
margin: 0 10px;
|
||||
width: calc(50% - 30px);
|
||||
padding: 0 15px;
|
||||
.card {
|
||||
padding: 15px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -496,7 +518,7 @@
|
|||
}
|
||||
}
|
||||
&__footer {
|
||||
flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.subheader {
|
||||
background: $text-light-black;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
z-index: 2;
|
||||
.close {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,153 +1,152 @@
|
|||
.swiper-container {
|
||||
width: calc(100% + 10px);
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin: 0 -5px;
|
||||
.p3 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5px;
|
||||
@include transformY;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: rgba($color: #000000, $alpha: 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
.n3 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
@include transformY;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: rgba($color: #000000, $alpha: 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.slick-list {
|
||||
padding: 0 33.3% 0 0;
|
||||
}
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.p3 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5px;
|
||||
@include transformY;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: rgba($color: #000000, $alpha: 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
.n3 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
@include transformY;
|
||||
width: 30px;
|
||||
height: 40px;
|
||||
background: rgba($color: #000000, $alpha: 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.slick-list {
|
||||
padding: 0 33.3% 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
height: 520px;
|
||||
/* Center slide t ext vertically */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
@include transition;
|
||||
margin: 5px;
|
||||
&-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
transform-origin: 0% 50%;
|
||||
position: relative;
|
||||
}
|
||||
&-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
width: calc(100% - 80px);
|
||||
background: rgb(0, 0, 0);
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(0, 0, 0, 1) 0%,
|
||||
rgba(0, 0, 0, 0.022846638655462215) 100%
|
||||
);
|
||||
padding: 50px 40px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
height: 520px;
|
||||
/* Center slide t ext vertically */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
@include transition;
|
||||
&-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
transform-origin: 0% 50%;
|
||||
position: relative;
|
||||
}
|
||||
&-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
width: calc(100% - 80px);
|
||||
background: rgb(0, 0, 0);
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(0, 0, 0, 1) 0%,
|
||||
rgba(0, 0, 0, 0.022846638655462215) 100%
|
||||
);
|
||||
padding: 50px 40px;
|
||||
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 400;
|
||||
color: $text-color-white;
|
||||
margin-bottom: 10px;
|
||||
svg {
|
||||
margin: 0 4px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
fill: $text-color-white;
|
||||
}
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 400;
|
||||
color: $text-color-white;
|
||||
margin-bottom: 10px;
|
||||
svg {
|
||||
margin: 0 4px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
fill: $text-color-white;
|
||||
}
|
||||
}
|
||||
&-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&-link {
|
||||
color: $text-color-white;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
text-align: left;
|
||||
width: 75%;
|
||||
}
|
||||
&-category {
|
||||
color: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 700;
|
||||
color: $text-color-white;
|
||||
padding: 8px 16px;
|
||||
background: $main-color;
|
||||
}
|
||||
}
|
||||
&-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
&.slick-active .swiper-slide-content {
|
||||
display: block;
|
||||
animation: myAnim 1s ease 0s 1 normal forwards;
|
||||
animation-delay: 0.5;
|
||||
}
|
||||
&-link {
|
||||
color: $text-color-white;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
text-align: left;
|
||||
width: 75%;
|
||||
}
|
||||
&-category {
|
||||
color: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 700;
|
||||
color: $text-color-white;
|
||||
padding: 8px 16px;
|
||||
background: $main-color;
|
||||
}
|
||||
}
|
||||
&.slick-active .swiper-slide-content {
|
||||
display: block;
|
||||
animation: myAnim 1s ease 0s 1 normal forwards;
|
||||
animation-delay: 0.5;
|
||||
}
|
||||
}
|
||||
.copy {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
letter-spacing: 0.06em;
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
.swiper-slide img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@keyframes myAnim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(250px);
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(250px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,154 +1,154 @@
|
|||
.heading {
|
||||
&__title {
|
||||
font-weight: 700;
|
||||
color: $text-light-black;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
&__row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
&__image {
|
||||
width: 40%;
|
||||
}
|
||||
a.progressive {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
height: 320px;
|
||||
&:not(.replace) {
|
||||
cursor: default;
|
||||
}
|
||||
& img {
|
||||
@include fullImage;
|
||||
}
|
||||
& img.preview {
|
||||
filter: blur(2vw);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
& img.reveal {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
will-change: transform, opacity;
|
||||
animation: reveal 1s ease-out;
|
||||
}
|
||||
}
|
||||
&__content {
|
||||
width: calc(60% - 40px);
|
||||
height: calc(100% - 80px);
|
||||
padding: 40px 0 40px 40px;
|
||||
&-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 30px;
|
||||
&-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height - 5px;
|
||||
svg {
|
||||
margin-right: 5px;
|
||||
stroke: $text-color-grey;
|
||||
width: 21px;
|
||||
}
|
||||
}
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-white;
|
||||
background: $text-light-black;
|
||||
font-weight: 400;
|
||||
padding: 5px 15px;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-body {
|
||||
&-link {
|
||||
color: $text-black;
|
||||
&__title {
|
||||
font-weight: 700;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&-para {
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
font-weight: 400;
|
||||
color: $text-light-black;
|
||||
height: 120px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-page {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: $text-light-black;
|
||||
svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
fill: $text-color-white;
|
||||
}
|
||||
}
|
||||
&-input {
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
margin: 0 10px;
|
||||
|
||||
input {
|
||||
text-align: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
background: #e6e6e6;
|
||||
font-weight: 400;
|
||||
color: $text-light-black;
|
||||
}
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
span {
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-light-black;
|
||||
font-weight: 400;
|
||||
margin-left: 10px;
|
||||
&__row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
&__image {
|
||||
width: 40%;
|
||||
}
|
||||
a.progressive {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
height: 320px;
|
||||
&:not(.replace) {
|
||||
cursor: default;
|
||||
}
|
||||
& img {
|
||||
@include fullImage;
|
||||
}
|
||||
& img.preview {
|
||||
filter: blur(2vw);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
& img.reveal {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
will-change: transform, opacity;
|
||||
animation: reveal 1s ease-out;
|
||||
}
|
||||
}
|
||||
&__content {
|
||||
width: calc(60% - 40px);
|
||||
height: calc(100% - 80px);
|
||||
padding: 40px 0 40px 40px;
|
||||
&-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 30px;
|
||||
&-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height - 5px;
|
||||
svg {
|
||||
margin-right: 5px;
|
||||
stroke: $text-color-grey;
|
||||
width: 21px;
|
||||
}
|
||||
}
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-white;
|
||||
background: $text-light-black;
|
||||
font-weight: 400;
|
||||
padding: 5px 15px;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-body {
|
||||
&-link {
|
||||
color: $text-black;
|
||||
font-weight: 700;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&-para {
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
font-weight: 400;
|
||||
color: $text-light-black;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-page {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: $text-light-black;
|
||||
svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
fill: $text-color-white;
|
||||
}
|
||||
}
|
||||
&-input {
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
margin: 0 10px;
|
||||
|
||||
input {
|
||||
text-align: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
background: #e6e6e6;
|
||||
font-weight: 400;
|
||||
color: $text-light-black;
|
||||
}
|
||||
}
|
||||
span {
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-light-black;
|
||||
font-weight: 400;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.address {
|
||||
&__inner {
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-light-black;
|
||||
font-weight: 400;
|
||||
margin-bottom: 25px;
|
||||
span {
|
||||
font-weight: 700;
|
||||
&__inner {
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-light-black;
|
||||
font-weight: 400;
|
||||
margin-bottom: 25px;
|
||||
span {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -184,6 +184,13 @@
|
|||
}
|
||||
&-card {
|
||||
margin: -100px 30px 0 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
.card {
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-title {
|
||||
font-size: $h3-size;
|
||||
|
|
@ -330,10 +337,10 @@
|
|||
}
|
||||
&-card {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
top: 210px;
|
||||
left: 30px;
|
||||
width: calc(100% - 60px);
|
||||
border: 1px solid #707070;
|
||||
border: 1px solid #dcdcdc;
|
||||
}
|
||||
&-column {
|
||||
width: calc(50% - 100px);
|
||||
|
|
@ -350,6 +357,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// event end
|
||||
// partner start
|
||||
.partner {
|
||||
|
|
|
|||
|
|
@ -197,7 +197,7 @@ li {
|
|||
justify-content: space-between;
|
||||
}
|
||||
.footer__copyright {
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
|
|
@ -223,7 +223,7 @@ li {
|
|||
.subheader {
|
||||
background: #242424;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
z-index: 2;
|
||||
}
|
||||
.subheader .close {
|
||||
display: none;
|
||||
|
|
@ -238,7 +238,7 @@ li {
|
|||
align-items: center;
|
||||
}
|
||||
.subheader .nav__inner-link {
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
|
|
@ -276,7 +276,7 @@ li {
|
|||
.subheader .nav__inner-link .dropDown__link {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
color: #242424;
|
||||
|
|
@ -593,7 +593,7 @@ li {
|
|||
.card__header-category {
|
||||
padding: 5px 10px;
|
||||
background: #fd4c24;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
|
|
@ -606,7 +606,7 @@ li {
|
|||
align-items: center;
|
||||
color: #a2a2a2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 15px;
|
||||
}
|
||||
.card__header-view svg {
|
||||
|
|
@ -618,7 +618,7 @@ li {
|
|||
.card__header-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
color: #a2a2a2;
|
||||
font-weight: 400;
|
||||
|
|
@ -635,7 +635,7 @@ li {
|
|||
line-height: 25px;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
max-height: 75px;
|
||||
height: 75px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
|
@ -795,7 +795,7 @@ li {
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
padding: 10px 0;
|
||||
|
|
@ -811,7 +811,7 @@ li {
|
|||
background-position: center center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
font-size: 15px;
|
||||
font-size: 17px;
|
||||
line-height: 23px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -931,7 +931,6 @@ li {
|
|||
|
||||
.newsSlider__outer {
|
||||
position: relative;
|
||||
margin: 0 -5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsSlider__outer .p2 {
|
||||
|
|
@ -972,7 +971,6 @@ li {
|
|||
}
|
||||
.newsSlider .newsSlider__item {
|
||||
position: relative;
|
||||
padding: 5px 5px;
|
||||
height: 320px;
|
||||
}
|
||||
.newsSlider .newsSlider__item img {
|
||||
|
|
@ -1009,19 +1007,26 @@ li {
|
|||
.newsSlider .newsSlider__item-content-link {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
height: 60px;
|
||||
line-height: 25px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slider {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
width: calc(100% + 10px);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin: 0 -5px;
|
||||
}
|
||||
.swiper-container .p3 {
|
||||
cursor: pointer;
|
||||
|
|
@ -1074,7 +1079,6 @@ li {
|
|||
overflow: hidden;
|
||||
transition: all 0.2s ease-in-out 0s;
|
||||
-moz-transition: all 0.2s ease-in-out 0s;
|
||||
margin: 5px;
|
||||
}
|
||||
.swiper-slide-image {
|
||||
width: 100%;
|
||||
|
|
@ -1116,7 +1120,7 @@ li {
|
|||
}
|
||||
.swiper-slide-content-link {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
|
|
@ -1337,14 +1341,14 @@ li {
|
|||
z-index: -1;
|
||||
}
|
||||
.main__body-header-title {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
background: #ffffff;
|
||||
}
|
||||
.main__body-header-link {
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
color: #a2a2a2;
|
||||
|
|
@ -1353,9 +1357,16 @@ li {
|
|||
}
|
||||
.main__body-card {
|
||||
margin: -100px 30px 0 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
}
|
||||
.main__body-card .card {
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
}
|
||||
.main__body-card .card:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.main__body-title {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
|
|
@ -1436,14 +1447,14 @@ li {
|
|||
position: relative;
|
||||
}
|
||||
.event__header-title {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
background: #ffffff;
|
||||
}
|
||||
.event__header-link {
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
color: #a2a2a2;
|
||||
|
|
@ -1503,10 +1514,10 @@ li {
|
|||
}
|
||||
.event__body-card {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
top: 210px;
|
||||
left: 30px;
|
||||
width: calc(100% - 60px);
|
||||
border: 1px solid #707070;
|
||||
border: 1px solid #dcdcdc;
|
||||
}
|
||||
.event__body-column {
|
||||
width: calc(50% - 100px);
|
||||
|
|
@ -1526,7 +1537,7 @@ li {
|
|||
margin-bottom: 80px;
|
||||
}
|
||||
.partner__title {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
|
|
@ -1547,7 +1558,7 @@ li {
|
|||
.heading__title {
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
|
@ -1602,7 +1613,7 @@ li {
|
|||
align-items: center;
|
||||
color: #a2a2a2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 15px;
|
||||
}
|
||||
.heading__content-header-view svg {
|
||||
|
|
@ -1613,7 +1624,7 @@ li {
|
|||
.heading__content-header-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-size: 14px-;
|
||||
line-height: 20px;
|
||||
color: #ffffff;
|
||||
background: #242424;
|
||||
|
|
@ -1630,7 +1641,7 @@ li {
|
|||
line-height: 25px;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
height: 60px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -1640,7 +1651,7 @@ li {
|
|||
line-height: 25px;
|
||||
font-weight: 400;
|
||||
color: #242424;
|
||||
height: 120px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
|
@ -1668,7 +1679,7 @@ li {
|
|||
}
|
||||
.heading__footer-input input {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
|
@ -1678,7 +1689,7 @@ li {
|
|||
color: #242424;
|
||||
}
|
||||
.heading__footer span {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
color: #242424;
|
||||
font-weight: 400;
|
||||
|
|
@ -1686,7 +1697,7 @@ li {
|
|||
}
|
||||
|
||||
.address__inner {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
color: #242424;
|
||||
font-weight: 400;
|
||||
|
|
@ -1706,7 +1717,7 @@ li {
|
|||
color: #242424;
|
||||
}
|
||||
.about__para {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 40px;
|
||||
font-weight: 400;
|
||||
color: #242424;
|
||||
|
|
@ -1716,7 +1727,7 @@ li {
|
|||
.form__title {
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
|
@ -1851,7 +1862,7 @@ li {
|
|||
.news__date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
color: #a2a2a2;
|
||||
font-weight: 400;
|
||||
|
|
@ -1903,7 +1914,7 @@ li {
|
|||
padding: 80px 0;
|
||||
}
|
||||
.terms__title {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
|
|
@ -1969,6 +1980,12 @@ li {
|
|||
}
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
.swiper-slide-content-link {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.newsSlider__item {
|
||||
height: 280px;
|
||||
}
|
||||
|
|
@ -1981,6 +1998,19 @@ li {
|
|||
height: 350px;
|
||||
}
|
||||
|
||||
.newsSlider .newsSlider__item {
|
||||
height: 180px;
|
||||
}
|
||||
.newsSlider .newsSlider__item-content-date {
|
||||
max-width: 120px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.header__slogan {
|
||||
font-size: 28px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.auto__container {
|
||||
max-width: 1040px;
|
||||
padding: 0 25px;
|
||||
|
|
@ -2021,15 +2051,18 @@ li {
|
|||
height: 200px;
|
||||
}
|
||||
.event__body-card {
|
||||
position: unset;
|
||||
width: 100%;
|
||||
border: none;
|
||||
top: 150px;
|
||||
left: 10px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
.event__body-column {
|
||||
margin: 0 10px;
|
||||
width: calc(50% - 30px);
|
||||
padding: 0 15px;
|
||||
}
|
||||
.event__body-column .card {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.main__body-header {
|
||||
margin-bottom: 40px;
|
||||
|
|
@ -2204,7 +2237,7 @@ li {
|
|||
text-align: center;
|
||||
margin-right: 0;
|
||||
padding: 20px;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
width: calc(100% - 40px);
|
||||
|
|
|
|||
Loading…
Reference in New Issue