#news .crumbs { color: #000; font-size: 0.83333vw; } #news .crumbs a { color: #000; font-size: 0.83333vw; } #news .crumbs span { font-size: 0.83333vw; color: #007D41; } #news .main .banner { width: 100%; position: relative; font-size: 0; display: flex; align-items: center; } #news .main .banner img { width: 100%; } #news .main .banner h2 { position: absolute; left: 13.54166vw; color: #fff; font-size: 2.1875vw; } #news .main .newsList { background: #fbfbfb; padding: 0.677083vw 13.54166vw; } #news .main .newsList .sesson { padding: 1.6666vw 0; } #news .main .newsList .sesson .topNew { display: inline-block; display: flex; background: #fff; font-size: 0; align-items: center; } #news .main .newsList .sesson .topNew .topNewImg { width: 29.2890625vw; } #news .main .newsList .sesson .topNew .topNewImg img { width: 100%; } #news .main .newsList .sesson .topNew .topNewText { padding: 0 4.16666vw; } #news .main .newsList .sesson .topNew .topNewText .time { color: #737373; display: inline-block; font-size: 0.82807vw; margin-bottom: 1.822916vw; line-height: 1.5; } #news .main .newsList .sesson .topNew .topNewText h4 { color: #000; font-size: 0.9375vw; margin-bottom: 1.197916vw; line-height: 1.75; } #news .main .newsList .sesson .topNew .topNewText p { color: #000; font-size: 0.82807vw; margin-bottom: 0.625vw; line-height: 1.75; } #news .main .newsList .sesson .topNew .topNewText .newsBtn { display: block; } #news .main .newsList .sesson .topNew .topNewText .newsBtn.hover { display: none; } #news .main .newsList .sesson .topNew:hover { background: #007D41; } #news .main .newsList .sesson .topNew:hover .topNewText .time { color: #fff; } #news .main .newsList .sesson .topNew:hover .topNewText h4 { color: #fff; } #news .main .newsList .sesson .topNew:hover .topNewText p { color: #fff; } #news .main .newsList .sesson .topNew:hover .topNewText .newsBtn { display: none; } #news .main .newsList .sesson .topNew:hover .topNewText .newsBtn.hover { display: block; } #news .main .newsList .sesson .newsListUl li { padding: 1.5625vw 2.864583vw; background: #fff; margin-top: 0.8333vw; } #news .main .newsList .sesson .newsListUl li a { display: flex; align-items: center; justify-content: space-between; } #news .main .newsList .sesson .newsListUl li a .title { padding-left: 1.71875vw; color: #000; font-size: 0.9375vw; font-weight: bold; position: relative; } #news .main .newsList .sesson .newsListUl li a .title::before { content: ''; position: absolute; left: 0; top: calc(50% - 0.625vw); background: url('/news/images/arrow-angled-states.png') no-repeat; background-size: 1.25vw 1.25vw; width: 1.25vw; height: 1.25vw; } #news .main .newsList .sesson .newsListUl li a .time { color: #737373; font-size: 0.82807vw; } #news .main .newsList .sesson .newsListUl li:hover { background: #007D41; } #news .main .newsList .sesson .newsListUl li:hover a .title { color: #fff; } #news .main .newsList .sesson .newsListUl li:hover a .title::before { background: url('/news/images/arrow-angled-states-white.png') no-repeat; background-size: 1.25vw 1.25vw; } #news .main .newsList .sesson .newsListUl li:hover a .time { color: #fff; } #news .main .newsList .sesson .moreNews { text-align: center; padding: 2.60416vw 0 0; cursor: pointer; } #news .main .newsList .sesson .moreNews a { display: inline-block; position: relative; padding-left: 1.71875vw; color: #000; font-size: 1.04166vw; } #news .main .newsList .sesson .moreNews a::before { content: ''; position: absolute; left: 0; top: calc(50% - 0.625vw); background: url('/news/images/chevron-states.png') no-repeat; background-size: 1.25vw 1.25vw; width: 1.25vw; height: 1.25vw; } #news .main .newsInfo { background: #fbfbfb; padding: 0.677083vw 13.54166vw; } #news .main .newsInfo .sesson { padding: 1.6666vw 0; } #news .main .newsInfo .sesson .newsInfoDiv { background: #fff; padding: 2.8125vw 2.34375vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle { padding-bottom: 1.40625vw; border-bottom: 1px solid rgba(102, 102, 102, 0.15); text-align: center; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle h3 { color: #000; font-size: 1.25vw; font-weight: normal; margin-bottom: 0.78125vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle .time { color: #737373; font-size: 0.9375vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText { padding: 1.6667vw 2.9166vw; font-size: 0.9375vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText h3 { font-size: 1.25vw; line-height: 1.75; margin: 0.6666vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText h3 img { margin: 0 auto; max-width: 100%; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText p { font-size: 0.9375vw; line-height: 2; margin: 0.6666vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText p img { margin: 0 auto; max-width: 100%; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul { margin: 0.6666vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul li { font-size: 0.9375vw; padding-left: 1.375vw; margin-bottom: 0.6666vw; position: relative; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul li::before { content: ''; width: 0.46875vw; height: 0.46875vw; border-radius: 0.46875vw; background: #1a8a54; position: absolute; left: 0; top: 0.4vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul li img { margin: 0 auto; max-width: 100%; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText img { margin: 0 auto; max-width: 100%; display: block; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText .textCenter { text-align: center; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText .newsImgSwiper { margin: 1.25vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText .newsImgSwiper .swiper-pagination-bullet-active { background: #000 !important; } #news.n404 .main .newsInfo { background: #f0f6f5; } #news.n404 .main .newsInfo .sesson { padding: 1.6666vw 0; } #news.n404 .main .newsInfo .sesson .newsInfoDiv { background: none; } #news.n404 .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle { border: 0; } #news.n404 .main .newsInfo .sesson .newsInfoDiv .returnHome { margin: 0 auto; text-align: center; } #news.n404 .main .newsInfo .sesson .newsInfoDiv .returnHome a { display: inline-block; font-size: 0.9375vw; color: #fff; background: #007D40; padding: 0.6510416vw; text-align: center; cursor: pointer; } @media (max-width: 767px) { #news .main .newsList { padding: 4.629vw 5vw; } #news .main .newsList h2 { color: #000; font-size: 5.7971vw; margin-bottom: 3.7962vw; } #news .main .newsList .sesson { margin-top: 3.7962vw; padding: 0; } #news .main .newsList .sesson .topNew { flex-wrap: wrap; } #news .main .newsList .sesson .topNew .topNewImg { width: 100%; } #news .main .newsList .sesson .topNew .topNewText { padding: 2.407407vw 3.518518vw; } #news .main .newsList .sesson .topNew .topNewText .time { font-size: 3vw; } #news .main .newsList .sesson .topNew .topNewText h4 { font-size: 4.347826vw; margin-bottom: 1.57407vw; } #news .main .newsList .sesson .topNew .topNewText p { font-size: 3.88888vw; margin-bottom: 1.57407vw; } #news .main .newsList .sesson .topNew .topNewText .newsBtn { display: none !important; } #news .main .newsList .sesson .topNew .topNewText .newsBtn.hover { display: none !important; } #news .main .newsList .sesson .topNew .topNewText:hover { background: #fff; } #news .main .newsList .sesson .topNew .topNewText:hover .time { font-size: 3vw; color: #737373; } #news .main .newsList .sesson .topNew .topNewText:hover h4 { color: #000; font-size: 3.88888vw; margin-bottom: 1.57407vw; } #news .main .newsList .sesson .topNew .topNewText:hover p { color: #000; font-size: 3.88888vw; margin-bottom: 1.57407vw; } #news .main .newsList .sesson .topNew .topNewText:hover .newsBtn { display: none !important; } #news .main .newsList .sesson .topNew .topNewText:hover .newsBtn.hover { display: none !important; } #news .main .newsList .sesson .newsListUl li { padding: 2.407407vw 3.518518vw; margin: 2.037vw 0; } #news .main .newsList .sesson .newsListUl li a { flex-wrap: wrap; font-size: 4.347826vw; } #news .main .newsList .sesson .newsListUl li a .title { font-size: 4.347826vw; width: 100%; margin-bottom: 1.57407vw; padding-left: 5vw; } #news .main .newsList .sesson .newsListUl li a .title::before { background-size: 4.4444vw 4.4444vw; width: 4.4444vw; height: 4.4444vw; top: 0.3vw; } #news .main .newsList .sesson .newsListUl li a .time { font-size: 3vw; width: 100%; padding-left: 5vw; } #news .main .newsList .sesson .newsListUl li:hover { background: #fff; } #news .main .newsList .sesson .newsListUl li:hover a .title { color: #000; } #news .main .newsList .sesson .newsListUl li:hover a .title::before { background: url(/news/images/arrow-angled-states.png) no-repeat; background-size: 4.4444vw 4.4444vw; width: 4.4444vw; height: 4.4444vw; top: 0.3vw; } #news .main .newsList .sesson .newsListUl li:hover a .time { color: #737373; } #news .main .newsList .sesson .moreNews a { font-size: 3.8888vw; padding-left: 4.71875vw; } #news .main .newsList .sesson .moreNews a::before { background-size: 4.4444vw 4.4444vw; width: 4.4444vw; height: 4.4444vw; top: calc(50% - 2.2222vw); } #news .main .newsInfo { padding: 0; } #news .main .newsInfo .sesson { padding: 0; } #news .main .newsInfo .sesson .newsInfoDiv { padding: 4.629vw 5vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle { padding-bottom: 2.0833vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle h3 { font-size: 5.185vw; margin-bottom: 2.0833vw; font-weight: normal; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoTitle .time { font-size: 3.8888vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText { padding: 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText h3 { font-size: 4.2666vw; margin: 2.0833vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText p { font-size: 3.8888vw; margin: 2.0833vw 0; line-height: 1.75; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul { margin: 2.0833vw 0; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul li { font-size: 3.518vw; padding-left: 3.7037vw; line-height: 1.75; margin-bottom: 1.2916vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText ul li::before { width: 1.2037vw; height: 1.2037vw; border-radius: 1.2037vw; top: 1.85185vw; } #news .main .newsInfo .sesson .newsInfoDiv .newsInfoText .newsImgSwiper { margin: 2.0833vw 0; } #news.n404 .main .newsInfo .sesson { padding: 4.629vw 5vw; } #news.n404 .main .newsInfo .sesson .newsInfoDiv .returnHome a { width: 100%; padding: 2.7777vw 0; font-size: 3.88888vw; } }