/* frameworks */
.container {
max-width: 1280px; }
.container.-lg {
max-width: 1530px; }
.row-0 {
margin: 0; }
.row-0 > div {
padding: 0; }
.row-10 {
margin: 0 -5px; }
.row-10 > div {
padding: 0 5px; }
.row-20 {
margin: 0 -10px; }
.row-20 > div {
padding: 0 10px; }
.row-40 {
margin: 0 -20px; }
.row-40 > div {
padding: 0 20px; }
.row-R > div {
float: right; }
.row-table {
display: table;
width: 100%; }
.row-table > div {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0; }
.row-table .col {
width: auto; }
.row-table .col-auto {
width: 1%; }
.row-table.vlign-top > div {
vertical-align: top; }
.section-middle {
display: table;
width: 100%;
height: 100vh; }
.section-middle > div {
display: table-cell;
vertical-align: middle; }
figure {
margin: 0;
position: relative; }
figure.cover {
margin: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
figure.cover img {
object-fit: cover;
object-position: center; }
figure.contain {
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
figure.contain img {
object-fit: contain;
object-position: center; }
figure img {
width: 100%;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.icon {
position: relative; }
.icon img {
display: block; }
a:focus,
button:focus {
outline: none; }
.btn,
.link {
text-decoration: none;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out; }
.btn:focus,
.btn:hover,
.link:focus,
.link:hover {
text-decoration: none; }
input,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
img {
max-width: 100%; }
ul.item-list,
ul.nav-list {
margin: 0;
padding: 0; }
ul.item-list li,
ul.nav-list li {
list-style: none;
float: left; }
ul.item-list li a.link,
ul.nav-list li a.link {
display: block; }
ul.item-list:before, ul.item-list:after,
ul.nav-list:before,
ul.nav-list:after {
content: ' ';
display: table; }
ul.item-list:after,
ul.nav-list:after {
clear: both; }
ul.item-list.fluid li,
ul.nav-lis.fluid li {
width: 100%; }
.iframe-container {
position: relative;
padding-bottom: 56%;
overflow: hidden; }
.iframe-container iframe, .iframe-container object, .iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-container {
position: relative;
padding-bottom: 57%;
overflow: hidden; }
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* config */
@font-face {
font-family: 'db_helvethaica';
src: url("../font/db_helvethaica_x_thin_v3.2-webfont.woff") format("woff");
font-display: block;
font-weight: 100;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica';
src: url("../font/db_helvethaica_x_li_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_li_v3.2-webfont.woff") format("woff");
font-display: block;
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica';
src: url("../font/db_helvethaica_x_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_v3.2-webfont.woff") format("woff");
font-display: block;
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica';
src: url("../font/db_helvethaica_x_med_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_med_v3.2-webfont.woff") format("woff");
font-display: block;
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica';
src: url("../font/db_helvethaica_x_bd_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_bd_v3.2-webfont.woff") format("woff");
font-display: block;
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_ulli_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_ulli_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: 100;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_thin_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_thin_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: 200;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_li_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_li_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_med_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_med_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_bd_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_bd_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'db_helvethaica_cond';
src: url("../font/db_helvethaica_x_blk_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_blk_cond_v3.2.woff") format("woff");
font-display: block;
font-weight: bold;
font-style: normal; }
.text-primary {
color: #144188 !important; }
.text-secondary {
color: #3F7E44 !important; }
.text-red {
color: #f00 !important; }
.text-gray {
color: #666666 !important; }
.text-lightgray {
color: #999 !important; }
.text-gold {
color: #e9c87b !important; }
.text-light {
color: #ffffff !important; }
.text-dark {
color: #000000 !important; }
.text-darkgray {
color: #333333 !important; }
.text-brown {
color: #5B3C31 !important; }
body {
font-family: 'db_helvethaica';
background-color: #fff;
font-size: 16px;
color: #333333;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'db_helvethaica'; }
.transition {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
/* components */
#preload {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999;
left: 0;
top: 0;
background-color: #f5f5f5; }
.preload {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.preload .logo {
width: 180px; }
.lds-facebook {
display: inline-block;
position: relative;
width: 30px;
height: 15px; }
.lds-facebook div {
display: inline-block;
position: absolute;
left: 0px;
width: 8px;
background: #144188;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }
.lds-facebook div:nth-child(1) {
left: 0px;
animation-delay: 0s; }
.lds-facebook div:nth-child(2) {
left: 11px;
animation-delay: 0.12s; }
.lds-facebook div:nth-child(3) {
left: 22px;
animation-delay: 0.24s; }
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px; }
50%, 100% {
top: 24px;
height: 32px; } }
nav.menu li a.link {
font-size: 22px;
font-weight: 500;
color: #000000;
display: block;
position: relative;
text-transform: uppercase; }
nav.menu li a.link:hover {
color: #3F7E44; }
nav.menu li a.link:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -6px;
width: 100%;
height: 1px;
background-color: #3F7E44;
opacity: 0;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out; }
nav.menu li.active > a.link {
color: #3F7E44; }
nav.menu li.active > a.link:before {
opacity: 1; }
nav.menu li.dropdown a.link .icon {
display: inline-block;
vertical-align: middle; }
nav.menu li.dropdown a.link .icon:before {
content: "\f107";
font-family: 'FontAwesome'; }
nav.menu li.dropdown.show > a.link {
color: #3F7E44; }
nav.menu li.dropdown.show > a.link .icon:before {
content: '\f106'; }
nav.menu li.dropdown.show > a.link:before {
opacity: 1; }
nav.menu li + li {
margin-left: 50px; }
nav.menu .dropdown-toggle::after {
display: none; }
nav.menu .dropdown-menu {
width: 100%;
position: fixed !important;
top: 120px !important;
left: 0 !important;
transform: none !important;
padding: 35px 0 45px 0;
background-color: #F6F6F6;
margin: 0;
border: 0;
border-radius: 0; }
nav.menu .dropdown-menu .h-title {
margin-bottom: 20px;
font-size: 42px;
font-weight: bold;
line-height: 1;
color: #144188;
text-transform: uppercase; }
nav.menu .dropdown-menu .nav-list {
float: left;
width: 250px;
border-right: 1px solid #E2E2E2;
padding-right: 30px; }
nav.menu .dropdown-menu .nav-list.fluid {
float: none;
width: 100%; }
nav.menu .dropdown-menu .nav-list + .nav-list {
padding-left: 30px; }
nav.menu .dropdown-menu .nav-list:last-child {
border-right: 0; }
nav.menu .dropdown-menu li {
width: 100%; }
nav.menu .dropdown-menu li + li {
margin-top: 10px;
margin-left: 0; }
nav.menu .dropdown-menu .link:before {
display: none; }
.menu-mobile-btn {
display: none;
position: fixed;
right: 20px;
top: 23px;
margin: auto;
z-index: 3;
width: 20px;
height: 16px; }
.menu-mobile-btn .btn-mobile {
display: block;
width: 20px;
height: 16px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
.menu-mobile-btn .btn-mobile .bar {
position: absolute;
width: 100%;
height: 2px;
left: 0;
background-color: #144188;
margin: auto;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.menu-mobile-btn .btn-mobile .bar:nth-child(1) {
top: 0; }
.menu-mobile-btn .btn-mobile .bar:nth-child(2) {
top: 0;
bottom: 0; }
.menu-mobile-btn .btn-mobile .bar:nth-child(3) {
top: 0;
bottom: 0; }
.menu-mobile-btn .btn-mobile .bar:nth-child(4) {
bottom: 0; }
.menu-mobile-btn .btn-mobile.close {
opacity: 1; }
.menu-mobile-btn .btn-mobile.close .bar:nth-child(1) {
top: 0;
opacity: 0; }
.menu-mobile-btn .btn-mobile.close .bar:nth-child(2) {
top: 0;
bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.menu-mobile-btn .btn-mobile.close .bar:nth-child(3) {
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.menu-mobile-btn .btn-mobile.close .bar:nth-child(4) {
bottom: 0;
opacity: 0; }
.slick-prev:before,
.slick-next:before {
display: none; }
.slick-prev:hover:before,
.slick-next:hover:before {
color: #144188; }
.slick-prev, .slick-next {
z-index: 1;
width: 50px;
height: 50px;
line-height: 53px;
text-align: center;
background-color: #ffffff;
border: 1px solid #F0F0F0;
font-size: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09); }
.slick-arrow .icon {
color: #F0F0F0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.slick-prev {
left: -10px; }
.slick-next {
right: -10px; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
border-color: #C7C7C7;
background-color: #ffffff; }
.slick-prev:hover .icon,
.slick-prev:focus .icon,
.slick-next:hover .icon,
.slick-next:focus .icon {
color: #C7C7C7; }
.slick-dots li {
width: auto;
height: auto;
margin: 0 15px;
position: relative;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.slick-dots li:before {
content: '';
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
border: 1px solid #999;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.slick-dots li button {
width: 10px;
height: 10px;
padding: 0;
background: #999;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.slick-dots li button:before {
display: none; }
.slick-dots li.slick-active button {
background: #144188; }
.slick-dots li.slick-active:before {
opacity: 1; }
.slick-dots:hover li {
opacity: 0.5; }
.slick-dots:hover li:hover {
opacity: 1; }
.slick-slide .item {
float: left; }
.breadcrumb-block {
padding: 45px 0 60px 0;
overflow: auto;
white-space: nowrap;
display: flex;
position: relative;
z-index: 2; }
.breadcrumb {
background-color: transparent;
margin: 0;
padding: 0;
flex-wrap: nowrap;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
.breadcrumb li {
position: relative;
color: #909090;
font-size: 20px;
line-height: 1; }
.breadcrumb li .icon {
margin-right: 6px;
display: inline-block; }
.breadcrumb li .link {
color: #909090;
font-size: 20px;
line-height: 1; }
.breadcrumb li .link:hover {
color: #144188; }
.breadcrumb li.active {
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #000000; }
.breadcrumb li + li {
padding-left: 20px;
margin-left: 10px; }
.breadcrumb li + li:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
padding: 0;
width: 6px;
height: 6px;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.pagination-block {
position: relative; }
.pagination-label .title {
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #999; }
.pagination-label span {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #ffffff;
display: inline;
margin: 0 8px;
padding: 2px 25px;
background-color: #144188;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.pagination {
margin: 0; }
.pagination .link {
display: block;
text-align: center;
min-width: 50px;
height: 50px;
line-height: 48px;
padding: 0 10px;
font-size: 22px;
font-weight: normal;
position: relative;
background-color: transparent;
color: #909090;
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
.pagination .link:hover {
color: #144188; }
.pagination .link .feather {
position: relative;
top: 3px; }
.pagination .link:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: #144188;
opacity: 0;
display: none;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
.pagination .active .link {
color: #ffffff;
background-color: #144188; }
.pagination .active .link:before {
opacity: 1; }
.pagination li {
display: inline-block;
vertical-align: middle; }
.pagination li + li {
margin-left: 6px; }
.pagination .pagination-nav .link {
color: #C7C7C7;
border-color: #C7C7C7; }
.pagination .pagination-nav .link:hover {
color: #909090;
border-color: #909090; }
.pagination .jumpPage {
width: 110px; }
.pagination .select2-container--default .select2-selection--single {
height: 50px; }
.pagination .select2-container .select2-selection--single .select2-selection__rendered {
color: #909090;
line-height: 48px;
font-size: 22px;
font-weight: normal; }
.pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {
line-height: 36px;
font-size: 26px;
color: #909090; }
.font-base-editor, .editor-content, .editor-content p {
font-size: 30px;
font-weight: normal;
color: #909090;
line-height: 1.2em;
margin-bottom: 20px; }
.editor-content {
padding-bottom: 65px; }
.editor-content p:last-child {
margin-bottom: 0; }
.editor-content img {
height: auto !important; }
.whead {
margin-bottom: 60px; }
.whead .wtxt {
margin: 0;
font-size: 117px;
font-weight: bold;
line-height: 1em;
color: #000000;
position: relative;
z-index: 1; }
.whead .wtxt.-sm {
font-size: 52px; }
.whead .wtxt:before {
content: '';
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 70px;
height: 70px;
opacity: 0.3;
background-color: #EEEEEE;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
border-radius: 30px 0 30px 0; }
.whead .wtxt.-typeI:before {
background-image: linear-gradient(180deg, #76bf88 0%, #1b4a27 100%);
opacity: 1; }
.whead .wtxt.-typeII:before {
background-image: linear-gradient(180deg, #eece50 0%, #635506 100%);
opacity: 1; }
.whead .wtxt.-typeIII:before {
background-image: linear-gradient(180deg, #c2b6dc 0%, #382563 100%);
opacity: 1; }
.whead .wtxt.-typeIV:before {
background-image: linear-gradient(180deg, #e99fc9 0%, #6a234b 100%);
opacity: 1; }
.whead .wtxt.-typeV:before {
background-image: linear-gradient(180deg, #7ab6d5 0%, #1d4e68 100%);
opacity: 1; }
.btn {
background: none;
position: relative;
overflow: hidden;
top: 0;
z-index: 10;
border: 1px solid transparent;
text-transform: uppercase;
padding: 0 10px;
min-width: 250px;
height: 60px;
line-height: 58px;
font-size: 22px;
font-weight: normal;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.btn.fluid {
min-width: inherit;
width: 100%;
position: relative; }
.btn:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out; }
.btn:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.btn .icon-R {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.btn .icon-L {
margin-right: 10px;
position: relative;
left: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.btn:hover .icon-R {
right: -5px; }
.btn:hover .icon-L {
left: -5px; }
.btn-primary {
color: #ffffff;
background-color: #144188;
border-color: #144188; }
.btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.actitve:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:focus:hover, .btn-primary.focus:hover {
color: #ffffff;
background-color: #ffffff;
border-color: #144188; }
.btn-primary.disabled, .btn-primary.disabled:hover {
color: #ffffff;
background-color: #144188;
border-color: #144188;
opacity: 0.5; }
.btn-primary:before {
background-color: #144188; }
.btn-secondary-light {
color: #3F7E44;
background-color: #ffffff;
border-color: #ffffff; }
.btn-secondary-light:hover, .btn-secondary-light:active:hover, .btn-secondary-light.active:hover, .btn-secondary-light:active:focus, .btn-secondary-light.actitve:focus, .btn-secondary-light:active.focus, .btn-secondary-light.active.focus, .btn-secondary-light:focus:hover, .btn-secondary-light.focus:hover {
color: #ffffff;
background-color: #ffffff;
border-color: #3F7E44; }
.btn-secondary-light.disabled, .btn-secondary-light.disabled:hover {
color: #ffffff;
background-color: #ffffff;
border-color: #3F7E44;
opacity: 0.5; }
.btn-secondary-light:before {
background-color: #3F7E44; }
.form-default .form-group {
position: relative;
margin-bottom: 20px; }
.form-default .control-label {
margin-bottom: 10px;
font-weight: normal;
font-size: 14px;
color: #333333;
line-height: 1.2em; }
.form-default .form-control {
line-height: 1.2em;
padding: 10px 15px;
font-size: 14px;
color: #333333;
min-height: 40px;
background-color: #ffffff;
border: 1px solid #333333;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.form-default .form-control:focus {
border-color: #333333; }
.form-default .floating-label {
color: #333333;
font-size: 14px;
position: absolute;
pointer-events: none;
left: 15px;
top: 9px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out; }
.form-default .form-control:focus ~ .floating-label,
.form-default .form-control:not(:focus):valid ~ .floating-label {
color: #333333;
font-size: 12px;
left: 0;
top: -22px; }
.form-default .block-control {
position: relative; }
.form-default .has-error .form-control:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.form-default .has-success .form-control:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.form-control-feedback {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
background-size: 100%; }
.form-control-feedback:before {
display: none; }
.form-control-feedback.glyphicon-ok {
background: url("../img/icon/checked.png") center no-repeat;
background-size: 16px; }
.form-control-feedback.glyphicon-remove {
background: url("../img/icon/cancel.png") center no-repeat;
background-size: 16px; }
.radio-control {
position: relative;
display: inline-block;
min-height: 34px;
padding-left: 0; }
.radio-control .icon {
width: 20px;
height: 20px;
border: 1px solid #ccc;
background-color: #ffffff;
position: absolute;
top: 10px;
left: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.radio-control .txt {
margin: 0;
font-size: 16px;
font-weight: normal;
color: #333333;
line-height: 20px;
display: block;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px; }
.radio-control input[type='radio'] {
margin-top: 0;
position: absolute;
z-index: 5;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer; }
.radio-control input[type='radio']:checked ~ .icon {
border-color: transparent;
border-color: #333333; }
.radio-control input[type='radio']:checked ~ .icon:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.checkbox-control {
position: relative;
display: inline-block; }
.checkbox-control .icon {
width: 15px;
height: 15px;
border: 1px solid #CCCCCC;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.checkbox-control .txt {
margin: 0;
font-size: 20px;
font-weight: normal;
color: #333333;
padding-left: 25px;
line-height: 15px;
display: block;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out; }
.checkbox-control .txt .color {
color: #144188; }
.checkbox-control input[type='checkbox'] {
margin-top: 0;
position: absolute;
z-index: 5;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer; }
.checkbox-control input[type='checkbox']:checked ~ .icon:before {
content: '\f00c';
position: absolute;
width: 10px;
height: 15px;
font-family: 'FontAwesome';
font-size: 12px;
color: #144188;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; }
.select2-container--default .select2-selection--single {
border: 1px solid #D4D4D4;
border-radius: 25px;
height: 50px; }
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 30px;
color: #144188;
line-height: 48px;
font-size: 24px;
font-weight: 300; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px;
width: 20px;
top: 0;
right: 12px;
bottom: 0;
margin: auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none; }
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
content: "\f107";
font-family: 'FontAwesome';
line-height: 36px;
font-size: 32px;
color: #999; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
content: "\f106"; }
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:focus,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:focus {
outline: none; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__rendered {
color: #144188; }
.select2-results__option {
font-size: 20px;
font-weight: normal;
line-height: 1;
color: #666666;
border: 1px solid #D4D4D4;
padding: 7px 18px; }
.select2-results__option + .select2-results__option {
border-top: 0; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #144188;
color: #ffffff;
border-color: #144188;
font-weight: 300; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #144188; }
.modal-title .title {
font-size: 30px;
font-weight: bold;
line-height: 1;
color: #000000;
margin: 0; }
.modal-title .desc {
font-size: 26px;
font-weight: normal;
line-height: 1;
color: #000000;
margin: 0; }
.modal-body .title {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #000000;
margin: 0; }
.modal-body .desc {
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #000000;
margin: 0; }
.modal-dialog {
max-width: 780px; }
/* pages */
.global-container {
overflow: hidden; }
.site-container {
padding-top: 120px; }
.tooltip.show {
opacity: 1; }
.tooltip-inner {
max-width: 230px;
padding: 5px 10px;
color: #909090;
background-color: #ffffff;
font-size: 20px;
font-weight: normal;
border: 1px solid #3F7E44;
font-family: 'db_helvethaica';
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09); }
.bs-tooltip-bottom .arrow::before {
z-index: 0;
border: 0;
width: 0.8rem;
height: 0.8rem;
background-color: #ffffff;
bottom: -6px;
transform: rotate(45deg); }
.bs-tooltip-bottom .arrow::after {
content: '';
position: absolute;
z-index: 1;
width: 0.8rem;
height: 0.8rem;
border: 1px solid #3F7E44;
border-bottom: 0;
border-right: 0;
transform: rotate(45deg);
bottom: -6px; }
.action-back {
position: relative;
z-index: 3; }
.action-back .btn {
min-width: 150px;
height: 50px;
line-height: 48px;
font-size: 20px; }
.main-slider.slick-dotted.slick-slider {
margin-bottom: 0; }
.main-slider .slick-dots {
bottom: 100px; }
.main-slider .slick-dots li:before {
border: 1px solid #ffffff; }
.main-slider .slick-dots li button {
background: #ffffff; }
.main-slider .slick-dots li.slick-active button {
background: #ffffff; }
.main-slider .wrapper {
position: relative; }
.main-slider .content {
position: absolute;
z-index: +1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
text-align: center; }
.main-slider .content .inner {
padding-bottom: 160px; }
.main-slider .content .title {
font-size: 112px;
font-weight: bold;
line-height: 0.7em;
color: #ffffff;
margin-bottom: 20px;
overflow: hidden;
height: 1.4em;
max-width: 1180px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.main-slider .content .desc {
font-size: 24px;
font-weight: normal;
line-height: 1;
color: #ffffff; }
.main-slider .cover,
.main-slider .iframe-container {
padding-bottom: calc(100vh - 120px); }
.main-slider .link:hover .title {
-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }
.wg-highlights .row-item {
align-items: center; }
.wg-highlights .box:nth-child(odd) {
background-color: #ffffff; }
.wg-highlights .box:nth-child(odd) .row-item > .col-auto {
order: 1; }
.wg-highlights .box:nth-child(odd) .row-item > .col {
order: 2; }
.wg-highlights .box:nth-child(odd) .row-item .highlights-box {
margin-left: -195px;
padding-left: 195px;
padding-right: 115px; }
.wg-highlights .box:nth-child(odd) .row-item .wg-highlights-slider .highlights-nav {
justify-content: flex-start; }
.wg-highlights .box:nth-child(even) {
background-color: #F9F9F9; }
.wg-highlights .box:nth-child(even) .row-item > .col-auto {
order: 2; }
.wg-highlights .box:nth-child(even) .row-item > .col {
order: 1; }
.wg-highlights .box:nth-child(even) .row-item .highlights-box {
margin-right: -195px;
padding-right: 195px;
padding-left: 115px; }
.wg-highlights .box:nth-child(even) .row-item .wg-highlights-slider .highlights-nav {
justify-content: flex-end; }
.wg-highlights .highlights-box {
height: 870px;
width: 560px;
padding-top: 140px;
position: relative;
-webkit-border-radius: 100px 0 100px 0;
-moz-border-radius: 100px 0 100px 0;
border-radius: 100px 0 100px 0;
overflow: hidden; }
.wg-highlights .highlights-box:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 400px;
height: 400px;
pointer-events: none;
background-image: url(../img/static/highlights-watermark.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain; }
.wg-highlights .highlights-box .h-title {
font-size: 55px;
font-weight: normal;
line-height: 1;
color: #ffffff;
margin-bottom: 35px;
position: relative;
z-index: 1;
padding-left: 35px; }
.wg-highlights .highlights-box .h-title:before {
content: '';
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 70px;
height: 70px;
opacity: 0.3;
background-color: #EEEEEE;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
border-radius: 30px 0 30px 0; }
.wg-highlights .highlights-box .title {
font-size: 68px;
font-weight: bold;
line-height: 1em;
color: #ffffff;
margin-bottom: 25px;
overflow: hidden;
height: 1em;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.wg-highlights .highlights-box .desc {
font-size: 35px;
font-weight: 500;
line-height: 1em;
color: #ffffff;
margin-bottom: 60px;
overflow: hidden;
height: 10em;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical; }
.wg-highlights .highlights-box .action .link {
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #ffffff; }
.wg-highlights .highlights-box .action .link .icon {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.wg-highlights .highlights-box .action .link .icon .lazy {
display: inline-block; }
.wg-highlights .highlights-box .action .link:hover .icon {
right: -5px; }
.wg-highlights .highlights-box.-typeI {
background-image: linear-gradient(180deg, #48a030 0%, #1b4a27 100%); }
.wg-highlights .highlights-box.-typeII {
background-image: linear-gradient(180deg, #fbc412 0%, #ff950b 100%); }
.wg-highlights .highlights-box.-typeIII {
background-image: linear-gradient(180deg, #11bce4 0%, #0084dc 100%); }
.wg-highlights .highlights-box.-typeIV {
background-image: linear-gradient(180deg, #00669f 0%, #003a9f 100%); }
.wg-highlights .highlights-box.-typeV {
background-image: linear-gradient(180deg, #19486a 0%, #0b263a 100%); }
.wg-highlights-slider {
width: 1105px; }
.wg-highlights-slider .highlights-nav {
display: flex;
width: 100%; }
.wg-highlights-slider .highlights-nav .item {
width: calc(100%/5); }
.wg-highlights-slider .highlights-nav.-slider {
display: block; }
.wg-highlights-slider .highlights-nav.-slider .item {
width: 100%; }
.wg-highlights-slider .highlights-nav .link {
display: block;
padding: 0 10px; }
.wg-highlights-slider .highlights-nav .height {
height: 72px;
align-items: center; }
.wg-highlights-slider .highlights-nav .number {
font-size: 40px;
font-weight: bold;
line-height: 1;
color: #ffffff;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.wg-highlights-slider .highlights-nav .txt {
padding: 0 10px;
font-size: 18px;
font-weight: 500;
line-height: 0.8em;
color: #ffffff;
overflow: hidden;
height: 1.6em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.wg-highlights-slider .highlights-nav .icon {
position: relative;
top: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
.wg-highlights-slider .highlights-nav .icon .lazy {
height: 36px;
max-width: 50px;
object-fit: contain; }
.wg-highlights-slider .highlights-nav .link:hover .number {
-webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
.wg-highlights-slider .highlights-nav .link:hover .icon {
-webkit-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-o-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1); }
.wg-highlights-slider .highlights-nav .-typeI {
background-color: #E5243B; }
.wg-highlights-slider .highlights-nav .-typeII {
background-color: #DDA73A; }
.wg-highlights-slider .highlights-nav .-typeIII {
background-color: #48A030; }
.wg-highlights-slider .highlights-nav .-typeIV {
background-color: #C71427; }
.wg-highlights-slider .highlights-nav .-typeV {
background-color: #FF3709; }
.wg-highlights-slider .highlights-nav .-typeVI {
background-color: #11BCE4; }
.wg-highlights-slider .highlights-nav .-typeVII {
background-color: #FBC412; }
.wg-highlights-slider .highlights-nav .-typeVIII {
background-color: #A21942; }
.wg-highlights-slider .highlights-nav .-typeIX {
background-color: #FF680B; }
.wg-highlights-slider .highlights-nav .-typeX {
background-color: #DF0466; }
.wg-highlights-slider .highlights-nav .-typeXI {
background-color: #FF9D00; }
.wg-highlights-slider .highlights-nav .-typeXII {
background-color: #C08B20; }
.wg-highlights-slider .highlights-nav .-typeXIII {
background-color: #407F46; }
.wg-highlights-slider .highlights-nav .-typeXIV {
background-color: #0096DC; }
.wg-highlights-slider .highlights-nav .-typeXV {
background-color: #51C217; }
.wg-highlights-slider .highlights-nav .-typeXVI {
background-color: #00669F; }
.wg-highlights-slider .highlights-nav .-typeXVII {
background-color: #19486A; }
.wg-highlights-slider .highlights-for {
padding-top: 30px;
margin: 0 -15px; }
.wg-highlights-slider .highlights-for .item {
padding: 0 15px; }
.wg-highlights-slider .highlights-for .link {
display: block; }
.wg-highlights-slider .highlights-for .thumb .cover {
position: relative;
overflow: hidden;
padding-bottom: 420px; }
.wg-highlights-slider .highlights-for .thumb .cover .lazy {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.wg-highlights-slider .highlights-for .content {
position: relative;
padding-top: 30px; }
.wg-highlights-slider .highlights-for .content .number-list {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -80px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown {
position: absolute;
left: 0;
right: 0;
top: 100%;
text-align: center;
pointer-events: visible; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown a.link .icon {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #000000; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown a.link .icon:before {
content: "\f107";
font-family: 'FontAwesome'; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown.show a.link .icon:before {
content: '\f106'; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown-toggle::after {
display: none; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {
padding: 15px;
margin: 0;
border: 1px solid #e1e0e0;
background-color: #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown-menu li {
width: calc(100%/5);
margin: 2px 0; }
.wg-highlights-slider .highlights-for .content .number {
width: 60px;
height: 60px;
margin: 0 2px;
pointer-events: visible;
font-size: 32px;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.wg-highlights-slider .highlights-for .content .date {
font-size: 24px;
font-weight: normal;
line-height: 1em;
color: #333333;
margin-bottom: 10px;
opacity: 0.4; }
.wg-highlights-slider .highlights-for .content .title {
font-size: 40px;
font-weight: normal;
line-height: 1em;
color: #333333;
overflow: hidden;
max-height: 2em;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.wg-highlights-slider .highlights-for .content .desc {
font-size: 24px;
font-weight: normal;
line-height: 1em;
color: #333333;
overflow: hidden;
max-height: 2em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.wg-highlights-slider .highlights-for .link:hover .thumb .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.wg-highlights-slider .highlights-for .-typeI.number {
background-color: #E5243B;
border-color: #E5243B; }
.wg-highlights-slider .highlights-for .-typeI.number:hover {
background-color: #ffffff;
color: #E5243B; }
.wg-highlights-slider .highlights-for .-typeI:hover .title {
color: #E5243B; }
.wg-highlights-slider .highlights-for .-typeII.number {
background-color: #DDA73A;
border-color: #DDA73A; }
.wg-highlights-slider .highlights-for .-typeII.number:hover {
background-color: #ffffff;
color: #DDA73A; }
.wg-highlights-slider .highlights-for .-typeII:hover .title {
color: #DDA73A; }
.wg-highlights-slider .highlights-for .-typeIII.number {
background-color: #48A030;
border-color: #48A030; }
.wg-highlights-slider .highlights-for .-typeIII.number:hover {
background-color: #ffffff;
color: #48A030; }
.wg-highlights-slider .highlights-for .-typeIII:hover .title {
color: #48A030; }
.wg-highlights-slider .highlights-for .-typeIV.number {
background-color: #C71427;
border-color: #C71427; }
.wg-highlights-slider .highlights-for .-typeIV.number:hover {
background-color: #ffffff;
color: #C71427; }
.wg-highlights-slider .highlights-for .-typeIV:hover .title {
color: #C71427; }
.wg-highlights-slider .highlights-for .-typeV.number {
background-color: #FF3709;
border-color: #FF3709; }
.wg-highlights-slider .highlights-for .-typeV.number:hover {
background-color: #ffffff;
color: #FF3709; }
.wg-highlights-slider .highlights-for .-typeV:hover .title {
color: #FF3709; }
.wg-highlights-slider .highlights-for .-typeVI.number {
background-color: #11BCE4;
border-color: #11BCE4; }
.wg-highlights-slider .highlights-for .-typeVI.number:hover {
background-color: #ffffff;
color: #11BCE4; }
.wg-highlights-slider .highlights-for .-typeVI:hover .title {
color: #11BCE4; }
.wg-highlights-slider .highlights-for .-typeVII.number {
background-color: #FBC412;
border-color: #FBC412; }
.wg-highlights-slider .highlights-for .-typeVII.number:hover {
background-color: #ffffff;
color: #FBC412; }
.wg-highlights-slider .highlights-for .-typeVII:hover .title {
color: #FBC412; }
.wg-highlights-slider .highlights-for .-typeVIII.number {
background-color: #A21942;
border-color: #A21942; }
.wg-highlights-slider .highlights-for .-typeVIII.number:hover {
background-color: #ffffff;
color: #A21942; }
.wg-highlights-slider .highlights-for .-typeVIII:hover .title {
color: #A21942; }
.wg-highlights-slider .highlights-for .-typeIX.number {
background-color: #FF680B;
border-color: #FF680B; }
.wg-highlights-slider .highlights-for .-typeIX.number:hover {
background-color: #ffffff;
color: #FF680B; }
.wg-highlights-slider .highlights-for .-typeIX:hover .title {
color: #FF680B; }
.wg-highlights-slider .highlights-for .-typeX.number {
background-color: #DF0466;
border-color: #DF0466; }
.wg-highlights-slider .highlights-for .-typeX.number:hover {
background-color: #ffffff;
color: #DF0466; }
.wg-highlights-slider .highlights-for .-typeX:hover .title {
color: #DF0466; }
.wg-highlights-slider .highlights-for .-typeXI.number {
background-color: #FF9D00;
border-color: #FF9D00; }
.wg-highlights-slider .highlights-for .-typeXI.number:hover {
background-color: #ffffff;
color: #FF9D00; }
.wg-highlights-slider .highlights-for .-typeXI:hover .title {
color: #FF9D00; }
.wg-highlights-slider .highlights-for .-typeXII.number {
background-color: #C08B20;
border-color: #C08B20; }
.wg-highlights-slider .highlights-for .-typeXII.number:hover {
background-color: #ffffff;
color: #C08B20; }
.wg-highlights-slider .highlights-for .-typeXII:hover .title {
color: #C08B20; }
.wg-highlights-slider .highlights-for .-typeXIII.number {
background-color: #407F46;
border-color: #407F46; }
.wg-highlights-slider .highlights-for .-typeXIII.number:hover {
background-color: #ffffff;
color: #407F46; }
.wg-highlights-slider .highlights-for .-typeXIII:hover .title {
color: #407F46; }
.wg-highlights-slider .highlights-for .-typeXIV.number {
background-color: #0096DC;
border-color: #0096DC; }
.wg-highlights-slider .highlights-for .-typeXIV.number:hover {
background-color: #ffffff;
color: #0096DC; }
.wg-highlights-slider .highlights-for .-typeXIV:hover .title {
color: #0096DC; }
.wg-highlights-slider .highlights-for .-typeXV.number {
background-color: #51C217;
border-color: #51C217; }
.wg-highlights-slider .highlights-for .-typeXV.number:hover {
background-color: #ffffff;
color: #51C217; }
.wg-highlights-slider .highlights-for .-typeXV:hover .title {
color: #51C217; }
.wg-highlights-slider .highlights-for .-typeXVI.number {
background-color: #00669F;
border-color: #00669F; }
.wg-highlights-slider .highlights-for .-typeXVI.number:hover {
background-color: #ffffff;
color: #00669F; }
.wg-highlights-slider .highlights-for .-typeXVI:hover .title {
color: #00669F; }
.wg-highlights-slider .highlights-for .-typeXVII.number {
background-color: #19486A;
border-color: #19486A; }
.wg-highlights-slider .highlights-for .-typeXVII.number:hover {
background-color: #ffffff;
color: #19486A; }
.wg-highlights-slider .highlights-for .-typeXVII:hover .title {
color: #19486A; }
.wg-sustainable-policies {
padding-top: 120px;
padding-bottom: 220px;
position: relative;
background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%); }
.wg-sustainable-policies:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 1000px;
height: 850px;
pointer-events: none;
background-image: url(../img/static/sustainable-watermark.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain; }
.wg-sustainable-policies .h-title {
font-size: 87px;
font-weight: 500;
line-height: 0.8;
color: #ffffff;
margin-bottom: 10px; }
.wg-sustainable-policies .content {
padding: 0 115px;
position: relative; }
.wg-sustainable-policies .content .img {
position: absolute;
top: 90px;
height: 300px; }
.wg-sustainable-policies .content .img.-L {
left: -965px;
width: 960px; }
.wg-sustainable-policies .content .img.-R {
right: -900px;
width: 905px; }
.wg-sustainable-policies .content .title {
font-size: 52px;
font-weight: bold;
line-height: 1;
color: #4ED0F9;
margin-bottom: 30px; }
.wg-sustainable-policies .content .s-title {
font-size: 42px;
font-weight: bold;
line-height: 1;
color: #ffffff;
margin-bottom: 20px;
text-transform: uppercase; }
.wg-sustainable-policies .content .desc {
font-size: 26px;
font-weight: 500;
line-height: 1.2em;
color: #ffffff;
margin-bottom: 50px; }
.wg-sustainable-policies .content .action .link {
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #ffffff; }
.wg-sustainable-policies .content .action .link .icon {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.wg-sustainable-policies .content .action .link .icon .lazy {
display: inline-block; }
.wg-sustainable-policies .content .action .link:hover .icon {
right: -5px; }
.wg-sustainable-policies .strategy-list {
padding-top: 75px;
margin-bottom: -380px;
position: relative; }
.wg-sustainable-policies .strategy-list .title {
font-size: 42px;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
margin-bottom: 25px;
text-transform: uppercase; }
.wg-sustainable-policies .strategy-list .item-list {
width: 960px;
margin: 0 auto;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.wg-sustainable-policies .strategy-list .item-list li {
width: calc(100%/3); }
.wg-sustainable-policies .strategy-list .item-list li + li {
position: relative; }
.wg-sustainable-policies .strategy-list .item-list li + li:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 1px;
background-color: #D4D4D4; }
.wg-sustainable-policies .strategy-list .link {
display: block;
height: 300px;
padding: 60px 60px 60px 50px;
background-color: #ffffff; }
.wg-sustainable-policies .strategy-list .link:hover {
background-color: #fbfbfb; }
.wg-sustainable-policies .strategy-list .link:hover .thumb {
top: -5px; }
.wg-sustainable-policies .strategy-list .thumb {
padding-bottom: 35px;
position: relative;
top: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.wg-sustainable-policies .strategy-list .thumb .contain {
margin: 0 auto;
width: 90px;
height: 90px; }
.wg-sustainable-policies .strategy-list .txt {
font-size: 32px;
font-weight: bold;
line-height: 1em;
color: #000000;
text-align: center;
text-transform: uppercase;
height: 2em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.wg-browse-courses {
padding-top: 160px;
background-color: #ffffff;
background-image: url(../img/background/bg-wg-browse-courses.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain; }
.wg-browse-courses .inner {
padding-top: 130px;
padding-bottom: 160px;
position: relative; }
.wg-browse-courses .inner:before {
content: '';
position: absolute;
height: 1px;
background-color: #EEEEEE;
left: 0;
right: 0;
bottom: 164px; }
.wg-browse-courses .h-title {
font-size: 116px;
font-weight: 100;
line-height: 0.8;
color: #144188;
margin-bottom: 100px;
text-align: center; }
.wg-browse-courses .item-list {
margin: 0 -35px;
position: relative; }
.wg-browse-courses .item-list > li {
width: calc(100%/7);
padding: 0 35px;
position: relative; }
.wg-browse-courses .item-list > li + li:after {
content: '';
position: absolute;
width: 9px;
height: 9px;
background-color: #EEEEEE;
left: 0px;
bottom: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.wg-browse-courses .thumb {
width: 130px;
height: 130px;
background-color: #ffffff;
border: 2px solid #ffffff;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
bottom: -15px;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.wg-browse-courses .thumb .contain {
width: 70px;
height: 70px; }
.wg-browse-courses .thumb .contain .-iconA {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
opacity: 1; }
.wg-browse-courses .thumb .contain .-iconB {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
opacity: 0; }
.wg-browse-courses .txt {
text-align: center;
height: 96px;
position: relative;
padding-bottom: 40px; }
.wg-browse-courses .txt:before {
content: '';
position: absolute;
width: 1px;
height: 36px;
background-color: #EEEEEE;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.wg-browse-courses .txt:after {
content: '';
position: absolute;
width: 9px;
height: 9px;
background-color: #EEEEEE;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.wg-browse-courses .txt .word {
font-size: 22px;
font-weight: bold;
line-height: 1em;
color: #000000;
text-transform: uppercase;
overflow: hidden;
position: relative;
top: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.wg-browse-courses .link:hover .thumb {
background-color: #EEEEEE;
border-color: #E8E8E8;
bottom: 5px; }
.wg-browse-courses .link:hover .thumb .contain .-iconA {
opacity: 0; }
.wg-browse-courses .link:hover .thumb .contain .-iconB {
opacity: 1; }
.wg-browse-courses .link:hover .txt .word {
top: 15px;
color: #144188; }
.wg-sustainable {
padding: 70px 0;
background-image: url(../img/background/bg-wg-sustainable.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.wg-sustainable .h-title {
font-size: 90px;
font-weight: 500;
line-height: 0.9;
color: #ffffff;
text-align: center;
margin-bottom: 40px; }
.wg-sustainable .txt {
font-size: 36px;
font-weight: normal;
line-height: 1;
color: #ffffff;
margin-bottom: 15px; }
.wg-sustainable .item-list li {
width: 100%; }
.wg-sustainable .item-list li + li {
margin-top: 8px; }
.wg-sustainable .item-list + .txt {
margin-top: 30px; }
.wg-sustainable .link {
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #ffffff;
opacity: 0.5; }
.wg-sustainable .link:hover {
opacity: 1; }
.strategic-page {
position: relative;
background-image: url(../img/background/bg-strategic.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain; }
.strategic-page .txt {
font-size: 50px;
font-weight: normal;
line-height: 1;
color: #3F7E44;
margin-bottom: 25px; }
.strategic-page .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000; }
.strategic-page .title + .desc {
padding-top: 20px; }
.strategic-page .desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000; }
.strategic-head {
padding-bottom: 170px; }
.strategic-head .thumb {
position: relative; }
.strategic-head .thumb .cover {
width: 490px;
padding-bottom: 100%;
overflow: hidden;
-webkit-border-radius: 100px 0 100px 0;
-moz-border-radius: 100px 0 100px 0;
border-radius: 100px 0 100px 0; }
.strategic-head .thumb .icon {
height: 230px;
width: 230px;
position: absolute;
z-index: 1;
left: 0;
bottom: -80px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 0 80px 0 80px;
-moz-border-radius: 0 80px 0 80px;
border-radius: 0 80px 0 80px;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.strategic-head .thumb .icon .lazy {
width: 109px;
height: 109px;
object-fit: contain; }
.strategic-head .content {
padding-left: 160px; }
.strategic-body {
padding-bottom: 100px; }
.strategic-body .content + .content {
margin-top: 65px; }
.highlights-page {
position: relative;
background-image: url(../img/background/bg-highlights.png);
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat; }
.highlights-page .whead {
margin-bottom: 40px; }
.highlights-page .whead .wtxt {
padding-left: 40px; }
.highlights-page .nav-tabs {
border: 0;
margin: 0 -15px; }
.highlights-page .nav-tabs .nav-item {
margin-bottom: 0;
padding: 0 15px; }
.highlights-page .nav-tabs .nav-link {
font-size: 30px;
font-weight: bold;
color: #000000;
border: 0;
line-height: 40px;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.highlights-page .nav-tabs .nav-link.active {
font-size: 42px;
color: #144188; }
.highlights-page .nav-tabs .nav-link:hover {
color: #144188; }
.highlights-page .tab-content {
padding-top: 40px;
padding-bottom: 180px; }
.highlights-page .tab-content .content {
padding-left: 40px;
width: 540px; }
.highlights-page .tab-content .content p {
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #909090; }
.highlights-list {
width: 880px; }
.highlights-list .item-list {
margin: -6px; }
.highlights-list .item-list > li {
padding: 6px;
width: 25%; }
.highlights-list .item-list > li:first-child {
width: 50%; }
.highlights-list .item-list > li:first-child .wrapper {
padding: 40px; }
.highlights-list .item-list > li:first-child .number {
font-size: 106px; }
.highlights-list .item-list > li:first-child .txt {
font-size: 40px;
left: 100px;
right: 0;
bottom: auto;
top: -2px; }
.highlights-list .item-list > li:first-child .icon {
top: 0;
left: 0;
right: 0;
bottom: 15px;
margin: auto;
max-width: 200px;
height: 90px;
display: flex;
justify-content: center;
align-items: center; }
.highlights-list .item-list > li:first-child .icon .lazy {
height: 90px;
max-width: 200px; }
.highlights-list .item-list > li:first-child .desc {
display: -webkit-box; }
.highlights-list .item-list > li:first-child .action {
display: block; }
.highlights-list .link {
display: block;
padding-bottom: 100%;
position: relative; }
.highlights-list .link.-typeI {
background-color: #E5243B; }
.highlights-list .link.-typeII {
background-color: #DDA73A; }
.highlights-list .link.-typeIII {
background-color: #48A030; }
.highlights-list .link.-typeIV {
background-color: #C71427; }
.highlights-list .link.-typeV {
background-color: #FF3709; }
.highlights-list .link.-typeVI {
background-color: #11BCE4; }
.highlights-list .link.-typeVII {
background-color: #FBC412; }
.highlights-list .link.-typeVIII {
background-color: #A21942; }
.highlights-list .link.-typeIX {
background-color: #FF680B; }
.highlights-list .link.-typeX {
background-color: #DF0466; }
.highlights-list .link.-typeXI {
background-color: #FF9D00; }
.highlights-list .link.-typeXII {
background-color: #C08B20; }
.highlights-list .link.-typeXIII {
background-color: #407F46; }
.highlights-list .link.-typeXIV {
background-color: #0096DC; }
.highlights-list .link.-typeXV {
background-color: #51C217; }
.highlights-list .link.-typeXVI {
background-color: #00669F; }
.highlights-list .link.-typeXVII {
background-color: #19486A; }
.highlights-list .wrapper {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
display: flex; }
.highlights-list .wrapper .inner {
position: relative;
width: 100%; }
.highlights-list .number {
font-size: 60px;
font-weight: bold;
line-height: 0.6;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.highlights-list .txt {
font-size: 28px;
font-weight: 500;
line-height: 0.8em;
color: #ffffff;
overflow: hidden;
max-height: 2.4em;
position: absolute;
left: 0;
right: 0;
bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.highlights-list .icon {
position: absolute;
top: 0;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.highlights-list .icon .lazy {
height: 50px;
max-width: 80px;
object-fit: contain;
object-position: center;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
.highlights-list .desc {
font-size: 32px;
font-weight: normal;
line-height: 0.9em;
color: #ffffff;
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 30px;
overflow: hidden;
max-height: 2.7em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.highlights-list .action {
display: none;
position: absolute;
left: 0;
bottom: 0; }
.highlights-list .action .more {
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #ffffff; }
.highlights-list .action .more .-icon {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.highlights-list .action .more .-icon .lazy {
display: inline-block; }
.highlights-list .link:hover .number {
-webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
.highlights-list .link:hover .icon .lazy {
-webkit-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
-o-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);
transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1); }
.highlights-list .link:hover .-icon {
right: -5px; }
.highlights-list .item-list:hover .link {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
opacity: 0.95; }
.highlights-list .item-list:hover .link:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 1; }
.SDGs-page {
position: relative; }
.SDGs-head {
position: relative;
z-index: 1;
padding-bottom: 85px; }
.SDGs-head:before {
content: '';
position: absolute;
z-index: -1;
background-color: #F9F9F9;
left: 0;
right: 430px;
top: -125px;
bottom: 0;
background-image: url(../img/background/bg-SDGs.png);
background-repeat: no-repeat;
background-position: bottom left;
background-size: cover;
-webkit-border-radius: 0 0 100px 0;
-moz-border-radius: 0 0 100px 0;
border-radius: 0 0 100px 0; }
.SDGs-head .content .title {
font-size: 42px;
font-weight: 500;
line-height: 1em;
color: #000000;
margin-bottom: 20px; }
.SDGs-head .content .desc {
font-size: 36px;
font-weight: normal;
line-height: 1em;
color: #909090;
margin-bottom: 1em; }
.SDGs-head .highlights-list {
width: 490px; }
.SDGs-head .highlights-list .item-list {
margin: 0px; }
.SDGs-head .highlights-list .item-list > li {
padding: 0px;
display: none; }
.SDGs-head .highlights-list .item-list > li:first-child {
width: 100%;
display: block; }
.SDGs-head .highlights-list .item-list > li:first-child .desc {
display: none; }
.SDGs-head .highlights-list .item-list > li:first-child .action {
display: none; }
.SDGs-body {
padding: 95px 0; }
.SDGs-body .h-title {
font-size: 72px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 50px; }
.SDGs-body .wg-highlights-slider {
width: 100%;
margin-bottom: 70px; }
.SDGs-body .item-list {
margin: -15px;
padding: 0; }
.SDGs-body .item {
width: calc(100%/4);
margin: 15px 0; }
.detail-page {
position: relative;
background-image: url(../img/background/bg-detail.png);
background-repeat: no-repeat;
background-position: top center; }
.detail-top .tag-list .item-list {
margin: 0 -5px; }
.detail-top .tag-list .item-list li {
padding: 0 5px; }
.detail-top .tag-list .link {
width: 80px;
height: 80px;
border: 2px solid #909090;
background-color: #ffffff;
opacity: 0.2;
display: flex;
justify-content: center;
align-items: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.detail-top .tag-list .lazy {
width: 46px;
height: 46px;
object-position: center;
object-fit: contain;
filter: grayscale(1); }
.detail-top .tag-list .link:hover {
border-color: #3F7E44;
opacity: 1; }
.detail-head {
padding-bottom: 30px; }
.detail-head .row {
align-items: flex-end; }
.detail-head .thumb {
padding-bottom: 6px; }
.detail-head .thumb .cover {
width: 490px;
padding-bottom: 575px; }
.detail-head .content {
padding: 0 90px; }
.detail-head .title {
font-size: 48px;
font-weight: bold;
line-height: 1;
color: #144188; }
.detail-head .title + .SDGs-about {
margin-top: 100px; }
.detail-head .SDGs-about .text {
font-size: 30px;
font-weight: normal;
line-height: 1;
color: #000000;
margin-bottom: 10px; }
.detail-head .SDGs-about .mcscrollX {
max-width: 830px; }
.detail-head .SDGs-about .highlights-list {
width: 100%;
display: -webkit-box; }
.detail-head .SDGs-about .highlights-list .item-list {
display: flex;
align-items: flex-end;
margin: 0; }
.detail-head .SDGs-about .highlights-list .item-list li {
width: 97px;
padding: 0;
position: relative;
overflow: hidden; }
.detail-head .SDGs-about .highlights-list .item-list li + li {
margin-left: 10px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child {
width: 150px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .wrapper {
padding: 15px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .number {
font-size: 50px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon {
max-width: 90px;
height: 70px;
top: auto;
left: auto;
right: 0;
bottom: 0; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon .lazy {
height: 70px;
max-width: 90px; }
.detail-head .SDGs-about .highlights-list .number {
top: 0;
left: 0;
font-size: 30px; }
.detail-head .SDGs-about .highlights-list .icon {
max-width: 40px;
height: 30px;
top: auto;
left: auto;
right: 0;
bottom: 0; }
.detail-head .SDGs-about .highlights-list .icon .lazy {
height: 30px;
max-width: 40px; }
.detail-head .SDGs-about .highlights-list .btn {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
min-width: inherit;
width: auto;
height: 26px;
line-height: 24px;
padding: 0;
top: auto;
bottom: -100px;
left: 3px;
right: 3px;
position: absolute;
z-index: 1;
font-size: 14px; }
.detail-head .SDGs-about .highlights-list li:hover .btn {
bottom: 3px; }
.detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 2px;
margin: 2px 0; }
.detail-head .mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-bottom: 6px; }
.detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 6px; }
.detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 2px;
margin: 2px auto; }
.detail-head .mCSB_scrollTools .mCSB_draggerRail {
background-color: #ebebeb; }
.detail-head .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #144188; }
.detail-body {
padding-top: 30px; }
.detail-body .gallery-list {
padding-bottom: 60px; }
.detail-body .gallery-list .item-list {
margin: -15px; }
.detail-body .gallery-list .item-list > li {
width: 25%;
padding: 15px; }
.detail-body .gallery-list .cover {
padding-bottom: 65%;
overflow: hidden; }
.detail-body .gallery-list .cover .lazy {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.detail-body .gallery-list .link:hover .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.detail-body .Links-box {
padding-bottom: 170px; }
.detail-body .Links-box .title {
font-size: 52px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 20px; }
.detail-body .Links-box .item-list {
border-top: 5px solid #144188; }
.detail-body .Links-box .item-list li {
border-bottom: 1px solid #EEEEEE;
width: 100%; }
.detail-body .Links-box .link {
display: block; }
.detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 20px 130px; }
.detail-body .Links-box .icon {
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 42px;
height: 42px;
font-size: 30px;
color: #000000;
display: flex;
justify-content: center;
align-items: center; }
.detail-body .Links-box .txt {
font-size: 30px;
font-weight: normal;
line-height: 1;
color: #000000;
margin-bottom: 5px;
text-transform: uppercase;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.detail-body .Links-box .url {
font-size: 30px;
font-weight: normal;
line-height: 1em;
color: #909090;
text-transform: uppercase;
overflow: hidden;
height: 1em;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.detail-body .Links-box .more {
position: absolute;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #909090;
border: 2px solid #909090;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.detail-body .Links-box .more span {
position: relative;
top: 3px;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.detail-body .Links-box .link:hover .txt {
color: #144188; }
.detail-body .Links-box .link:hover .url {
color: #333; }
.detail-body .Links-box .link:hover .more {
opacity: 1; }
.detail-body .Links-box .link:hover .more span {
right: -3px; }
.detail-end {
background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%);
padding: 80px 0 100px 0; }
.detail-end .row {
height: 800px; }
.detail-end .boxI {
position: relative; }
.detail-end .boxI:before {
content: '';
position: absolute;
right: 0;
bottom: -100px;
width: 750px;
height: 650px;
background-image: url(../img/static/detail-end-watermark.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.detail-end .boxI .title {
font-size: 68px;
font-weight: normal;
line-height: 1;
color: #ffffff; }
.detail-end .boxI .desc {
font-size: 30px;
font-weight: normal;
line-height: 1;
color: #ffffff;
margin-bottom: 20px; }
.detail-end .boxI .action {
position: absolute;
left: 0;
bottom: 0; }
.detail-end .boxII {
position: relative;
z-index: 1;
padding: 0 140px; }
.detail-end .boxII:before {
content: '';
position: absolute;
z-index: -1;
top: -185px;
left: 0;
right: -195px;
bottom: -100px;
background-image: url(../img/background/bg-detail-end.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-border-radius: 100px 0 0 0;
-moz-border-radius: 100px 0 0 0;
border-radius: 100px 0 0 0; }
.detail-end .boxII .title {
font-size: 66px;
font-weight: normal;
line-height: 1;
color: #ffffff;
margin-bottom: 20px; }
.detail-end .boxII .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #ffffff; }
.who-we-are .who-we-are-head {
height: 1048px; }
.who-we-are .who-we-are-head .thumb {
position: relative; }
.who-we-are .who-we-are-head .thumb h1.title {
position: relative;
font-size: 85px;
color: #ffffff;
width: 490px;
padding: 110px 0;
line-height: 0.8em; }
.who-we-are .who-we-are-head .thumb h1.title::before {
content: url(../img/icon/double-quote-1.png);
position: absolute;
top: 32px;
left: 45%; }
.who-we-are .who-we-are-head .thumb h1.title::after {
content: url(../img/icon/double-quote-2.png);
position: absolute;
bottom: 0;
left: 45%; }
.who-we-are .who-we-are-head .thumb .mu {
width: 1010px;
height: 461px;
margin-top: 50px;
position: absolute; }
.who-we-are .who-we-are-head .thumb .mu::before {
content: "";
position: absolute;
background-color: #3f7e44;
width: 100px;
height: 461px; }
.who-we-are .who-we-are-head .thumb::before {
content: "";
position: absolute;
width: 845px;
height: 1048px;
border-radius: 0px 100px 0px 0px;
background: linear-gradient(#265cb2 0%, #19458b 100%);
z-index: -1;
left: -210px; }
.who-we-are .who-we-are-head .thumb::after {
content: "";
position: absolute;
width: 815px;
height: 694px;
background-image: url(../img/static/watermark.png);
transform: scaleX(-1);
right: 142px;
top: 353px;
background-repeat: no-repeat;
z-index: -1; }
.who-we-are .who-we-are-head .title {
font-weight: bold;
font-size: 54px;
color: #144188;
line-height: 1.1em;
padding-top: 60px; }
.who-we-are .who-we-are-head .desc {
font-size: 40px;
line-height: 1.1em; }
.who-we-are .who-we-are-body {
position: relative; }
.who-we-are .who-we-are-body .title {
font-weight: bold;
font-size: 54px;
color: #144188;
line-height: 1.1em; }
.who-we-are .who-we-are-body .desc {
font-size: 40px;
line-height: 1.1em; }
.who-we-are .who-we-are-body .strategic-issues .title {
padding-top: 50px;
margin-bottom: 80px; }
.who-we-are .who-we-are-body .strategic-issues .item {
position: relative;
width: 620px;
height: 220px;
margin-bottom: 20px; }
.who-we-are .who-we-are-body .strategic-issues .item .no {
top: 0;
font-weight: bold;
font-size: 236px;
color: #e6e5e5;
position: absolute;
z-index: -1;
left: -40px; }
.who-we-are .who-we-are-body .four-strategy {
height: auto;
margin-bottom: 60px; }
.who-we-are .who-we-are-body .four-strategy .title {
padding-top: 50px;
margin: 0 auto 60px auto; }
.who-we-are .who-we-are-body .four-strategy .item .icon {
align-items: center;
display: flex;
justify-content: center;
width: 150px;
height: 150px;
border-radius: 0px 30px;
background: #fff;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
margin-bottom: 30px; }
.who-we-are .who-we-are-body .four-strategy .item .title {
font-weight: bold;
font-size: 40px;
line-height: 1.1em;
color: #000;
margin-bottom: 20px;
padding-top: 0; }
.who-we-are .who-we-are-body .content-end {
position: relative;
height: auto;
padding: 60px 0 0 0; }
.who-we-are .who-we-are-body .content-end p {
font-size: 30px;
line-height: 1.1em;
margin-bottom: 30px; }
.who-we-are .who-we-are-body .content-end .logos {
position: relative;
height: 365px; }
.who-we-are .who-we-are-body .content-end .logos .logo {
display: flex;
justify-content: center;
align-items: center;
width: 490px;
height: 253px;
border-radius: 0px 80px;
background: #fff;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.who-we-are .who-we-are-body .content-end .logos .logo:first-child {
margin: 0 10px 0 auto; }
.who-we-are .who-we-are-body .content-end .logos .logo:last-child {
margin: 0 auto 0 10px; }
.who-we-are .who-we-are-body .content-end .logos::before {
content: "";
position: absolute;
left: -225px;
bottom: 0;
width: 1920px;
height: 234px;
border-radius: 0px 100px 0px 0px;
background: linear-gradient(#265cb2 0%, #19458b 100%);
z-index: -1; }
.who-we-are .who-we-are-body .content-end::before {
content: "";
position: absolute;
background-color: #f9f9f9;
width: 1920px;
height: 100%;
left: -210px;
top: 0;
z-index: -1; }
.who-we-are .who-we-are-body::before {
content: "";
position: absolute;
width: 1075px;
height: 991px;
background: #f9f9f9;
right: -210px;
top: -310px;
z-index: -1; }
.who-we-are .who-we-are-head .title {
font-size: 48px; }
.who-we-are .who-we-are-body .title {
font-size: 48px; }
@media (max-width: 1600px) {
.who-we-are .who-we-are-head .thumb::before {
width: 680px;
left: -150px; }
.who-we-are .who-we-are-body::before {
width: 920px;
right: -150px; }
.who-we-are .who-we-are-head .title {
font-size: 48px; }
.who-we-are .who-we-are-body .content-end .logos::before {
left: -165px;
width: 1600px; }
.who-we-are .who-we-are-head .title {
font-size: 44px; }
.who-we-are .who-we-are-body .title {
font-size: 44px; }
.who-we-are .who-we-are-head .desc {
font-size: 36px; }
.who-we-are .who-we-are-body .desc {
font-size: 36px; }
.who-we-are .who-we-are-body .content-end p {
font-size: 28px; }
.who-we-are .who-we-are-head .thumb::after {
right: -21px; } }
@media (max-width: 1440px) {
.who-we-are .who-we-are-body::before {
width: 780px;
right: -130px; }
.who-we-are .who-we-are-body .strategic-issues .item {
width: 535px; }
.who-we-are .who-we-are-body .content-end .logos::before {
left: -145px;
width: 1440px; }
.who-we-are .who-we-are-head .title {
font-size: 38px; }
.who-we-are .who-we-are-body .title {
font-size: 38px; }
.who-we-are .who-we-are-head .desc {
font-size: 32px; }
.who-we-are .who-we-are-body .desc {
font-size: 32px; }
.who-we-are .who-we-are-body .four-strategy .item .title {
font-size: 36px; }
.who-we-are .who-we-are-body .content-end p {
font-size: 26px; } }
@media (max-width: 1199px) {
.who-we-are .who-we-are-head .title {
font-size: 32px; }
.who-we-are .who-we-are-body .title {
font-size: 32px; }
.who-we-are .who-we-are-head .desc {
font-size: 26px; }
.who-we-are .who-we-are-body .desc {
font-size: 26px; }
.who-we-are .who-we-are-body .four-strategy .item .title {
font-size: 28px; }
.who-we-are .who-we-are-body .content-end p {
font-size: 24px; }
.who-we-are .who-we-are-body .strategic-issues .item {
width: 100%; }
.who-we-are .who-we-are-head .thumb::before {
width: 563px;
left: -130px; }
.who-we-are .who-we-are-head .title {
padding-top: 30px; }
.who-we-are .who-we-are-body::before {
width: 637px;
right: -130px;
height: 900px; }
.who-we-are .who-we-are-body .strategic-issues .item {
width: 430px;
margin-bottom: 70px; }
.who-we-are .who-we-are-body .four-strategy .item {
width: 435px;
margin-bottom: 35px; }
.who-we-are .who-we-are-body .strategic-issues .item {
height: 144px; }
.who-we-are .who-we-are-body .content-end .logos .logo {
width: 460px; }
.who-we-are .who-we-are-head .thumb h1.title {
font-size: 68px;
width: 470px; }
.who-we-are .who-we-are-body .content-end .logos::before {
left: -145px;
width: 1199px; }
.who-we-are .who-we-are-head .thumb::after {
right: -174px; } }
@media (max-width: 991px) {
.who-we-are .who-we-are-head .thumb .mu::before {
height: 356px; }
.who-we-are .who-we-are-head .thumb .mu {
width: 780px;
height: auto;
margin-top: 90px; }
.who-we-are .who-we-are-body::before {
width: 543px;
right: -15px;
height: 1200px; }
.who-we-are .who-we-are-body .strategic-issues .item .no {
left: -5px; }
.who-we-are .who-we-are-head .thumb h1.title {
font-size: 65px;
width: 475px; }
.who-we-are .who-we-are-head .thumb::before {
height: 930px; }
.who-we-are .who-we-are-head {
height: 930px; }
.who-we-are .who-we-are-head .title {
padding-top: 48px; }
.who-we-are .who-we-are-body .content-end .logos .logo {
width: 359px;
height: 230px; }
.who-we-are .who-we-are-body .strategic-issues .row.items {
flex-direction: column; }
.who-we-are .who-we-are-body .strategic-issues .item {
width: 100%;
height: 120px; }
.who-we-are .who-we-are-body .strategic-issues .item .desc {
padding-left: 210px; }
.who-we-are .who-we-are-body .four-strategy .item {
width: 100%; }
.who-we-are .who-we-are-body .content-end .logos::before {
left: -30px;
width: 991px; }
.who-we-are .who-we-are-body .strategic-issues .item .no {
top: 60px; }
.who-we-are .who-we-are-body .strategic-issues .title {
margin-bottom: 34px; }
.who-we-are .who-we-are-body .content-end p {
font-size: 22px; }
.who-we-are .who-we-are-body .desc {
font-size: 24px; }
.who-we-are .who-we-are-body .title {
font-size: 28px; }
.who-we-are .who-we-are-head .thumb::before {
height: 850px; }
.who-we-are .who-we-are-head {
height: 850px; }
.who-we-are .who-we-are-head .thumb .mu {
margin-top: 40px; }
.who-we-are .who-we-are-head .title {
font-size: 28px; }
.who-we-are .who-we-are-body .title {
font-size: 28px; }
.who-we-are .who-we-are-head .desc {
font-size: 22px; }
.who-we-are .who-we-are-body .desc {
font-size: 22px; }
.who-we-are .who-we-are-body .four-strategy .item .title {
font-size: 26px; } }
@media (max-width: 767px) {
.who-we-are .who-we-are-head .thumb h1.title {
width: 100%; }
.who-we-are .who-we-are-head .thumb {
border-radius: 0px 100px 0px 0px;
background: linear-gradient(#265cb2 0%, #19458b 100%);
height: auto;
margin-left: -15px;
padding-left: 15px;
padding-bottom: 40px; }
.who-we-are .who-we-are-head .thumb::before {
height: 658px;
width: 271px;
left: -15px; }
.who-we-are .who-we-are-head .thumb h1.title::after {
bottom: 17px; }
.who-we-are .who-we-are-head .thumb .mu {
width: auto;
height: auto;
margin-top: 0px;
position: relative;
margin-right: -15px;
background-color: #3f7e44;
padding-left: 15px;
margin-left: -15px; }
.who-we-are .who-we-are-head .thumb .mu::before {
display: none; }
.who-we-are .who-we-are-head .thumb::before {
display: none; }
.who-we-are .who-we-are-body {
margin-top: 60px; }
.who-we-are .who-we-are-body .four-strategy .title {
padding-top: 0;
margin: 0 auto 30px auto; }
.who-we-are .who-we-are-body .content-end .logos {
height: auto; }
.who-we-are .who-we-are-body .content-end .logos .logo {
max-width: 359px; }
.who-we-are .who-we-are-body .content-end .logos .logo:first-child {
margin: 20px auto 20px auto; }
.who-we-are .who-we-are-body .content-end .logos .logo:last-child {
margin: auto auto 20px auto; }
.who-we-are .who-we-are-body .content-end .logos::before {
height: 520px; }
.who-we-are .who-we-are-body .content-end .logos .row {
flex-direction: column; }
.who-we-are .who-we-are-body {
margin-top: 90px; }
.who-we-are .who-we-are-body::before {
display: none; }
.who-we-are .who-we-are-head {
height: auto; }
.who-we-are .who-we-are-body {
margin-top: 0px; }
.who-we-are .who-we-are-body .four-strategy .row.items {
flex-direction: column; }
.who-we-are .who-we-are-body .content-end p {
font-size: 18px; }
.who-we-are .who-we-are-head .title {
font-size: 26px; }
.who-we-are .who-we-are-body .title {
font-size: 26px; }
.who-we-are .who-we-are-head .desc {
font-size: 20px; }
.who-we-are .who-we-are-body .desc {
font-size: 20px; }
.who-we-are .who-we-are-body .four-strategy .item .title {
font-size: 24px; } }
@media (max-width: 575px) {
.who-we-are .who-we-are-body .strategic-issues .item .no {
font-size: 180px;
top: 40px; }
.who-we-are .who-we-are-body .strategic-issues .title {
padding-top: 0px; }
.who-we-are .who-we-are-body .strategic-issues .title {
margin-bottom: 30px; }
.who-we-are .who-we-are-body .strategic-issues .item .desc {
padding-left: 165px; }
.who-we-are .who-we-are-body .strategic-issues .item {
height: auto; }
.who-we-are .who-we-are-body {
margin-top: 44px; }
.who-we-are .who-we-are-body .content-end {
padding: 30px 0 0 0; }
.who-we-are .who-we-are-body .four-strategy {
margin-bottom: 30px; } }
@media (max-width: 375px) {
.who-we-are .who-we-are-head .thumb h1.title {
font-size: 54px; }
.who-we-are .who-we-are-head .thumb h1.title::before {
transform: scale(0.8); }
.who-we-are .who-we-are-head .thumb h1.title::after {
transform: scale(0.8); }
.who-we-are .who-we-are-body .strategic-issues .item .no {
top: 40px; }
.who-we-are .who-we-are-body .strategic-issues .item .desc {
padding-left: 118px; }
.who-we-are .who-we-are-body .strategic-issues .item .no {
font-size: 140px; }
.who-we-are .who-we-are-body .content-end .logos .logo {
max-width: 291px;
height: 180px; }
.who-we-are .who-we-are-body .content-end .logos .logo img {
padding: 50px; }
.who-we-are .who-we-are-body .content-end .logos::before {
height: 419px; }
.who-we-are .who-we-are-head .thumb h1.title {
padding: 45px 0; }
.who-we-are .who-we-are-head .thumb h1.title {
font-size: 44px; }
.who-we-are .who-we-are-head .thumb h1.title::before {
transform: scale(0.5);
top: 3px;
left: 37%; }
.who-we-are .who-we-are-head .thumb h1.title::after {
transform: scale(0.5); }
.who-we-are .who-we-are-head .thumb h1.title::after {
bottom: -6px;
left: 37%; }
.who-we-are .who-we-are-body .strategic-issues .item {
margin-bottom: 30px; } }
@media (max-width: 320px) {
.who-we-are .who-we-are-head .thumb h1.title {
font-size: 40px; }
.who-we-are .who-we-are-body .strategic-issues .item .no {
font-size: 110px;
top: 28px; }
.who-we-are .who-we-are-body .strategic-issues .item .desc {
padding-left: 92px; } }
.p-a-p .p-a-p-head {
background-image: url("../img/static/p-a-p.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
height: auto;
padding: 105px 0;
position: relative; }
.p-a-p .p-a-p-head .container {
position: relative; }
.p-a-p .p-a-p-head .container .title {
font-size: 80px;
margin-bottom: 40px;
max-width: 800px;
line-height: 0.8em;
text-transform: uppercase;
font-weight: bold;
opacity: 0.8; }
.p-a-p .p-a-p-head .container .subtitle {
font-size: 54px;
line-height: 1.1em;
font-weight: bold; }
.p-a-p .p-a-p-head .container .desc {
font-size: 30px;
line-height: 1.4em; }
.p-a-p .p-a-p-head .container .leafs {
position: absolute;
width: 289px;
height: 230px;
right: 0;
bottom: -190px; }
.p-a-p .p-a-p-head .container .leafs .leaf-1 {
position: absolute;
width: 230px;
height: 230px;
border-radius: 0px 100px;
background: linear-gradient(#265cb2 0%, #19458b 100%); }
.p-a-p .p-a-p-head .container .leafs .leaf-2 {
position: absolute;
width: 118px;
height: 118px;
border-radius: 0px 50px;
background: #144188;
mix-blend-mode: screen;
bottom: 0;
right: 0; }
.p-a-p .p-a-p-body {
padding: 60px 0; }
.p-a-p .p-a-p-body .semi-title {
font-size: 30px;
text-transform: uppercase;
line-height: 1.1em; }
.p-a-p .p-a-p-body .title {
font-size: 62px;
font-weight: bold;
line-height: 1.1em;
margin-bottom: 30px; }
.p-a-p .p-a-p-body .items {
display: grid;
grid-template-columns: auto auto;
column-gap: 24px;
row-gap: 40px; }
.p-a-p .p-a-p-body .items .item {
display: flex;
column-gap: 14px; }
.p-a-p .p-a-p-body .items .item .icon {
width: 130px;
height: 130px;
background: #eee;
border: 2px solid #e8e8e8;
border-radius: 50%; }
.p-a-p .p-a-p-body .items .item .icon svg {
width: 130px; }
.p-a-p .p-a-p-body .items .item .txts .txt-en {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #3f7e44;
line-height: 1.1em; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 52px;
line-height: 1.1em;
margin-bottom: 8px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
color: #909090;
line-height: 1.1em;
font-size: 30px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists .list {
position: relative;
padding-left: 20px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: #909090;
border-radius: 50%;
top: 12px;
left: 0px; }
@media (max-width: 1600px) {
.p-a-p .p-a-p-head .container .leafs {
bottom: -236px; }
.p-a-p .p-a-p-head .container .subtitle,
.p-a-p .p-a-p-body .title {
font-size: 48px; }
.p-a-p .p-a-p-head .container .desc {
font-size: 28px; }
.p-a-p .p-a-p-body .semi-title {
font-size: 26px; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 44px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
font-size: 24px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {
width: 9px;
height: 9px;
top: 9px; } }
@media (max-width: 1440px) {
.p-a-p .p-a-p-head .container .leafs {
bottom: -200px; }
.p-a-p .p-a-p-head .container .leafs .leaf-2 {
width: 95px;
height: 95px; }
.p-a-p .p-a-p-head .container .leafs .leaf-1 {
width: 200px;
height: 200px; }
.p-a-p .p-a-p-head .container .leafs {
width: 230px; }
.p-a-p .p-a-p-head .container .subtitle,
.p-a-p .p-a-p-body .title {
font-size: 44px; }
.p-a-p .p-a-p-head .container .desc {
font-size: 24px; }
.p-a-p .p-a-p-body .semi-title {
font-size: 24px; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 38px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
font-size: 22px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {
top: 8px; } }
@media (max-width: 1199px) {
.p-a-p .p-a-p-head .container .subtitle,
.p-a-p .p-a-p-body .title {
font-size: 40px; }
.p-a-p .p-a-p-head .container .desc {
font-size: 20px; }
.p-a-p .p-a-p-body .semi-title {
font-size: 22px; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 34px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
font-size: 22px; } }
@media (max-width: 991px) {
.p-a-p .p-a-p-head .container .subtitle,
.p-a-p .p-a-p-body .title {
font-size: 36px; }
.p-a-p .p-a-p-body .semi-title {
font-size: 20px; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 30px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
font-size: 20px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {
width: 8px;
height: 8px;
top: 7px; } }
@media (max-width: 767px) {
.p-a-p .p-a-p-head .container .subtitle,
.p-a-p .p-a-p-body .title {
font-size: 32px; }
.p-a-p .p-a-p-body .semi-title {
font-size: 18px; }
.p-a-p .p-a-p-body .items .item .txts .txt-th {
font-size: 28px; }
.p-a-p .p-a-p-body .items .item .txts .txt-lists {
font-size: 18px; }
.p-a-p .p-a-p-head .container .title {
font-size: 65px; }
.p-a-p .p-a-p-head .container .leafs .leaf-1 {
width: 150px;
height: 150px;
border-radius: 0px 70px; }
.p-a-p .p-a-p-head .container .leafs {
width: 190px;
height: 190px; }
.p-a-p .p-a-p-body .items {
grid-template-columns: auto; } }
@media (max-width: 425px) {
.p-a-p .p-a-p-head {
padding: 30px 0; }
.p-a-p .p-a-p-head .container .leafs .leaf-1 {
width: 130px;
height: 130px;
border-radius: 0px 60px; }
.p-a-p .p-a-p-head .container .leafs {
bottom: -171px; }
.p-a-p .p-a-p-head {
background-position: top;
color: #333333;
background-size: 1000px 276px; }
.p-a-p .p-a-p-head .container .title {
color: #fff;
margin-bottom: 55px; }
.p-a-p .p-a-p-head .container .leafs {
width: 150px;
height: 150px; }
.p-a-p .p-a-p-head .container .leafs .leaf-1 {
width: 100px;
height: 100px;
border-radius: 0px 40px; }
.p-a-p .p-a-p-head .container .leafs .leaf-2 {
width: 80px;
height: 80px; }
.p-a-p .p-a-p-head .container .leafs {
bottom: -135px;
right: -33px; }
.p-a-p .p-a-p-body .items .item {
flex-direction: column; }
.p-a-p .p-a-p-body .items .item .icon {
margin: 0 auto 10px auto; }
.p-a-p .p-a-p-body .items .item .txts .txt-en, .p-a-p .p-a-p-body .items .item .txts .txt-th {
text-align: center; }
.p-a-p .p-a-p-body .title {
margin-bottom: 14px; } }
@media (max-width: 375px) {
.p-a-p .p-a-p-head .container .title {
font-size: 60px; }
.p-a-p .p-a-p-head {
background-size: 960px 260px; } }
@media (max-width: 320px) {
.p-a-p .p-a-p-head .container .title {
font-size: 50px; }
.p-a-p .p-a-p-head {
background-size: 930px 230px; } }
.award-page {
position: relative; }
.award-page .title {
font-size: 70px;
font-weight: bold;
line-height: 1;
color: #000000; }
.award-page .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2em;
color: #000000; }
.award-page .text {
font-size: 54px;
font-weight: normal;
line-height: 1.2;
color: #144188; }
.award-page .highlights-list {
width: 100%; }
.award-page .highlights-list .item-list > li {
width: calc(100%/6); }
.award-page .highlights-list .item-list > li:nth-child(1), .award-page .highlights-list .item-list > li:nth-child(8) {
width: 33.33%; }
.award-page .highlights-list .item-list > li:nth-child(1) .wrapper, .award-page .highlights-list .item-list > li:nth-child(8) .wrapper {
padding: 40px; }
.award-page .highlights-list .item-list > li:nth-child(1) .number, .award-page .highlights-list .item-list > li:nth-child(8) .number {
font-size: 106px; }
.award-page .highlights-list .item-list > li:nth-child(1) .txt, .award-page .highlights-list .item-list > li:nth-child(8) .txt {
font-size: 40px;
left: 100px;
right: 0;
bottom: auto;
top: -2px; }
.award-page .highlights-list .item-list > li:nth-child(1) .icon, .award-page .highlights-list .item-list > li:nth-child(8) .icon {
top: 0;
left: 0;
right: 0;
bottom: 15px;
margin: auto;
max-width: 200px;
height: 90px;
display: flex;
justify-content: center;
align-items: center; }
.award-page .highlights-list .item-list > li:nth-child(1) .icon .lazy, .award-page .highlights-list .item-list > li:nth-child(8) .icon .lazy {
height: 90px;
max-width: 200px; }
.award-page .highlights-list .item-list > li:nth-child(1) .desc, .award-page .highlights-list .item-list > li:nth-child(8) .desc {
display: -webkit-box; }
.award-page .highlights-list .item-list > li:nth-child(1) .action, .award-page .highlights-list .item-list > li:nth-child(8) .action {
display: block; }
.award-page .highlights-list .item-list > li:nth-child(8) {
float: right;
margin-bottom: 0.1px; }
.award-page .highlights-list .item-list > li:nth-child(15) {
width: 33.33%; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 240px; }
.award-page .highlights-list .desc {
color: #ffffff; }
.award-sectorI .title {
margin-bottom: 50px; }
.award-sectorI .desc {
margin-bottom: 30px; }
.award-sectorI .ui-green {
padding-top: 50px;
padding-bottom: 100px;
position: relative;
z-index: 0; }
.award-sectorI .ui-green:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -680px;
left: -200px;
background-color: #F9F9F9; }
.award-sectorI .ui-green .item-list {
margin: -15px -25px; }
.award-sectorI .ui-green .item-list > li {
width: 50%;
padding: 15px 25px; }
.award-sectorI .ui-green .wrapper {
position: relative; }
.award-sectorI .ui-green .wrapper .number {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
position: absolute;
top: -2px;
left: 0; }
.award-sectorI .ui-green .wrapper .txt {
font-size: 28px;
font-weight: normal;
line-height: 1.2;
color: #000000;
padding-left: 80px; }
.award-sectorI .thumb {
float: right;
position: relative;
z-index: 1; }
.award-sectorI .thumb:before {
content: '';
position: absolute;
z-index: 1;
right: 0;
bottom: 100%;
width: 270px;
height: 80px;
background-color: #144188;
opacity: 0.8;
-webkit-border-radius: 100px 0 0 0;
-moz-border-radius: 100px 0 0 0;
border-radius: 100px 0 0 0; }
.award-sectorI .thumb:after {
content: '';
position: absolute;
z-index: 1;
right: -30px;
top: -120px;
width: 67px;
height: 67px;
background-color: #144188;
-webkit-border-radius: 25px 0 25px 0;
-moz-border-radius: 25px 0 25px 0;
border-radius: 25px 0 25px 0; }
.award-sectorI .thumb .bg {
position: absolute;
z-index: -1;
top: -300px;
right: -195px;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%); }
.award-sectorII {
padding-top: 65px;
padding-bottom: 75px; }
.award-sectorII .desc {
margin-bottom: 40px; }
.award-sectorII .thumb {
width: 1270px;
margin: 0 auto;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.award-sectorII .thumb .lazy {
width: 100%; }
.award-sectorII .text {
text-align: center;
padding-top: 30px; }
.award-sectorIII {
padding: 70px 0;
background-color: #F9F9F9;
background-image: url(../img/background/bg-award-sectorIII.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover; }
.award-sectorIII .item-list {
position: relative; }
.award-sectorIII .item-list:before {
content: '';
position: absolute;
top: -110px;
bottom: -110px;
left: 65px;
display: block;
width: 1px;
background-image: linear-gradient(180deg, white 0%, #909090 20%, #909090 80%, white 100%); }
.award-sectorIII .item-list > li {
width: 100%;
position: relative;
min-height: 129px;
display: flex;
align-items: center;
padding-left: 150px; }
.award-sectorIII .item-list > li:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 129px;
height: 129px;
background-image: url(../img/static/award-stIII.png);
background-size: contain; }
.award-sectorIII .item-list > li + li {
margin-top: 30px; }
.award-sectorIII .txt {
font-size: 38px;
font-weight: 300;
line-height: 1;
color: #000000; }
.award-sectorIII .thumb {
margin-top: -200px;
margin-right: -150px; }
.award-sectorIV {
padding-top: 135px;
padding-bottom: 75px; }
.award-sectorIV .desc {
margin-bottom: 40px; }
.award-sectorIV .thumb {
width: 1270px;
margin: 0 auto;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.award-sectorIV .thumb .lazy {
width: 100%; }
.award-sectorIV .text {
text-align: center;
padding-top: 30px; }
.award-sectorV {
padding-bottom: 35px; }
.award-sectorV .title {
text-transform: uppercase; }
.award-sectorVI {
padding-bottom: 120px; }
.award-sectorVII {
padding-top: 50px;
background-image: url(../img/background/bg-award-stVII.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.award-sectorVII .container {
max-width: 1040px; }
.award-sectorVII .desc {
text-align: center;
margin-bottom: 50px; }
.award-sectorVII .thumb {
margin-top: -90px;
bottom: -90px;
position: relative;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.award-sectorVII .thumb .lazy {
width: 100%; }
.award-sectorVIII {
padding-top: 190px;
padding-bottom: 70px; }
.award-sectorVIII .title {
margin-bottom: 30px;
text-transform: uppercase; }
.award-sectorVIII .thumbII {
float: right;
padding-top: 70px; }
@media (max-width: 1600px) {
.award-page .title {
font-size: 65px; }
.award-page .desc {
font-size: 28px; }
.award-page .text {
font-size: 50px; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 206.66px; }
.award-sectorI .title {
margin-bottom: 40px; }
.award-sectorI .ui-green:before {
right: -520px; }
.award-sectorI .ui-green .item-list {
margin: -10px -15px; }
.award-sectorI .ui-green .item-list > li {
padding: 10px 15px; }
.award-sectorI .ui-green .wrapper .number {
font-size: 70px; }
.award-sectorI .ui-green .wrapper .txt {
font-size: 25px;
padding-left: 70px; }
.award-sectorIII .txt {
font-size: 34px; }
.award-sectorIII .item-list > li {
min-height: 100px;
padding-left: 120px; }
.award-sectorIII .item-list > li:before {
width: 100px;
height: 100px; }
.award-sectorIII .thumb {
margin-top: -170px;
margin-right: -100px; } }
@media (max-width: 1440px) {
.award-page .title {
font-size: 60px; }
.award-page .desc {
font-size: 26px; }
.award-page .text {
font-size: 45px; }
.award-page .highlights-list .item-list > li:nth-child(1) .wrapper,
.award-page .highlights-list .item-list > li:nth-child(8) .wrapper {
padding: 30px; }
.award-page .highlights-list .item-list > li:nth-child(1) .number,
.award-page .highlights-list .item-list > li:nth-child(8) .number {
font-size: 80px; }
.award-page .highlights-list .item-list > li:nth-child(1) .txt,
.award-page .highlights-list .item-list > li:nth-child(8) .txt {
font-size: 32px;
left: 80px; }
.award-page .highlights-list .item-list > li:nth-child(1) .icon,
.award-page .highlights-list .item-list > li:nth-child(8) .icon {
max-width: 150px;
height: 70px; }
.award-page .highlights-list .item-list > li:nth-child(1) .icon .lazy,
.award-page .highlights-list .item-list > li:nth-child(8) .icon .lazy {
height: 70px;
max-width: 150px; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 186.66px; }
.award-sectorI .title {
margin-bottom: 30px; }
.award-sectorI .thumb {
width: 500px; }
.award-sectorI .thumb .bg {
top: -200px;
right: -80px; }
.award-sectorI .ui-green {
padding-top: 40px;
padding-bottom: 60px; }
.award-sectorI .ui-green:before {
right: -400px; }
.award-sectorI .ui-green .item-list {
margin: -8px -12px; }
.award-sectorI .ui-green .item-list > li {
padding: 8px 12px; }
.award-sectorI .ui-green .wrapper .number {
font-size: 60px; }
.award-sectorI .ui-green .wrapper .txt {
font-size: 23px;
padding-left: 60px; }
.award-sectorII {
padding-top: 50px;
padding-bottom: 60px; }
.award-sectorII .thumb {
width: 1000px; }
.award-sectorIII {
padding: 60px 0; }
.award-sectorIII .item-list:before {
left: 40px; }
.award-sectorIII .item-list > li {
min-height: 80px;
padding-left: 100px; }
.award-sectorIII .item-list > li:before {
width: 80px;
height: 80px; }
.award-sectorIII .txt {
font-size: 32px; }
.award-sectorIV {
padding-top: 100px;
padding-bottom: 60px; }
.award-sectorIV .thumb {
width: 1000px; }
.award-sectorVI {
padding-bottom: 60px; }
.award-sectorVII .desc {
margin-bottom: 30px; } }
@media (max-width: 1199px) {
.award-page .title {
font-size: 46px; }
.award-page .desc {
font-size: 24px; }
.award-page .text {
font-size: 38px; }
.award-page .highlights-list .item-list > li {
width: calc(100%/5); }
.award-page .highlights-list .item-list > li:nth-child(1),
.award-page .highlights-list .item-list > li:nth-child(8) {
width: 39.9%; }
.award-page .highlights-list .item-list > li:nth-child(8) {
margin-bottom: 1px; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 178.39px; }
.award-sectorI .title {
margin-bottom: 20px; }
.award-sectorI .thumb {
width: 420px; }
.award-sectorI .thumb:after {
right: -20px;
top: -70px;
width: 45px;
height: 45px;
border-radius: 15px 0 15px 0; }
.award-sectorI .thumb:before {
width: 230px;
height: 40px; }
.award-sectorI .thumb .bg {
top: -120px;
right: -70px; }
.award-sectorI .ui-green {
padding-top: 30px;
padding-bottom: 30px; }
.award-sectorI .ui-green .item-list > li {
width: 100%; }
.award-sectorI .ui-green .wrapper .txt {
min-height: 55px; }
.award-sectorII {
padding-top: 40px;
padding-bottom: 50px; }
.award-sectorII .desc {
margin-bottom: 20px; }
.award-sectorII .thumb {
width: 100%; }
.award-sectorIII {
padding: 40px 0; }
.award-sectorIII .item-list:before {
top: -70px;
bottom: -70px;
left: 30px; }
.award-sectorIII .item-list > li {
min-height: 60px;
padding-left: 75px; }
.award-sectorIII .item-list > li:before {
width: 60px;
height: 60px; }
.award-sectorIII .txt {
font-size: 25px; }
.award-sectorIII .thumb {
margin-top: -140px;
margin-right: -70px; }
.award-sectorIV {
padding-top: 60px;
padding-bottom: 40px; }
.award-sectorIV .thumb {
width: 100%; }
.award-sectorV {
padding-bottom: 15px; }
.award-sectorVI {
padding-bottom: 50px; }
.award-sectorVII {
padding-top: 40px; }
.award-sectorVII .container {
max-width: 970px; } }
@media (max-width: 991px) {
.award-page .title {
font-size: 38px; }
.award-page .desc {
font-size: 22px; }
.award-page .text {
font-size: 30px; }
.award-page .highlights-list .item-list > li {
width: calc(100%/4); }
.award-page .highlights-list .item-list > li:nth-child(1),
.award-page .highlights-list .item-list > li:nth-child(8) {
width: 50%; }
.award-page .highlights-list .item-list > li:nth-child(15) {
width: 50%; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 48.5%; }
.award-sectorI .thumb {
width: 420px;
float: none;
margin: 0 auto 20px; }
.award-sectorI .ui-green .item-list > li {
width: 50%;
padding: 8px 30px; }
.award-sectorIII {
padding: 40px 0 0 0; }
.award-sectorIII .thumb {
margin-top: -220px;
margin-right: 0;
width: 40%; }
.award-sectorV .desc {
padding-top: 20px; }
.award-sectorVIII {
padding-top: 150px;
padding-bottom: 60px; }
.award-sectorVIII .title {
margin-bottom: 10px; }
.award-sectorVIII .thumb,
.award-sectorVIII .thumbII {
text-align: center;
padding-bottom: 20px; }
.award-sectorVIII .thumbII {
padding-top: 40px;
float: none; } }
@media (max-width: 767px) {
.award-page .title {
font-size: 28px; }
.award-page .desc {
font-size: 20px; }
.award-page .text {
font-size: 24px; }
.award-page .highlights-list .item-list > li {
width: calc(100%/2); }
.award-page .highlights-list .item-list > li:nth-child(1),
.award-page .highlights-list .item-list > li:nth-child(8) {
width: 100%; }
.award-page .highlights-list .item-list > li:nth-child(8) {
margin-bottom: 0;
float: left; }
.award-page .highlights-list .item-list > li:nth-child(15) .link {
padding-bottom: 100%; }
.award-sectorI .thumb {
width: 90%; }
.award-sectorI .thumb:before {
width: 160px;
height: 30px; }
.award-sectorI .thumb:after {
right: -10px;
top: -50px;
width: 25px;
height: 25px;
border-radius: 5px 0 5px 0; }
.award-sectorI .thumb .bg {
top: -20px;
right: -20px; }
.award-sectorI .title {
margin-bottom: 10px; }
.award-sectorI .ui-green .item-list > li {
width: 100%;
padding: 6px 15px; }
.award-sectorI .ui-green .wrapper .number {
font-size: 50px; }
.award-sectorI .ui-green .wrapper .txt {
font-size: 20px;
padding-left: 50px;
min-height: 50px; }
.award-sectorII {
padding-top: 30px;
padding-bottom: 30px; }
.award-sectorIII {
padding: 30px 0 0 0; }
.award-sectorIII .text {
margin-bottom: 30px; }
.award-sectorIII .thumb {
margin-top: 0;
margin-right: auto;
margin-left: auto;
width: 80%; }
.award-sectorIII .item-list:before {
top: -20px;
bottom: -20px;
left: 25px; }
.award-sectorIII .item-list > li {
min-height: 50px;
padding-left: 65px; }
.award-sectorIII .item-list > li:before {
width: 50px;
height: 50px; }
.award-sectorIII .txt {
font-size: 20px; }
.award-sectorVIII {
padding-top: 130px;
padding-bottom: 30px; } }
.research-page {
padding-bottom: 135px; }
.research-list .item-list {
margin: -15px -35px; }
.research-list .item-list > li {
width: calc(100%/3);
padding: 15px 35px; }
.research-list .link {
display: block; }
.research-list .thumb {
position: relative;
z-index: 2; }
.research-list .thumb .cover {
position: relative;
overflow: hidden;
padding-bottom: 60%; }
.research-list .thumb .cover .lazy {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.research-list .content {
position: relative;
z-index: 1;
padding-top: 20px;
padding-bottom: 45px; }
.research-list .content:before {
content: '';
position: absolute;
z-index: -1;
left: -40px;
top: -50px;
right: 0;
bottom: 0;
background-color: #ffffff;
-webkit-border-radius: 0 80px 0 80px;
-moz-border-radius: 0 80px 0 80px;
border-radius: 0 80px 0 80px;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.research-list .txt {
font-size: 32px;
font-weight: normal;
line-height: 1em;
color: #000000;
height: 2em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.research-list .link:hover .thumb .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
@media (max-width: 1600px) {
.research-list .txt {
font-size: 30px; } }
@media (max-width: 1440px) {
.research-list .txt {
font-size: 28px; } }
@media (max-width: 1199px) {
.research-page {
padding-bottom: 75px; }
.research-list .item-list {
margin: -10px -25px; }
.research-list .item-list > li {
padding: 10px 25px; }
.research-list .content {
padding-top: 15px;
padding-bottom: 30px; }
.research-list .content:before {
left: -20px;
top: -30px;
border-radius: 0 40px 0 40px; }
.research-list .txt {
font-size: 26px; } }
@media (max-width: 991px) {
.research-page {
padding-bottom: 50px; }
.research-list .txt {
font-size: 24px; } }
@media (max-width: 767px) {
.research-list .item-list {
margin: -5px -10px; }
.research-list .item-list > li {
width: calc(100%/2);
padding: 5px 10px; }
.research-list .content {
padding-top: 10px;
padding-bottom: 15px; }
.research-list .content:before {
left: -10px;
top: -10px;
border-radius: 0 15px 0 15px; }
.research-list .txt {
font-size: 22px; } }
.search-page {
padding-bottom: 80px; }
.search-page .search-word {
font-weight: 500;
font-size: 65px;
line-height: 1;
color: #144188;
padding: 0;
height: auto;
background-color: transparent;
border: 0; }
.search-page .search-word:focus {
box-shadow: none; }
.search-page .search-topic {
position: relative; }
.search-page .search-topic:after {
content: "";
width: 100%;
left: 0;
height: 4px;
background: #144188;
bottom: -7px;
position: absolute; }
.search-page .search-icon {
position: relative;
font-size: 38px;
color: #000000;
display: block;
text-align: center;
border-radius: 50px;
padding: 0;
border: 0;
background-color: transparent; }
.search-page .search-icon .icon-search {
line-height: 54px; }
.search-page .search-icon:hover {
color: #144188; }
.search-page .search-result {
font-weight: 500;
font-size: 40px;
line-height: 1;
color: #3F7E44;
margin: 35px 0px 20px 0px; }
.search-page .search-list {
padding-bottom: 50px; }
.search-page .search-list .item-list > li {
width: 100%;
padding: 28px 0px; }
.search-page .search-list .title {
font-weight: bold;
font-size: 45px;
color: #144188;
line-height: 0.8;
margin-bottom: 5px; }
.search-page .search-list .desc {
margin: 0;
font-weight: normal;
font-size: 30px;
line-height: 1em;
color: #000000;
display: -webkit-box;
margin: 0;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
@media (max-width: 1600px) {
.search-page .search-word {
font-size: 62px; }
.search-page .search-result {
font-size: 38px; }
.search-page .search-list .title {
font-size: 42px; }
.search-page .search-list .desc {
font-size: 28px; } }
@media (max-width: 1440px) {
.search-page .search-word {
font-size: 60px; }
.search-page .search-result {
font-size: 36px; }
.search-page .search-list .title {
font-size: 40px; }
.search-page .search-list .desc {
font-size: 26px; } }
@media (max-width: 1199px) {
.search-page .search-word {
font-size: 50px; }
.search-page .search-result {
font-size: 30px; }
.search-page .search-list .title {
font-size: 36px; }
.search-page .search-list .desc {
font-size: 24px; } }
@media (max-width: 991px) {
.search-page .search-word {
font-size: 40px; }
.search-page .search-result {
font-size: 26px; }
.search-page .search-list .title {
font-size: 30px; }
.search-page .search-list .desc {
font-size: 22px; } }
@media (max-width: 767px) {
.search-page .search-word {
font-size: 28px; }
.search-page .search-result {
font-size: 22px;
margin: 25px 0px 20px 0px; }
.search-page .search-list .title {
font-size: 24px; }
.search-page .search-list .desc {
font-size: 20px; }
.search-page .search-icon {
font-size: 28px; }
.search-page .search-list .item-list > li {
padding: 15px 0px; } }
.service-page .center {
display: block;
margin-left: auto;
margin-right: auto; }
.service-page .service-content {
padding-bottom: 120px; }
.service-page .service-content li {
position: relative;
display: flex;
width: 100%;
align-items: center; }
.service-page .service-content li + li {
margin-top: 240px; }
.service-page .service-content li:nth-child(odd) .cover {
order: 2; }
.service-page .service-content li:nth-child(odd) .cont {
order: 1; }
.service-page .service-content li:nth-child(even) .cont .center {
float: right; }
.service-page .service-content .cover {
position: relative;
float: left;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.service-page .service-content .cover .pic01 {
width: 750px; }
.service-page .service-content .cover .pic01 img {
width: 100%;
height: auto;
z-index: -1; }
.service-page .service-content .cover .label-detail {
position: absolute;
padding: 30px 50px;
font-size: 52px;
z-index: 1;
line-height: 1;
color: #ffffff;
bottom: -70px;
display: block;
margin: 0;
background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%);
-webkit-border-radius: 0 70px 0 70px;
-moz-border-radius: 0 70px 0 70px;
border-radius: 0 70px 0 70px; }
.service-page .service-content .cover .label-detail.i-line {
padding: 65px 50px; }
.service-page .service-content .cover .label-detail.ii-line {
padding: 40px 40px; }
.service-page .service-content .cont {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.service-page .service-content .cont p {
font-weight: normal;
font-size: 30px;
line-height: 1.2;
color: #000;
margin: 0;
width: 600px; }
.service-page .good-health {
padding: 125px 0px; }
.service-page .good-health .green-box {
position: relative;
background-color: #48A030;
width: 390px;
height: 390px; }
.service-page .good-health .green-box .num {
font-size: 86px;
top: 155px;
left: 33px;
position: absolute;
color: #fff; }
.service-page .good-health .green-box .img {
position: absolute;
right: 32px;
top: 115px;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.service-page .good-health .green-box .txt-topic {
font-size: 49px;
line-height: 1;
font-weight: 400;
color: #fff;
position: absolute;
left: 33px;
bottom: 33px; }
.service-page .good-health .green-box:hover .img {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.service-page .good-health .txt {
font-weight: normal;
font-size: 60px;
line-height: 1.2;
color: #000; }
@media (max-width: 1600px) {
.service-page .service-content .cover .pic01 {
width: 650px; }
.service-page .service-content .cover .label-detail {
font-size: 45px;
bottom: -35px;
border-radius: 0 40px 0 40px; }
.service-page .service-content .cover .label-detail.i-line {
padding: 50px 50px; }
.service-page .service-content .cover .label-detail.ii-line {
padding: 30px 40px; }
.service-page .service-content .cont p {
font-size: 28px;
width: 520px; }
.service-page .good-health .txt {
font-size: 55px; } }
@media (max-width: 1440px) {
.service-page .service-content .cover .pic01 {
width: 580px; }
.service-page .service-content .cover .label-detail {
font-size: 40px;
bottom: -95px; }
.service-page .good-health .green-box {
width: 360px;
height: 360px; }
.service-page .good-health .green-box .num {
font-size: 70px;
top: 95px; }
.service-page .good-health .green-box .img {
top: 55px; }
.service-page .good-health .green-box .txt-topic {
font-size: 40px; }
.service-page .good-health .txt {
font-size: 45px; } }
@media (max-width: 1199px) {
.service-page .service-content {
padding-bottom: 90px; }
.service-page .service-content .cover .pic01 {
width: 450px; }
.service-page .service-content .cover .label-detail {
font-size: 30px;
bottom: 0;
border-radius: 0 0px 0 30px;
padding: 20px 35px;
position: relative; }
.service-page .service-content .cover .label-detail.i-line,
.service-page .service-content .cover .label-detail.ii-line {
padding: 20px 35px; }
.service-page .service-content .cont p {
font-size: 26px;
width: auto;
padding-right: 30px; }
.service-page .service-content li + li {
margin-top: 140px; }
.service-page .service-content li:nth-child(even) .cont .center {
float: none; }
.service-page .service-content li:nth-child(even) .cont .center p {
padding-left: 30px;
padding-right: 0; }
.service-page .good-health {
padding: 0px 0 80px 0px; }
.service-page .good-health .txt {
font-size: 32px; }
.service-page .good-health .green-box {
width: 100%;
height: auto;
padding-bottom: 100%; }
.service-page .good-health .green-box .num {
font-size: 50px;
top: 40px;
left: 20px; }
.service-page .good-health .green-box .img {
top: 20px;
right: 20px;
width: 80px; }
.service-page .good-health .green-box .txt-topic {
font-size: 30px;
left: 20px;
bottom: 20px; } }
@media (max-width: 991px) {
.service-page .service-content {
padding-bottom: 60px; }
.service-page .service-content .cont p {
font-size: 24px; }
.service-page .service-content .cover .pic01 {
width: 360px; }
.service-page .service-content li + li {
margin-top: 60px; }
.service-page .good-health .txt {
font-size: 28px; }
.service-page .good-health .green-box .txt-topic {
font-size: 28px; } }
@media (max-width: 767px) {
.service-page .service-content li:nth-child(odd) .cover {
order: 1; }
.service-page .service-content li:nth-child(odd) .cont {
order: 2; }
.service-page .service-content li:nth-child(even) .cont .center p {
padding-left: 0;
padding-right: 0; }
.service-page .service-content li {
display: block; }
.service-page .service-content li + li {
margin-top: 40px; }
.service-page .service-content .cover {
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 15px; }
.service-page .service-content .cover .pic01 {
width: 100%; }
.service-page .service-content .cover .label-detail {
font-size: 24px;
border-radius: 0 0px 0 20px;
padding: 15px 25px; }
.service-page .service-content .cover .label-detail.i-line,
.service-page .service-content .cover .label-detail.ii-line {
padding: 15px 25px; }
.service-page .service-content .cont {
flex: 0 0 100%;
max-width: 100%; }
.service-page .service-content .cont p {
font-size: 20px;
padding: 0; }
.service-page .good-health .green-box {
width: 70%;
height: auto;
padding-bottom: 70%;
margin: 0 auto; }
.service-page .good-health .txt {
font-size: 24px;
padding-top: 20px; }
.service-page .good-health .green-box .txt-topic {
font-size: 24px; } }
.health-page .text p {
font-weight: normal;
font-size: 30px;
line-height: 1.2em;
color: #000;
padding-right: 3rem; }
.health-page .topic {
font-weight: bold;
font-size: 80px;
line-height: 1.1em;
color: #000;
margin-top: 10px;
padding-right: 3rem; }
.health-page .p-01 {
margin: 30px 0px 85px 0px; }
.health-page .p-02,
.health-page .p-03 {
margin: 85px 0px; }
.health-page .p-02 .txt {
padding-left: 60px; }
.health-page .sub-topic {
margin: 150px 0px 0px 0px;
font-weight: bold;
font-size: 54px;
line-height: 1.1em;
color: #144188; }
.health-page .bullet {
font-weight: bold;
font-size: 30px;
line-height: 1.2em;
color: #000;
width: 100%; }
@media (max-width: 1600px) {
.health-page .topic {
font-size: 70px; }
.health-page .sub-topic {
font-size: 50px;
margin: 100px 0px 0px 0px; }
.health-page .text p {
font-size: 28px; }
.health-page .bullet {
font-size: 28px; } }
@media (max-width: 1440px) {
.health-page .text-topic {
font-family: "DB Helvethaica X Bd";
font-weight: bold;
font-size: 75px;
line-height: 60px;
text-align: left;
color: #000;
margin-top: 10px; }
.health-page .blue-topic {
margin: 100px 0px 0px 0px;
font-family: "DB Helvethaica X Bd";
font-weight: bold;
font-size: 54px;
line-height: 72px;
text-align: left;
color: #144188; }
.health-page .topic {
font-size: 60px; }
.health-page .sub-topic {
font-size: 46px; }
.health-page .text p {
font-size: 26px; }
.health-page .bullet {
font-size: 26px; } }
@media (max-width: 1199px) {
.health-page .topic {
font-size: 50px; }
.health-page .sub-topic {
font-size: 42px;
margin: 80px 0px 0px 0px; }
.health-page .text p {
font-size: 24px; }
.health-page .bullet {
font-size: 24px; } }
@media (max-width: 991px) {
.health-page .p-02 .txt {
padding-left: 15px; }
.health-page .topic {
font-size: 40px;
margin-top: 0; }
.health-page .sub-topic {
font-size: 32px; }
.health-page .text p {
font-size: 22px;
padding-right: 0; }
.health-page .bullet {
font-size: 22px; }
.health-page .row.img {
justify-content: center !important; }
.health-page .p-01, .health-page .p-02 {
margin: 30px 0px 40px 0px; } }
@media (max-width: 767px) {
.health-page .topic {
font-size: 30px; }
.health-page .sub-topic {
font-size: 26px; }
.health-page .text p {
font-size: 20px; }
.health-page .bullet {
font-size: 20px; } }
@media (max-width: 575px) {
.health-page .sub-topic {
margin: 60px 0px 0px 0px;
font-size: 24px; }
.health-page .text p {
font-size: 18px; }
.health-page .bullet {
font-size: 18px; }
.health-page .p-03 {
margin: 60px 0px; } }
.climate-page .ph-1 {
margin-top: -33px; }
.climate-page .link.-typeXIII {
background-color: #407f46; }
.climate-page .link {
float: right;
margin-top: -148px;
width: 390px;
display: block;
padding-bottom: 390px;
position: relative; }
.climate-page .wrapper {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.climate-page .wrapper .inner {
position: relative;
width: 80%;
margin-top: 124px;
margin-left: 40px; }
.climate-page .number {
font-size: 85px;
font-weight: bold;
line-height: 75px;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
-webkit-transition: All 400ms ease;
transition: All 400ms ease; }
.climate-page .txt {
color: #ffffff;
overflow: hidden;
max-height: 3em;
position: absolute;
left: 0;
right: 0;
bottom: 28px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 45px;
line-height: 1.1em;
text-align: left;
color: #fff; }
.climate-page .icon {
width: 146.25px;
height: 77.26px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: All 400ms ease;
transition: All 400ms ease; }
.climate-page .desc {
color: #ffffff; }
.climate-page .text-content {
font-weight: normal;
font-size: 30px;
line-height: 1.2em;
text-align: left;
color: #000; }
.climate-page .blue-topic {
font-weight: bold;
font-size: 54px;
line-height: 0.9em;
text-align: left;
color: #144188;
margin-bottom: 40px; }
.climate-page .blue-topic p {
margin-bottom: 0; }
.climate-page .topic {
margin-top: 30px;
font-weight: bold;
font-size: 30px;
line-height: 1.1em;
text-align: left;
color: #000; }
.climate-page .topic p {
margin-bottom: 0px; }
.climate-page .txt-topic {
font-weight: normal;
font-size: 30px;
line-height: 1.1em;
text-align: left;
color: #000; }
.climate-page .txt-topic .andl {
margin: -117px 0px 0px 598px; }
.climate-page .txt-topic p {
margin-bottom: 0; }
.climate-page .txt-topic p span.blue-topic.highlight {
position: relative;
margin: 0 1rem; }
.climate-page .blue-topic.highlight p {
margin: -73px 0px 65px 427px; }
.climate-page .p0 {
margin-top: 16px; }
.climate-page .p1 {
margin-bottom: 50px; }
.climate-page .p2 {
margin-bottom: 112px; }
.climate-page .blue-topic.highlight02 p {
margin: -73px 0px 65px 49px; }
.climate-page .blue-topic.highlight03 p {
margin: -56px 0px 55px 640px; }
@media (max-width: 1600px) {
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 28px; }
.climate-page .blue-topic {
font-size: 50px; }
.climate-page .txt-topic p span.blue-topic.highlight {
margin: 0 0.8rem; } }
@media (max-width: 1440px) {
.climate-page .link {
float: right;
margin-top: -123px;
margin-right: -38px;
width: 390px;
display: block;
padding-bottom: 390px;
position: relative; }
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 26px; }
.climate-page .blue-topic {
font-size: 45px; }
.climate-page .text-content {
margin-top: 1.5rem; } }
@media (max-width: 1280px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.8); } }
@media (max-width: 1199px) {
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 24px; }
.climate-page .blue-topic {
font-size: 40px; }
.climate-page .text-content {
margin-top: 2rem; }
.climate-page .p1 {
margin-bottom: 40px; } }
@media (max-width: 991px) {
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 22px; }
.climate-page .blue-topic {
font-size: 34px; }
.climate-page .text-content {
margin-top: 2.3rem; }
.climate-page .p0 {
margin-top: 10px; } }
@media (max-width: 960px) {
.climate-page .link {
float: right;
margin-top: -91px;
margin-right: -25px;
width: 390px;
display: block;
padding-bottom: 390px;
position: relative; }
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.7); } }
@media (max-width: 768px) {
.climate-page .link {
float: right;
margin-top: -59px;
margin-right: -25px;
width: 390px;
display: block;
padding-bottom: 390px;
position: relative; }
.climate-page .blue-topic.highlight p {
margin: -73px 0px 65px 308px; }
.climate-page .p1 {
margin-bottom: 14px; } }
@media (max-width: 767px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.8);
margin-left: auto;
margin-right: auto;
float: unset;
margin-top: 0; }
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 20px; }
.climate-page .blue-topic {
font-size: 27px; }
.climate-page .text-content {
margin-top: 0; } }
@media (max-width: 575px) {
.climate-page .text-content,
.climate-page .topic,
.climate-page .txt-topic {
font-size: 18px; }
.climate-page .blue-topic {
font-size: 26px; }
.climate-page .p0 {
margin-top: 0; }
.climate-page .txt-topic p span.blue-topic.highlight {
margin: 0 0.4rem; } }
@media (max-width: 411px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.65);
margin-left: auto;
margin-right: auto;
float: unset;
margin-top: 0px; } }
@media (max-width: 375px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.65);
margin-left: -22px;
margin-right: auto;
float: unset;
margin-top: 3px; } }
@media (max-width: 361px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.65);
margin-left: -26px;
margin-right: auto;
float: unset;
margin-top: 3px; } }
@media (max-width: 320px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.6);
margin-left: -51px;
margin-right: auto;
float: unset;
margin-top: 3px; } }
@media (max-width: 280px) {
.climate-page .link.-typeXIII {
-webkit-transform: scale(0.55);
margin-left: -70px;
margin-right: auto;
float: unset;
margin-top: 3px; } }
.financial-page .whead {
margin-bottom: 10px; }
.financial-page .thumb {
margin-top: -250px;
margin-right: -205px;
padding-bottom: 130%;
position: relative; }
.financial-page .thumb .lazy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
.financial-page .txt {
padding-bottom: 20px; }
.financial-page .txt p {
margin: 0; }
.financial-page .txt02 {
margin-bottom: 6px;
margin-top: 35px; }
.financial-page .txt,
.financial-page .txt02 {
font-weight: normal;
font-size: 30px;
line-height: 1.2;
color: #000; }
.financial-page .bullet01 {
list-style-type: none;
padding-left: 26px; }
.financial-page .bullet01 li {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
color: #000;
position: relative;
padding-left: 24px; }
.financial-page .bullet01 li:before {
content: "";
width: 10px;
height: 10px;
background-color: #000000;
border-radius: 50%;
left: 0;
top: 14px;
position: absolute; }
@media (max-width: 1600px) {
.financial-page .thumb {
margin-right: -145px;
padding-bottom: 140%; }
.financial-page .txt,
.financial-page .txt02,
.financial-page .bullet01 li {
font-size: 28px; }
.financial-page .bullet01 li:before {
top: 12px; } }
@media (max-width: 1440px) {
.financial-page .thumb {
margin-right: -125px;
padding-bottom: 150%; }
.financial-page .txt,
.financial-page .txt02,
.financial-page .bullet01 li {
font-size: 26px; }
.financial-page .bullet01 li:before {
top: 12px;
width: 8px;
height: 8px; } }
@media (max-width: 1199px) {
.financial-page .thumb {
margin-right: -45px;
padding-bottom: 210%; }
.financial-page .txt,
.financial-page .txt02,
.financial-page .bullet01 li {
font-size: 24px; }
.financial-page .bullet01 li {
padding-left: 20px; }
.financial-page .bullet01 li:before {
top: 10px; } }
@media (max-width: 991px) {
.financial-page {
padding-bottom: 50px; }
.financial-page .thumb {
margin: 0;
padding-bottom: 50%; }
.financial-page .thumb .lazy {
object-position: top center; }
.financial-page .txt,
.financial-page .txt02,
.financial-page .bullet01 li {
font-size: 22px; }
.financial-page .txt {
padding-top: 20px; } }
@media (max-width: 767px) {
.financial-page {
padding-bottom: 30px; }
.financial-page .txt,
.financial-page .txt02,
.financial-page .bullet01 li {
font-size: 20px; } }
.facilities-page .title {
font-weight: 500;
font-size: 80px;
line-height: 1;
text-align: left;
color: #000; }
.facilities-page .desc {
font-weight: normal;
font-size: 30px;
line-height: 1.2;
color: #000; }
.facilities-page .map {
margin-top: 34px;
margin-bottom: 12px;
position: relative;
height: 360px;
display: flex;
justify-content: center;
align-items: center; }
.facilities-page .map .txt {
font-weight: bold;
font-size: 40px;
line-height: 1.2;
text-align: center;
color: #fff; }
.facilities-page .map .filter {
opacity: 0.9;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
.facilities-page .map .map-pic {
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
@media (max-width: 1600px) {
.facilities-page .detail-body .Links-box {
padding-bottom: 120px; }
.facilities-page .title {
font-size: 70px; }
.facilities-page .desc {
font-size: 28px; }
.facilities-page .map .txt {
font-size: 38px; } }
@media (max-width: 1440px) {
.facilities-page .detail-body .Links-box {
padding-bottom: 90px; }
.facilities-page .title {
font-size: 60px; }
.facilities-page .desc {
font-size: 26px; }
.facilities-page .map .txt {
font-size: 36px; }
.facilities-page .map {
height: 300px; } }
@media (max-width: 1199px) {
.facilities-page .title {
font-size: 50px; }
.facilities-page .desc {
font-size: 24px; }
.facilities-page .map .txt {
font-size: 30px; }
.facilities-page .map {
height: 240px; } }
@media (max-width: 991px) {
.facilities-page .title {
font-size: 40px; }
.facilities-page .desc {
font-size: 22px; }
.facilities-page .map .txt {
font-size: 26px; }
.facilities-page .map {
height: 200px; } }
@media (max-width: 767px) {
.facilities-page .detail-body .Links-box {
padding-bottom: 60px; }
.facilities-page .title {
font-size: 28px; }
.facilities-page .desc {
font-size: 20px; }
.facilities-page .map .txt {
font-size: 24px; } }
.cookiepolicy-page .txt {
font-weight: bold;
font-size: 48px;
line-height: 62px;
text-align: left;
color: #000; }
.cookiepolicy-page .url, .cookiepolicy-page .url a {
font-weight: normal;
font-size: 30px;
line-height: 36px;
text-align: left;
color: #909090; }
.cookiepolicy-page .detail-body .Links-box .more {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
color: #909090;
border: 0px solid #909090;
background-color: #ffffff;
border-radius: 50%;
-webkit-transition: All 400ms ease;
transition: All 400ms ease; }
.cookiepolicy-page .see:hover {
opacity: 1; }
.cookiepolicy-page .see:hover img {
margin-right: -3px; }
.cookiepolicy-page .download:hover {
opacity: 1; }
.cookiepolicy-page .download:hover img {
margin-right: -3px; }
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -2px;
z-index: 10;
border: 1px solid transparent;
text-transform: uppercase;
padding: 0 10px;
min-width: 137px;
height: 60px;
line-height: 58px;
font-size: 22px;
font-weight: normal;
border-radius: 30px; }
.cookiepolicy-page .see {
position: absolute;
right: 69px;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
opacity: 0.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
border: 2px solid #909090;
background-color: #ffffff;
border-radius: 50%;
-webkit-transition: All 400ms ease;
transition: All 400ms ease; }
.cookiepolicy-page .download {
position: absolute;
z-index: 30;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
opacity: 0.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
color: #909090;
border: 2px solid #909090;
background-color: #ffffff;
border-radius: 50%;
-webkit-transition: All 400ms ease;
transition: All 400ms ease; }
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 130px; }
.cookiepolicy-page .card-body h1 {
font-weight: bold;
font-size: 22px;
line-height: 62px;
text-align: left;
color: #909090; }
@media (max-width: 1440px) {
.cookiepolicy-page .url, .cookiepolicy-page .url a {
font-size: 22px;
line-height: 35px;
text-align: left;
color: #909090; }
.cookiepolicy-page .see {
-webkit-transform: scale(0.8); }
.cookiepolicy-page .download {
-webkit-transform: scale(0.8); }
.cookiepolicy-page .detail-body .Links-box .icon {
-webkit-transform: scale(0.8); } }
@media (max-width: 1280px) {
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 96px; } }
@media (max-width: 1024px) {
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 84px; }
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -15px; } }
@media (max-width: 960px) {
.cookiepolicy-page .detail-body .Links-box .icon {
-webkit-transform: scale(0.7); }
.cookiepolicy-page .see {
-webkit-transform: scale(0.7); }
.cookiepolicy-page .download {
-webkit-transform: scale(0.7); }
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -20px;
z-index: 10;
border: 1px solid transparent;
text-transform: uppercase;
padding: 0 10px;
min-width: 137px;
height: 60px;
line-height: 58px;
font-size: 22px;
font-weight: normal;
border-radius: 30px; }
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 88px; }
.cookiepolicy-page .detail-body .Links-box .url {
font-size: 18px; }
.cookiepolicy-page .url, .cookiepolicy-page .url a {
font-size: 16px;
line-height: 10px;
text-align: left;
color: #909090; }
.cookiepolicy-page .detail-body .Links-box .url {
font-size: 18px; } }
@media (max-width: 768px) {
.cookiepolicy-page .detail-body .Links-box .txt {
font-size: 20px; }
.cookiepolicy-page .detail-body .Links-box .url {
font-size: 18px; } }
@media (max-width: 767px) {
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 51px; } }
@media (max-width: 540px) {
.cookiepolicy-page .detail-body .Links-box .txt {
font-size: 16px;
margin-bottom: 0; }
.cookiepolicy-page .detail-body .Links-box .url {
font-size: 14px; }
.cookiepolicy-page .url a span {
font-size: 12px; }
.cookiepolicy-page .see {
-webkit-transform: scale(0.6); }
.cookiepolicy-page .download {
-webkit-transform: scale(0.6); }
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -30px;
z-index: 10;
border: 1px solid transparent;
text-transform: uppercase;
padding: 0 10px;
min-width: 137px;
height: 60px;
line-height: 58px;
font-size: 22px;
font-weight: normal;
border-radius: 30px; }
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 47px; } }
@media (max-width: 390px) {
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -35px; }
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 42px; } }
@media (max-width: 393px) {
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 43px; } }
@media (max-width: 375px) {
.cookiepolicy-page .detail-body .Links-box .wrapper {
position: relative;
padding: 20px 60px 15px 39px; }
.cookiepolicy-page .download {
-webkit-transform: scale(0.5); }
.cookiepolicy-page .download {
position: absolute;
z-index: 30;
right: -11px; }
.cookiepolicy-page .see {
-webkit-transform: scale(0.5); }
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -49px; } }
@media (max-width: 361px) {
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -52px; } }
@media (max-width: 320px) {
.cookiepolicy-page .btn {
background: none;
position: absolute;
top: -30px;
right: -49px; } }
.cookie-tab {
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 20; }
.cookie-tab .h-tap {
height: 140px; }
.cookie-tab .icon-pdpa {
position: relative; }
.cookie-tab .text {
font-weight: normal;
font-size: 24px;
text-align: left;
color: #ffffff;
line-height: 1; }
.cookie-tab .link-cookie-policy {
color: #26bde2;
display: inline-block;
vertical-align: middle; }
.cookie-tab .action {
display: flex; }
.cookie-tab .action .link {
display: block;
width: 150px;
height: 50px;
line-height: 50px;
background: #ffffff;
font-weight: normal;
font-size: 28px;
color: #1a458a;
text-align: center; }
.cookie-tab .action .link + .link {
margin-left: 15px; }
.cookie-tab .action .link:hover {
text-decoration: none;
background-color: #1a458a;
color: #fff; }
@media (max-width: 1199px) {
.cookie-tab .h-tap {
height: 100px; }
.cookie-tab .icon-pdpa {
width: 60px; }
.cookie-tab .action .link {
width: 120px;
height: 40px;
line-height: 40px;
font-size: 22px; }
.cookie-tab .text {
font-size: 20px; } }
@media (max-width: 991px) {
.cookie-tab .action {
display: block; }
.cookie-tab .action .link + .link {
margin-left: 0px;
margin-top: 5px; } }
@media (max-width: 767px) {
.cookie-tab .h-tap {
height: auto;
padding: 15px 0 15px 60px;
position: relative; }
.cookie-tab .h-tap > div:nth-child(1) {
position: absolute;
top: 15px;
left: 0px; }
.cookie-tab .icon-pdpa {
width: 50px; }
.cookie-tab .text {
font-size: 18px; }
.cookie-tab .action {
display: flex;
padding-top: 10px; }
.cookie-tab .action .link {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 18px; }
.cookie-tab .action .link + .link {
margin-left: 10px;
margin-top: 0px; } }
.engagement-page .card-topic {
margin-bottom: 100px; }
.engagement-page .card-topic .card:hover .icon1,
.engagement-page .card-topic .card:hover .icon {
transition-delay: 0.3s;
-webkit-transform: scale(0.9);
transform: scale(1.1); }
.engagement-page .card-topic .card:hover .filter-pic {
opacity: 0;
transition-delay: 0.3s; }
.engagement-page .card-topic .card {
overflow: hidden;
position: relative; }
.engagement-page .card-topic .card .filter-pic {
position: absolute;
z-index: +1;
transition: 0.3s ease-out; }
.engagement-page .card-topic .card .pic {
position: relative; }
.engagement-page .card-topic .card .icon1 {
position: absolute;
z-index: +2;
bottom: 90px;
left: 0;
width: 65px;
height: 66px;
mix-blend-mode: screen;
transition: 0.3s ease-out; }
.engagement-page .card-topic .card .icon {
position: absolute;
bottom: 0px;
left: 0;
width: 127px;
height: 127px;
transition: 0.3s ease-out; }
.engagement-page .card-topic .txt {
position: absolute;
z-index: +3;
bottom: 4%;
left: 10%; }
.engagement-page .card-topic .txt p {
font-weight: 400;
font-size: 52px;
line-height: 32px;
text-align: left;
color: #fff; }
@media (max-width: 767px) {
.engagement-page .card-topic .card .filter-pic {
height: 100%; }
.engagement-page .card-topic {
row-gap: 15px; }
.engagement-page .card-topic {
margin-bottom: 3.5rem; } }
@media (max-width: 540px) {
.engagement-page .card-topic .card {
width: 90%;
margin-left: 25px;
margin-bottom: 3rem; } }
@media (max-width: 414px) {
.engagement-page .card-topic .card {
width: 90%;
margin-left: 16px;
margin-bottom: 50px; } }
@media (max-width: 411px) {
.engagement-page .card-topic .card {
width: 90%;
margin-left: 17px;
margin-bottom: 50px; } }
@media (max-width: 375px) {
.engagement-page .card-topic .card {
width: 100%;
margin-left: 0px;
margin-bottom: 40px; }
.engagement-page .card-topic .txt p {
font-weight: 400;
font-size: 48px;
line-height: 32px;
text-align: left;
color: #fff; } }
.reports .reports-top .row {
justify-content: space-between;
align-items: end; }
.reports .reports-top .bottom .btn {
color: #ffffff;
padding: 0 40px;
border-radius: 30px;
background: #3f7e44;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.09); }
.reports .reports-head {
margin-bottom: 60px; }
.reports .reports-head .item a {
color: #000000;
text-decoration: none; }
.reports .reports-head .item a:hover .cover {
transform: scale(0.8);
opacity: .8; }
.reports .reports-head .item .cover {
max-width: 360px;
margin: 0 auto;
margin-bottom: 8px;
transition: .3s ease-out; }
.reports .reports-head .item .title {
font-size: 30px;
line-height: 1.1em; }
.reports .reports-head .item .year {
font-size: 72px;
line-height: .8em; }
@media (max-width: 1600px) {
.reports .reports-head .item .title {
font-size: 26px; }
.reports .reports-head .item .year {
font-size: 68px; } }
@media (max-width: 1440px) {
.reports .reports-head .item .title {
font-size: 24px; }
.reports .reports-head .item .year {
font-size: 64px; } }
@media (max-width: 1199px) {
.reports .reports-head .item .title {
font-size: 22px; }
.reports .reports-head .item .year {
font-size: 58px; } }
@media (max-width: 991px) {
.reports .reports-head .item .title {
font-size: 20px; }
.reports .reports-head .item .year {
font-size: 54px; } }
@media (max-width: 767px) {
.reports .reports-head .item {
text-align: center;
margin-bottom: 30px; }
.reports .reports-top .bottom .btn {
padding: 0 10px; }
.reports .reports-head .item .title {
font-size: 18px; }
.reports .reports-head .item .year {
font-size: 48px; } }
@media (max-width: 320px) {
.reports .reports-top .row {
justify-content: center; }
.reports .reports-top h1.wtxt.-sm {
margin-bottom: 10px; } }
.ecosystem-page .title {
font-size: 40px;
font-weight: bold;
line-height: 1em;
color: #000000;
margin-bottom: 15px; }
.ecosystem-page .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2em;
color: #000000; }
.ecosystem-page .picture {
padding: 30px 0; }
.ecosystem-page.-innerI .whead {
margin-bottom: 35px; }
.ecosystem-page.-innerI .ecosystem-body {
padding-top: 0;
padding-bottom: 100px; }
.ecosystem-page.-innerII .ecosystem-body {
padding: 0; }
.ecosystem-head .txt {
font-size: 42px;
font-weight: normal;
line-height: 1;
color: #ffffff;
width: 490px;
margin-top: -120px;
padding: 45px 50px 60px 50px;
position: relative;
z-index: 1;
background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%);
-webkit-border-radius: 0 70px 0 70px;
-moz-border-radius: 0 70px 0 70px;
border-radius: 0 70px 0 70px; }
.ecosystem-body {
padding-top: 40px;
padding-bottom: 30px; }
.ecosystem-foot .item-list > li {
width: 25%; }
.ecosystem-foot .item-list > li + li {
border-left: 1px solid #EEEEEE; }
.ecosystem-foot .wrapper {
height: 950px;
padding-right: 30px; }
.ecosystem-foot .wrapper.-boxI {
padding-top: 230px; }
.ecosystem-foot .wrapper.-boxII {
padding-top: 230px; }
.ecosystem-foot .wrapper.-boxIII {
padding-top: 140px; }
.ecosystem-foot .wrapper.-boxIV {
padding-top: 50px; }
.ecosystem-foot .thumb {
overflow: hidden;
position: relative;
top: 0;
-webkit-border-radius: 0 70px 0 50px;
-moz-border-radius: 0 70px 0 50px;
border-radius: 0 70px 0 50px;
-webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.ecosystem-foot .thumb .lazy {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ecosystem-foot .content {
display: flex;
align-items: center;
width: 100%;
padding: 30px;
position: relative;
z-index: 1;
background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%); }
.ecosystem-foot .content .number {
font-size: 70px;
font-weight: bold;
line-height: 0.9;
color: #ffffff;
padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.ecosystem-foot .content .txt {
font-size: 40px;
font-weight: normal;
line-height: 0.9;
color: #ffffff;
padding-left: 20px; }
.ecosystem-foot .link:hover .thumb {
top: -5px; }
.ecosystem-foot .link:hover .thumb .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.ecosystem-sectorI {
position: relative;
background-color: #F9F9F9; }
.ecosystem-sectorI .highlights-list {
width: auto;
position: relative;
left: 100%; }
.ecosystem-sectorI .highlights-list .item-list {
margin: 0; }
.ecosystem-sectorI .highlights-list .item-list > li {
width: 100px;
padding: 0; }
.ecosystem-sectorI .highlights-list .item-list > li:first-child {
width: 100px; }
.ecosystem-sectorI .highlights-list .item-list > li:first-child .wrapper {
padding: 15px; }
.ecosystem-sectorI .highlights-list .item-list > li:first-child .number {
font-size: 22px; }
.ecosystem-sectorI .highlights-list .item-list > li:first-child .icon {
left: 0;
right: 0;
bottom: 0;
top: auto;
margin: auto;
max-width: inherit;
height: auto; }
.ecosystem-sectorI .highlights-list .item-list > li:first-child .icon .lazy {
height: 40px;
max-width: 60px;
margin: 0 auto; }
.ecosystem-sectorI .highlights-list .wrapper {
padding: 15px; }
.ecosystem-sectorI .highlights-list .number {
font-size: 22px; }
.ecosystem-sectorI .highlights-list .icon {
left: 0;
right: 0;
bottom: 0;
top: auto;
margin: auto; }
.ecosystem-sectorI .highlights-list .icon .lazy {
height: 40px;
max-width: 60px;
margin: 0 auto; }
.ecosystem-sectorI .boxI {
position: relative;
z-index: 2;
padding-top: 160px;
padding-bottom: 60px; }
.ecosystem-sectorI .boxI:before {
content: '';
position: absolute;
z-index: -1;
left: -190px;
top: 0;
bottom: 0;
width: 685px;
background-image: radial-gradient(circle, #2B68C7 0%, #103A7D 100%); }
.ecosystem-sectorI .boxI:after {
content: '';
position: absolute;
z-index: -1;
left: -190px;
bottom: 0;
width: 600px;
height: 500px;
background-image: url(../img/static/ecosystem-stI-watermark.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain; }
.ecosystem-sectorI .boxI .thumb .lazy {
-webkit-border-radius: 0 70px 0 70px;
-moz-border-radius: 0 70px 0 70px;
border-radius: 0 70px 0 70px; }
.ecosystem-sectorI .boxII {
position: relative;
z-index: 1;
padding-top: 160px;
padding-bottom: 60px;
padding-left: 130px; }
.ecosystem-sectorII {
padding-bottom: 100px; }
.ecosystem-sectorII .thumb {
padding-top: 0;
padding-bottom: 60px; }
.ecosystem-sectorII .desc {
margin-bottom: 20px; }
.ecosystem-sectorII .gallery-list {
padding-top: 40px; }
.ecosystem-sectorII .gallery-list .item-list {
margin: -15px; }
.ecosystem-sectorII .gallery-list .item-list > li {
width: calc(100%/4);
padding: 15px; }
.ecosystem-sectorII .gallery-list .link {
display: block; }
.ecosystem-sectorII .gallery-list .link .cover {
position: relative;
overflow: hidden;
padding-bottom: 60%; }
.ecosystem-sectorII .gallery-list .link .cover .lazy {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ecosystem-sectorII .gallery-list .link:hover .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
@media (max-width: 1600px) {
.ecosystem-head .txt {
font-size: 38px;
width: 450px;
margin-top: -90px;
padding: 35px 40px 50px 40px;
border-radius: 0 60px 0 60px; }
.ecosystem-page .title {
font-size: 38px; }
.ecosystem-page .desc {
font-size: 28px; }
.ecosystem-foot .wrapper {
height: 900px; }
.ecosystem-foot .content {
padding: 25px; }
.ecosystem-foot .content .number {
font-size: 60px; }
.ecosystem-foot .content .txt {
font-size: 38px; }
.ecosystem-sectorI .boxI:after {
width: 430px;
height: 370px; }
.ecosystem-sectorI .boxII {
padding-left: 80px; } }
@media (max-width: 1440px) {
.ecosystem-head .txt {
font-size: 36px;
width: 400px;
margin-top: -70px;
padding: 30px 35px 45px 35px;
border-radius: 0 50px 0 50px; }
.ecosystem-page .title {
font-size: 36px; }
.ecosystem-page .desc {
font-size: 26px; }
.ecosystem-foot .wrapper {
height: 760px;
padding-right: 20px; }
.ecosystem-foot .thumb {
border-radius: 0 50px 0 40px; }
.ecosystem-foot .content {
padding: 20px; }
.ecosystem-foot .content .number {
font-size: 55px; }
.ecosystem-foot .content .txt {
font-size: 34px; }
.ecosystem-sectorI .boxI,
.ecosystem-sectorI .boxII {
padding-top: 140px; }
.ecosystem-sectorI .boxI:before {
left: -240px; }
.ecosystem-sectorI .boxI:after {
width: 500px;
height: 430px; }
.ecosystem-sectorI .boxII {
padding-left: 90px; } }
@media (max-width: 1199px) {
.ecosystem-head .txt {
font-size: 30px;
width: 320px;
margin-top: -40px;
padding: 20px 25px 25px 25px;
border-radius: 0 40px 0 40px; }
.ecosystem-page .title {
font-size: 30px; }
.ecosystem-page .desc {
font-size: 24px; }
.ecosystem-foot .wrapper {
height: 690px; }
.ecosystem-foot .wrapper.-boxI {
padding-top: 160px; }
.ecosystem-foot .wrapper.-boxII {
padding-top: 160px; }
.ecosystem-foot .wrapper.-boxIII {
padding-top: 90px; }
.ecosystem-foot .wrapper.-boxIV {
padding-top: 30px; }
.ecosystem-foot .thumb {
border-radius: 0 30px 0 20px; }
.ecosystem-foot .content {
padding: 15px; }
.ecosystem-foot .content .number {
font-size: 45px;
padding-right: 12px; }
.ecosystem-foot .content .txt {
font-size: 26px;
padding-left: 12px; }
.ecosystem-sectorI .highlights-list {
padding-top: 10px;
left: 0; }
.ecosystem-sectorI .boxI:before {
left: -30px;
width: 100%; }
.ecosystem-sectorI .boxI:after {
width: 360px;
height: 310px;
left: -30px; }
.ecosystem-sectorI .boxII {
padding-left: 60px; }
.ecosystem-sectorII .gallery-list .item-list {
margin: -10px; }
.ecosystem-sectorII .gallery-list .item-list > li {
padding: 10px; } }
@media (max-width: 991px) {
.ecosystem-head .txt {
font-size: 26px;
width: 280px;
padding: 15px 15px 15px 15px;
border-radius: 0 30px 0 30px; }
.ecosystem-page {
padding-top: 15px; }
.ecosystem-page .title {
font-size: 28px; }
.ecosystem-page .desc {
font-size: 22px; }
.ecosystem-page .picture {
padding: 20px 0; }
.ecosystem-foot .content .txt {
font-size: 24px; }
.ecosystem-foot .wrapper.-boxI {
padding-top: 90px; }
.ecosystem-foot .wrapper.-boxII {
padding-top: 90px; }
.ecosystem-foot .wrapper.-boxIII {
padding-top: 40px; }
.ecosystem-foot .wrapper.-boxIV {
padding-top: 0px; }
.ecosystem-page.-innerI .whead {
margin-bottom: 25px; }
.ecosystem-page.-innerI .ecosystem-body {
padding-bottom: 50px; }
.ecosystem-sectorI .boxI,
.ecosystem-sectorI .boxII {
padding-top: 60px; }
.ecosystem-sectorI .boxI:before {
left: 0px;
right: 0px;
width: auto; }
.ecosystem-sectorI .boxII {
padding-left: 15px; }
.ecosystem-sectorII {
padding-bottom: 50px; }
.ecosystem-sectorII .thumb {
padding-bottom: 30px; }
.ecosystem-sectorII .gallery-list {
padding-top: 20px; }
.ecosystem-sectorII .gallery-list .item-list {
margin: -5px; }
.ecosystem-sectorII .gallery-list .item-list > li {
padding: 5px; } }
@media (max-width: 767px) {
.ecosystem-head .txt {
font-size: 20px;
width: 100%;
padding: 15px;
border-radius: 0 0 0 15px;
margin-top: 0; }
.ecosystem-page .title {
font-size: 24px; }
.ecosystem-page .desc {
font-size: 20px; }
.ecosystem-body {
padding-top: 30px; }
.ecosystem-foot {
padding-bottom: 30px; }
.ecosystem-foot .item-list > li:nth-child(1) {
width: 100%; }
.ecosystem-foot .item-list > li {
width: 50%; }
.ecosystem-foot .item-list > li + li {
border-left: 0; }
.ecosystem-foot .wrapper {
height: auto;
padding-right: 10px; }
.ecosystem-foot .wrapper.-boxI {
padding-top: 0; }
.ecosystem-foot .wrapper.-boxII {
padding-top: 15px; }
.ecosystem-foot .wrapper.-boxIII {
padding-top: 15px;
position: relative;
top: 130px; }
.ecosystem-foot .wrapper.-boxIV {
padding-top: 15px; }
.ecosystem-foot .item-list > li + li {
border-left: 0; }
.ecosystem-foot .content .number {
font-size: 30px; }
.ecosystem-foot .content .txt {
font-size: 18px; }
.ecosystem-page.-innerI .whead {
margin-bottom: 20px; }
.ecosystem-page.-innerI .ecosystem-body {
padding-bottom: 30px; }
.ecosystem-sectorI .boxI,
.ecosystem-sectorI .boxII {
padding-top: 40px;
padding-bottom: 40px; }
.ecosystem-sectorI .boxI .thumb .lazy {
border-radius: 0 40px 0 40px; }
.ecosystem-sectorII .gallery-list {
padding-top: 0px; }
.ecosystem-sectorII .gallery-list .item-list > li {
width: 50%; } }
.contact-us .contact-us-head .img {
text-align: center; }
.contact-us .contact-us-body {
color: #ffffff;
overflow: hidden;
background: linear-gradient(#265cb2 0%, #19458b 100%); }
.contact-us .contact-us-body .map {
max-width: 100%;
height: 940px; }
.contact-us .contact-us-body .map iframe {
width: 100%;
border: 0;
height: 100%; }
.contact-us .contact-us-body .datas {
position: relative;
z-index: 1;
max-width: 910px;
padding: 60px 0 60px 90px; }
.contact-us .contact-us-body .datas .title {
font-size: 42px;
font-weight: bold;
line-height: 1.1em;
margin-bottom: 10px; }
.contact-us .contact-us-body .datas .social .title,
.contact-us .contact-us-body .datas .get-in-touch .title {
margin-top: 14px; }
.contact-us .contact-us-body .datas .subtitle {
font-size: 30px;
opacity: 0.5;
line-height: 1.1em;
text-transform: uppercase; }
.contact-us .contact-us-body .datas .desc {
font-size: 30px;
line-height: 1.1em;
padding-left: 50px; }
.contact-us .contact-us-body .datas td.desc {
max-width: 550px; }
.contact-us .contact-us-body .datas .contact tr td {
vertical-align: top; }
.contact-us .contact-us-body .datas .social .contact .fb .desc {
padding-left: 20px; }
.contact-us .contact-us-body .datas .social .contact .fb .desc a {
color: #ffffff; }
.contact-us .contact-us-body .datas .get-in-touch form ::placeholder {
color: #ffffff; }
.contact-us .contact-us-body .datas .get-in-touch input,
.contact-us .contact-us-body .datas .get-in-touch textarea {
background: none;
color: #ffffff;
font-size: 24px;
padding: 12px 12px 12px 0;
outline: 0;
border-width: 0 0 2px;
border-color: #ffffff;
margin-bottom: 14px;
opacity: 0.5;
transition: 0.3s; }
.contact-us .contact-us-body .datas .get-in-touch .name,
.contact-us .contact-us-body .datas .get-in-touch .phone,
.contact-us .contact-us-body .datas .get-in-touch .email,
.contact-us .contact-us-body .datas .get-in-touch .messeage {
width: 100%; }
.contact-us .contact-us-body .datas .get-in-touch input:focus,
.contact-us .contact-us-body .datas .get-in-touch textarea:focus {
opacity: 1; }
.contact-us .contact-us-body .datas .get-in-touch input:focus ::placeholder,
.contact-us .contact-us-body .datas .get-in-touch textarea:focus ::placeholder {
opacity: 1; }
.contact-us .contact-us-body .datas .get-in-touch .submit {
width: 250px;
height: 60px;
border-radius: 30px;
background: #3f7e44;
opacity: 1;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
border: 2px solid #3f7e44;
margin-top: 20px; }
.contact-us .contact-us-body .datas .get-in-touch .submit:hover {
background: #ffffff;
color: #3f7e44; }
.contact-us .contact-us-body .datas .find-us .leaf {
width: 70px;
height: 70px;
border-radius: 30px 0px;
background: #194891;
position: absolute;
z-index: -1;
top: 45px;
left: 55px; }
.contact-us .contact-us-body .watermark-white {
position: absolute;
max-width: 910px;
height: auto;
bottom: 0;
right: -209px;
z-index: -1; }
.contact-us .contact-us-body .leaf-t {
position: absolute;
top: 0;
right: 0;
z-index: -1; }
.contact-us .contact-us-body .leaf-t .leaf-1 {
position: absolute;
top: -190px;
right: 0;
width: 274px;
height: 274px;
border-radius: 100px 0px;
background: #1a4b98; }
.contact-us .contact-us-body .leaf-t .leaf-2 {
position: absolute;
top: 50px;
right: 235px;
width: 67px;
height: 67px;
border-radius: 25px 0px;
background: #144188; }
.contact-us .contact-us-body .leaf-b {
position: absolute;
left: 0;
bottom: 0;
z-index: -2; }
.contact-us .contact-us-body .leaf-b .leaf-1 {
position: absolute;
bottom: 0;
width: 274px;
height: 274px;
border-radius: 100px 0px;
background: #1a4b98; }
.contact-us .contact-us-body .leaf-b .leaf-2 {
position: absolute;
left: 220px;
bottom: -45px;
width: 87px;
height: 87px;
border-radius: 0px 30px;
background: #144188; }
@media (max-width: 1600px) {
.contact-us .contact-us-body .datas .title {
font-size: 38px; }
.contact-us .contact-us-body .datas .subtitle,
.contact-us .contact-us-body .datas .desc {
font-size: 28px; }
.contact-us .contact-us-body .map {
height: 910px; }
.contact-us .contact-us-body .datas {
max-width: 780px; } }
@media (max-width: 1440px) {
.contact-us .contact-us-body .datas .title {
font-size: 36px; }
.contact-us .contact-us-body .datas .subtitle,
.contact-us .contact-us-body .datas .desc {
font-size: 26px; }
.contact-us .contact-us-body .datas .get-in-touch input,
.contact-us .contact-us-body .datas .get-in-touch textarea {
font-size: 22px; }
.contact-us .contact-us-body .map {
height: 875px; }
.contact-us .contact-us-body .datas {
max-width: 710px; } }
@media (max-width: 1199px) {
.contact-us .contact-us-body .datas {
padding: 60px 60px; }
.contact-us .contact-us-body .datas .title {
font-size: 34px; }
.contact-us .contact-us-body .datas .subtitle,
.contact-us .contact-us-body .datas .desc {
font-size: 24px; }
.contact-us .contact-us-body .datas .get-in-touch input,
.contact-us .contact-us-body .datas .get-in-touch textarea {
font-size: 20px; }
.contact-us .contact-us-body .datas .get-in-touch .submit {
width: 200px;
height: auto; }
.contact-us .contact-us-body .map {
height: 831px; }
.contact-us .contact-us-body .datas .find-us .leaf {
width: 60px;
height: 60px;
border-radius: 25px 0px;
left: 30px; }
.contact-us .contact-us-body .datas {
padding-right: 76px; } }
@media (max-width: 991px) {
.contact-us .contact-us-body .datas .title {
font-size: 32px; }
.contact-us .contact-us-body .datas .subtitle,
.contact-us .contact-us-body .datas .desc {
font-size: 22px; }
.contact-us .contact-us-body .datas .get-in-touch input,
.contact-us .contact-us-body .datas .get-in-touch textarea {
font-size: 18px; }
.contact-us .contact-us-body .datas {
overflow: hidden; }
.contact-us .contact-us-body .map {
max-width: initial; }
.contact-us .contact-us-body .map {
height: 750px; }
.contact-us .contact-us-body .datas {
padding: 50px 40px; }
.contact-us .contact-us-body .datas .find-us .leaf {
top: 30px; }
.contact-us .contact-us-body .datas {
max-width: 100%; } }
@media (max-width: 767px) {
.contact-us .contact-us-body .map {
height: 650px; }
.contact-us .contact-us-body .datas .social .contact .fb .desc {
max-width: 238px; }
.contact-us .contact-us-body .leaf-b {
display: none; }
.datas .contact tr {
display: grid; }
.contact-us .contact-us-body .datas .desc {
padding-left: 0px; }
.contact-us .contact-us-body .datas .social .contact .fb .desc {
padding-left: 0px; } }
@media (max-width: 575px) {
.contact-us .contact-us-body .datas .get-in-touch .send {
text-align: center; }
.contact-us .contact-us-body .datas {
padding: 40px 40px; }
.contact-us .contact-us-body .datas .find-us .leaf {
top: 24px; } }
@media (max-width: 425px) {
.contact-us .contact-us-body .map {
height: 500px; }
.contact-us .contact-us-body .datas .desc {
padding-left: 0;
margin-bottom: 6px; }
.contact-us .contact-us-body .datas .social .contact .fb .desc {
padding-left: 0; } }
@media (max-width: 375px) {
.contact-us .contact-us-body .map {
height: 450px; }
.contact-us .contact-us-body .leaf-t .leaf-1 {
width: 240px;
height: 240px;
border-radius: 85px 0px; }
.contact-us .contact-us-body .leaf-t .leaf-2 {
top: 24px;
right: 213px;
width: 50px;
height: 50px;
border-radius: 20px 0px; } }
@media (max-width: 320px) {
.contact-us .contact-us-body .map {
height: 400px; }
.contact-us .contact-us-body .leaf-t .leaf-1 {
width: 200px;
height: 200px;
top: -150px;
border-radius: 70px 0px; }
.contact-us .contact-us-body .leaf-t .leaf-2 {
top: 24px;
right: 169px;
width: 50px; }
.contact-us .contact-us-body .datas .wrap-a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; } }
.accommodations .accom-head {
position: relative;
margin-bottom: 60px; }
.accommodations .accom-head .watermark {
position: absolute;
bottom: -63px; }
.accommodations .accom-head .row {
align-items: center; }
.accommodations .accom-head .txt {
font-size: 30px;
line-height: 1.1em; }
.accommodations .accom-head .img {
margin-left: 120px; }
.accommodations .accom-head .img::before {
position: absolute;
content: "";
width: 490px;
height: 490px;
border-radius: 0px 100px;
background: linear-gradient(#265cb2 0%, #19458b 100%);
z-index: -1;
right: 0px;
top: -100px; }
.accommodations .accom-body {
position: relative;
background-color: #f9f9f9;
padding: 60px 0; }
.accommodations .accom-body .semi-title {
font-weight: bold;
font-size: 40px;
line-height: 1em;
color: #144188; }
.accommodations .accom-body .dorm {
margin-bottom: 30px; }
.accommodations .accom-body .dorm .h-title {
font-weight: bold;
font-size: 80px;
line-height: 1em;
margin-bottom: 20px; }
.accommodations .accom-body .dorm .items {
display: grid;
grid-template-columns: auto auto auto;
justify-content: flex-start;
column-gap: 24px;
row-gap: 24px; }
.accommodations .accom-body .dorm .items .item {
width: 490px;
min-height: 345px;
background: #fff;
transition: ease-in-out 0.3s;
padding: 45px 35px; }
.accommodations .accom-body .dorm .items .item .title {
font-weight: bold;
font-size: 40px;
line-height: 1.1em;
color: #144188;
margin-bottom: 10px;
height: 120px; }
.accommodations .accom-body .dorm .items .item .details {
font-size: 30px;
line-height: 1.1em;
color: #909090;
display: flex;
column-gap: 14px; }
.accommodations .accom-body .dorm .items .item .details .locate,
.accommodations .accom-body .dorm .items .item .details .type {
position: relative;
padding-left: 20px; }
.accommodations .accom-body .dorm .items .item .details .locate::before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background-image: url("../img/icon/location.png");
background-repeat: no-repeat;
top: 10px;
left: 0; }
.accommodations .accom-body .dorm .items .item .details .type::before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background-image: url("../img/icon/person.png");
background-repeat: no-repeat;
top: 8px;
left: 0; }
.accommodations .accom-body .dorm .items .item .price {
font-size: 30px;
line-height: 1.1em;
color: #3f7e44; }
.accommodations .accom-body .dorm .items .item:hover {
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
@media (max-width: 1600px) {
.accommodations .accom-body .dorm .items .item .details,
.accommodations .accom-body .dorm .items .item .price {
font-size: 24px; }
.accommodations .accom-body .dorm .items .item .title {
font-size: 36px;
margin-bottom: 0; }
.accommodations .accom-body .dorm .items .item {
padding: 35px 35px; }
.accommodations .accom-body .dorm .h-title {
font-size: 68px; }
.accommodations .accom-body .semi-title {
font-size: 36px; }
.accommodations .accom-head .txt {
font-size: 28px; }
.accommodations .accom-head .img {
margin-left: 30px; }
.accommodations .accom-body .dorm .items .item {
width: 418px;
min-height: 325px; }
.accommodations .accom-body .dorm .items .item .details .locate::before {
top: 5px; }
.accommodations .accom-body .dorm .items .item .details .type::before {
top: 3px; }
.accommodations .accom-head .watermark {
transform: scale(0.9);
bottom: -95px;
left: -39px; } }
@media (max-width: 1440px) {
.accommodations .accom-head .txt {
font-size: 26px; }
.accommodations .accom-head .img::before {
right: -60px; }
.accommodations .accom-body .semi-title {
font-size: 32px; }
.accommodations .accom-body .dorm .h-title {
font-size: 60px; }
.accommodations .accom-body .dorm .items .item .title {
font-size: 32px;
height: 105px; }
.accommodations .accom-body .dorm .items .item .details,
.accommodations .accom-body .dorm .items .item .price {
font-size: 22px; }
.accommodations .accom-body .dorm .items .item {
width: 377px;
min-height: 303px; }
.accommodations .accom-body .dorm .items .item .details {
flex-direction: column; } }
@media (max-width: 1199px) {
.accommodations .accom-head .txt {
font-size: 24px; }
.accommodations .accom-head .img {
margin-left: 0px; }
.accommodations .accom-head .img::before {
width: 420px;
height: 420px; }
.accommodations .accom-body .semi-title {
font-size: 28px; }
.accommodations .accom-body .dorm .h-title {
font-size: 48px; }
.accommodations .accom-body .dorm .items .item .title {
font-size: 28px;
height: 92px; }
.accommodations .accom-body .dorm .items .item .details,
.accommodations .accom-body .dorm .items .item .price {
font-size: 20px; }
.accommodations .accom-body .dorm .items .item {
width: 305px;
min-height: 285px;
padding: 30px; }
.accommodations .accom-body .dorm .items .item .details .locate::before {
width: 13px;
height: 13px;
background-size: contain; }
.accommodations .accom-body .dorm .items .item .details .type::before {
width: 13px;
height: 13px;
background-size: contain; } }
@media (max-width: 991px) {
.accommodations .accom-head .txt {
font-size: 22px; }
.accommodations .accom-body .semi-title {
font-size: 24px; }
.accommodations .accom-body .dorm .h-title {
font-size: 42px; }
.accommodations .accom-body .dorm .items .item .title {
font-size: 24px;
height: 78px; }
.accommodations .accom-body .dorm .items .item .details,
.accommodations .accom-body .dorm .items .item .price {
font-size: 18px; }
.accommodations .accom-body .dorm .items .item {
width: 100%; }
.accommodations .accom-head .watermark {
transform: scale(0.8);
bottom: -200px;
left: -163px; } }
@media (max-width: 769px) {
.accommodations .accom-head .img::before {
width: 330px;
height: 330px;
top: -73px; } }
@media (max-width: 767px) {
.accommodations .accom-body .dorm .items {
grid-template-columns: auto auto; }
.accommodations .accom-head .txt {
font-size: 20px; }
.accommodations .accom-body {
padding: 40px 0; }
.accommodations .accom-body .dorm .items .item .title {
height: 60px;
font-size: 20px; }
.accommodations .accom-body .dorm .items .item {
min-height: 225px; }
.accommodations .accom-body .dorm .h-title {
font-size: 38px; }
.accommodations .accom-body .semi-title {
font-size: 20px; } }
@media (max-width: 575px) {
.accommodations .accom-body .dorm .items {
column-gap: 14px;
row-gap: 14px; }
.accommodations .accom-body .dorm .items .item .title {
height: 80px; }
.accommodations .accom-head .img {
margin-top: 45px; }
.accommodations .accom-head .img::before {
top: 0;
width: 420px;
height: 420px; }
.accommodations .accom-head .watermark {
display: none; }
.accommodations .accom-head .txt {
font-size: 18px; }
.accommodations .accom-head {
position: relative;
margin-bottom: 40px; }
.accommodations .accom-body .dorm .h-title {
font-size: 34px; } }
@media (max-width: 425px) {
.accommodations .accom-body .dorm .items .item .title {
height: auto;
margin-bottom: 10px; }
.accommodations .accom-body .dorm .items {
grid-template-columns: auto; }
.accommodations .accom-head .img::before {
width: 370px;
height: 370px; }
.accommodations .accom-body {
padding: 30px 0; } }
@media (max-width: 375px) {
.accom-head .img::before {
width: 330px;
height: 330px; } }
@media (max-width: 320px) {
.accommodations .accom-head .img::before {
width: 280px;
height: 280px; } }
.nze .nze-head {
margin-bottom: 30px; }
.nze .nze-head p {
font-size: 30px;
line-height: 1.2em; }
.nze .nze-head .img {
width: 490px;
height: 600px;
border-radius: 100px 0px;
background-image: url("../img/static/nze.jpg");
background-position: center;
margin-top: -195px; }
.nze .nze-body .title {
font-size: 80px;
font-weight: bold;
line-height: 1.1em; }
.nze .nze-body .semi-title {
font-size: 36px;
line-height: 1.1em;
color: #3f7e44; }
.nze .nze-body .topic {
color: #3f7e44; }
.nze .nze-body p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 0; }
.nze .nze-body .thirteen-ca {
row-gap: 1.5rem; }
.nze .nze-body .thirteen-ca .no {
font-weight: bold;
font-size: 52px;
line-height: 1.1em;
color: #3f7e44; }
.nze .nze-body .glass-greenhouse .box {
color: #ffffff;
width: 100%;
height: 517px;
background-image: url("../img/static/glass-greenhouse.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-left: 6rem;
padding-right: 2rem; }
.nze .nze-body .glass-greenhouse .box .txt-en {
color: #ffffff;
opacity: 0.5; }
.nze .nze-body .project {
background: #f9f9f9; }
.nze .nze-body .project .title {
font-size: 54px;
color: #144188; }
.watermark {
position: absolute;
background-image: url("../img/static/watermark-1.png");
background-repeat: no-repeat;
width: 100%;
height: 698px;
z-index: 0;
left: 0;
bottom: 43px; }
.watermark-top {
position: absolute;
background-image: url("../img/static/watermark-2.png");
background-repeat: no-repeat;
width: 100%;
height: 133.9px;
background-position: right; }
@media (max-width: 1600px) {
.nze .nze-head p,
.nze .nze-body p {
font-size: 26px; }
.nze .nze-body p span[style] {
padding-left: 1.1rem !important; }
.nze .nze-body .title {
font-size: 68px; }
.nze .nze-body .thirteen-ca .no,
.nze .nze-body .project .title {
font-size: 48px; }
.nze .nze-body .semi-title {
font-size: 32px; }
.watermark {
transform: scale(0.9);
left: -80px;
bottom: -60px; } }
@media (max-width: 1440px) {
.nze .nze-head p,
.nze .nze-body p {
font-size: 24px; }
.nze .nze-body .title {
font-size: 60px; }
.nze .nze-body .thirteen-ca .no,
.nze .nze-body .project .title {
font-size: 44px; }
.nze .nze-body .semi-title {
font-size: 28px; }
.watermark {
transform: scale(0.8);
left: -145px;
bottom: -60px; } }
@media (max-width: 1199px) {
.nze .nze-head .img {
height: 520px;
border-radius: 90px 0px;
margin-top: -110px; }
.watermark {
transform: scale(0.7);
left: -155px;
bottom: 0px; }
.nze .nze-body .title {
font-size: 48px; }
.nze .nze-head p,
.nze .nze-body p {
font-size: 22px; }
.nze .nze-body .thirteen-ca .no,
.nze .nze-body .project .title {
font-size: 40px; }
.nze .nze-body .semi-title {
font-size: 24px; }
.nze .nze-body .glass-greenhouse .box {
height: 320px; } }
@media (max-width: 991px) {
.nze .nze-head p,
.nze .nze-body p {
font-size: 20px; }
.nze .nze-head .img {
height: 460px;
border-radius: 80px 0px; }
.nze .nze-body .title {
font-size: 42px; }
.nze .nze-body .semi-title {
font-size: 20px; }
.nze .nze-body .thirteen-ca .no,
.nze .nze-body .project .title {
font-size: 36px; } }
@media (max-width: 767px) {
.nze .nze-head .img {
margin-top: 20px;
border-radius: 100px 0px;
width: 100%; }
.nze .nze-body .topic.title {
margin-top: 20px; }
.nze .nze-body .title {
font-size: 38px; }
.nze .nze-head p,
.nze .nze-body p {
font-size: 18px; }
.nze .nze-body .thirteen-ca .no,
.nze .nze-body .project .title {
font-size: 32px; }
.nze .nze-body .thirteen-ca .no {
margin-right: -1rem !important; }
.nze .nze-head .watermark {
transform: initial;
bottom: 0px;
left: auto; } }
@media (max-width: 767px) {
.nze .nze-body .glass-greenhouse .box {
padding-left: 2rem; } }
@media (max-width: 575px) {
.watermark-top {
display: none; } }
.learning-page {
position: relative;
background-image: url(../img/background/bg-detail.png);
background-repeat: no-repeat;
background-position: top center; }
.learning-page .slider {
padding-bottom: 120px; }
.learning-page .slider:nth-child(odd) .col-lg-4 {
order: 2; }
.learning-page .slider:nth-child(odd) .col-lg-8 {
order: 1; }
.learning-page .slider:nth-child(odd) .slider-content {
padding-left: 30px; }
.learning-page .slider:nth-child(odd) .slider-blog {
position: relative;
z-index: 1; }
.learning-page .slider:nth-child(odd) .slider-blog:before {
left: -205px; }
.learning-page .slider:nth-child(odd) .slider-blog:after {
left: -360px;
transform: scaleX(-1); }
.learning-page .slider:nth-child(odd) .slick-prev {
left: auto;
right: -110px;
top: auto;
bottom: 0px; }
.learning-page .slider:nth-child(odd) .slick-next {
left: auto;
right: -170px;
top: auto;
bottom: 0px; }
.learning-page .slider:nth-child(even) .col-lg-4 {
order: 1; }
.learning-page .slider:nth-child(even) .col-lg-8 {
order: 2; }
.learning-page .slider:nth-child(even) .slider-content {
padding-right: 30px; }
.learning-page .slider:nth-child(even) .slider-blog {
position: relative;
z-index: 1; }
.learning-page .slider:nth-child(even) .slider-blog:before {
right: -205px; }
.learning-page .slider:nth-child(even) .slider-blog:after {
right: -360px; }
.learning-page .slider:nth-child(even) .slick-prev {
right: auto;
left: -510px;
top: auto;
bottom: 0px; }
.learning-page .slider:nth-child(even) .slick-next {
right: auto;
left: -450px;
top: auto;
bottom: 0px; }
.learning-page .slider .slick-prev, .learning-page .slider .slick-next {
z-index: 3;
box-shadow: none; }
.learning-page .slider .slick-prev:hover, .learning-page .slider .slick-prev:focus, .learning-page .slider .slick-next:hover, .learning-page .slider .slick-next:focus {
border-color: #3F7E44; }
.learning-page .slider .slick-prev:hover .icon, .learning-page .slider .slick-prev:focus .icon, .learning-page .slider .slick-next:hover .icon, .learning-page .slider .slick-next:focus .icon {
color: #3F7E44; }
.learning-page .slider-content {
padding-top: 40px; }
.learning-page .slider-content .title {
font-size: 60px;
font-weight: bold;
line-height: 1em;
color: #3F7E44;
margin-bottom: 25px;
overflow: hidden;
height: 1em;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.learning-page .slider-content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1em;
color: #000000;
margin-bottom: 15px;
overflow: hidden;
height: 3em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.learning-page .slider-content .action .link {
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #909090; }
.learning-page .slider-content .action .link .icon {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.learning-page .slider-content .action .link .icon .lazy {
display: inline-block; }
.learning-page .slider-content .action .link:hover .icon {
right: -5px; }
.learning-page .slider-blog {
position: relative;
z-index: 1; }
.learning-page .slider-blog:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%); }
.learning-page .slider-blog:after {
content: '';
position: absolute;
z-index: 0;
bottom: 0;
width: 318px;
height: 395px;
background-image: url(../img/static/slider-blog-watermask.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: contain; }
.learning-page .slider-blog .slick-list {
z-index: 2; }
.learning-page .slider-blog .wrapper {
position: relative; }
.learning-page .slider-blog .thumb {
position: relative;
z-index: 1; }
.learning-page .slider-blog .thumb:before {
content: '';
position: absolute;
z-index: +1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5970763305) 100%); }
.learning-page .slider-blog .thumb .cover {
padding-bottom: 126%; }
.learning-page .slider-blog .txt {
position: absolute;
z-index: 2;
left: 30px;
bottom: 30px;
font-size: 32px;
font-weight: bold;
line-height: 0.9em;
color: #ffffff; }
.learning-detail .h-title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 10px; }
.learning-detail .h-title-box {
background-color: #F9F9F9;
padding: 5px 70px 5px 15px;
position: relative; }
.learning-detail .h-title-box .h-title {
margin-bottom: 0; }
.learning-detail .h-title-box .icon {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
margin: auto;
width: 54px;
height: 54px;
font-size: 50px; }
.learning-detail .s-title {
font-size: 46px;
font-weight: normal;
line-height: 1;
color: #000000;
margin-bottom: 10px; }
.learning-detail .desc {
font-size: 30px;
font-weight: normal;
line-height: 1;
color: #000000;
margin-bottom: 30px; }
.learning-detail .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1;
color: #000000;
margin-bottom: 30px;
padding-left: 20px;
padding-top: 20px; }
.learning-detail .link-box {
padding-bottom: 50px; }
.learning-detail .link-box li {
width: 100%;
padding-bottom: 10px; }
.learning-detail .link-box .link {
display: inline; }
.learning-detail .link-box .h-link {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
position: relative;
padding-left: 30px; }
.learning-detail .link-box .h-link:before {
content: '';
position: absolute;
top: 25px;
left: 0;
width: 14px;
height: 14px;
background-color: #144188;
-webkit-border-radius: 5px 0 5px 0;
-moz-border-radius: 5px 0 5px 0;
border-radius: 5px 0 5px 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.learning-detail .link-box .h-link:hover {
color: #3F7E44; }
.learning-detail .link-box .h-link:hover:before {
background-color: #3F7E44; }
.learning-detail .sub-box {
padding-bottom: 20px;
padding-left: 30px;
padding-top: 20px; }
.learning-detail .sub-box li {
width: 100%;
padding-bottom: 10px; }
.learning-detail .sub-box .s-link {
font-size: 30px;
font-weight: bold;
line-height: 1;
color: #000000;
position: relative;
padding-left: 14px; }
.learning-detail .sub-box .s-link:before {
content: '';
position: absolute;
top: 13px;
left: 0;
width: 10px;
height: 10px;
background-color: #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.learning-detail .sub-box .s-link:hover {
color: #3F7E44; }
.learning-detail .sub-box .s-link:hover:before {
background-color: #3F7E44; }
.learning-detail .sub-box .s-desc {
font-size: 30px;
font-weight: bold;
line-height: 1;
color: #000000; }
.public-program-list {
padding-bottom: 45px; }
.public-program-list .item-list {
margin: -15px; }
.public-program-list .item-list > li {
width: 50%;
padding: 15px; }
.public-program-list .link {
display: block; }
.public-program-list .wrapper {
background-color: #F9F9F9;
padding: 50px;
display: flex;
width: 100%; }
.public-program-list .wrapper.-end {
padding: 90px 130px;
background-color: #ffffff;
display: block; }
.public-program-list .wrapper.-end > div {
display: block;
padding: 0; }
.public-program-list .thumb {
position: relative;
z-index: 1;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.public-program-list .thumb .cover {
padding-bottom: 140%;
width: 285px;
overflow: hidden; }
.public-program-list .thumb .cover .lazy {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.public-program-list .content {
padding-left: 40px;
max-width: 100%;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1; }
.public-program-list .title {
font-size: 50px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 10px; }
.public-program-list .desc {
font-size: 30px;
font-weight: normal;
line-height: 1;
color: #000000; }
.public-program-list .link:hover .thumb .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.scholarship-page {
padding-bottom: 130px; }
.scholarship-box {
padding-left: 50px;
padding-bottom: 50px; }
.scholarship-box > ul.item-list > li {
width: 100%;
padding-bottom: 10px;
list-style-type: decimal;
list-style-position: inside;
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188; }
.scholarship-box > ul.item-list > li .link {
display: inline; }
.scholarship-box .h-link {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
position: relative; }
.scholarship-box .h-link:hover {
color: #3F7E44; }
.scholarship-box .h-link:hover:before {
background-color: #3F7E44; }
.scholarship-box .sub-box {
padding-bottom: 0px;
padding-left: 45px;
padding-top: 0px; }
.scholarship-box .sub-box > ul.item-list > li .link {
display: block; }
.scholarship-box .sub-box .s-link:before {
top: 11px; }
.scholarship-box .sub-box .s-link i {
font-weight: normal;
font-style: italic; }
@media (max-width: 1600px) {
.learning-page .slider:nth-child(even) .slick-prev {
left: -450px; }
.learning-page .slider:nth-child(even) .slick-next {
left: -390px; }
.learning-page .slider:nth-child(even) .slider-blog:after {
right: -290px; }
.learning-page .slider:nth-child(odd) .slider-blog:after {
left: -290px; }
.learning-page .slider-blog:after {
width: 280px;
height: 360px; }
.learning-detail .h-title {
font-size: 70px; }
.learning-detail .s-title {
font-size: 40px; }
.learning-detail .link-box .h-link {
font-size: 50px; }
.learning-detail .h-desc {
font-size: 36px; }
.public-program-list .wrapper {
padding: 40px; }
.public-program-list .wrapper.-end {
padding: 80px 120px; }
.public-program-list .thumb .cover {
width: 245px; }
.public-program-list .content {
padding-left: 30px; }
.public-program-list .title {
font-size: 42px; }
.public-program-list .desc {
font-size: 26px; }
.scholarship-page {
padding-bottom: 100px; }
.scholarship-box > ul.item-list > li,
.scholarship-box .h-link {
font-size: 50px; } }
@media (max-width: 1440px) {
.learning-page .slider:nth-child(even) .slick-prev {
left: -400px; }
.learning-page .slider:nth-child(even) .slick-next {
left: -340px; }
.learning-page .slider:nth-child(odd) .slick-prev {
right: -100px; }
.learning-page .slider:nth-child(odd) .slick-next {
right: -160px; }
.learning-page .slider:nth-child(even) .slider-blog:after {
right: -260px; }
.learning-page .slider:nth-child(odd) .slider-blog:after {
left: -260px; }
.learning-page .slider:nth-child(even) .slider-content {
padding-right: 20px; }
.learning-page .slider:nth-child(odd) .slider-content {
padding-left: 20px; }
.learning-page .slider-blog:after {
width: 240px;
height: 320px; }
.learning-page .slider-blog .txt {
left: 20px;
bottom: 20px;
font-size: 26px; }
.learning-page .slider-content .title {
font-size: 54px;
margin-bottom: 5px; }
.learning-page .slider-content .desc {
font-size: 26px; }
.learning-detail .h-title {
font-size: 60px; }
.learning-detail .s-title {
font-size: 35px; }
.learning-detail .desc {
font-size: 28px; }
.learning-detail .h-desc {
font-size: 32px; }
.learning-detail .link-box {
padding-bottom: 40px; }
.learning-detail .link-box .h-link {
font-size: 40px; }
.learning-detail .link-box .h-link:before {
top: 17px; }
.learning-detail .sub-box {
padding-top: 0px; }
.learning-detail .sub-box .s-link:before {
top: 13px;
width: 8px;
height: 8px; }
.learning-detail .sub-box .s-link,
.learning-detail .sub-box .s-desc {
font-size: 28px; }
.public-program-list .wrapper {
padding: 30px; }
.public-program-list .wrapper.-end {
padding: 80px 90px; }
.public-program-list .thumb .cover {
width: 240px; }
.public-program-list .content {
padding-left: 20px; }
.public-program-list .title {
font-size: 36px; }
.scholarship-box > ul.item-list > li,
.scholarship-box .h-link {
font-size: 40px; }
.scholarship-box .sub-box {
padding-left: 35px; }
.scholarship-box .sub-box .s-link:before {
top: 11px; } }
@media (max-width: 1199px) {
.learning-page .slider {
padding-bottom: 80px; }
.learning-page .slider:nth-child(even) .slick-prev {
left: -330px; }
.learning-page .slider:nth-child(even) .slick-next {
left: -270px; }
.learning-page .slider:nth-child(odd) .slick-prev {
right: -80px; }
.learning-page .slider:nth-child(odd) .slick-next {
right: -140px; }
.learning-page .slider:nth-child(even) .slider-content {
padding-right: 0; }
.learning-page .slider:nth-child(odd) .slider-content {
padding-left: 0; }
.learning-page .slider-content {
padding-top: 20px; }
.learning-page .slider-content .title {
font-size: 50px;
margin-bottom: 0; }
.learning-page .slider-content .desc {
font-size: 22px; }
.learning-page .slider-content .action .link {
font-size: 20px; }
.learning-page .slider-blog:after {
width: 300px;
height: 260px; }
.learning-page .slider-blog .txt {
font-size: 20px;
font-weight: normal; }
.learning-detail .h-title {
font-size: 50px; }
.learning-detail .h-title-box .icon {
width: 36px;
height: 39px;
font-size: 36px; }
.learning-detail .s-title {
font-size: 30px; }
.learning-detail .desc {
font-size: 26px; }
.learning-detail .h-desc {
font-size: 28px;
margin-bottom: 20px;
padding-top: 10px; }
.learning-detail .link-box .h-link {
font-size: 35px; }
.learning-detail .link-box .h-link:before {
top: 15px; }
.learning-detail .sub-box .s-link,
.learning-detail .sub-box .s-desc {
font-size: 26px; }
.public-program-list .wrapper.-end {
padding: 60px 70px; }
.public-program-list .item-list > li {
width: 100%; }
.public-program-list .thumb .cover {
width: 200px; }
.public-program-list .title {
font-size: 34px; }
.public-program-list .desc {
font-size: 24px; }
.scholarship-page {
padding-bottom: 70px; }
.scholarship-box {
padding-left: 40px;
padding-bottom: 30px; }
.scholarship-box > ul.item-list > li,
.scholarship-box .h-link {
font-size: 35px; } }
@media (max-width: 991px) {
.learning-page .slider {
padding-bottom: 50px; }
.learning-page .slider:nth-child(odd) .col-lg-4 {
order: 1; }
.learning-page .slider:nth-child(odd) .col-lg-8 {
order: 2; }
.learning-page .slider:nth-child(even) .slider-blog:after {
right: -180px; }
.learning-page .slider:nth-child(odd) .slider-blog:after {
left: -180px; }
.learning-page .slider-content {
padding-top: 0;
padding-bottom: 15px; }
.learning-page .slider-blog {
padding-top: 15px; }
.learning-page .slider-blog:after {
width: 300px;
height: 320px; }
.learning-detail .h-title {
font-size: 40px; }
.learning-detail .h-title-box .icon {
right: 10px;
width: 30px;
height: 32px;
font-size: 30px; }
.public-program-list .item-list {
margin: -10px; }
.public-program-list .item-list > li {
padding: 10px; }
.public-program-list .wrapper {
padding: 15px; }
.public-program-list .wrapper.-end {
padding: 40px 60px; }
.public-program-list .title {
font-size: 32px; }
.public-program-list .content {
padding-left: 15px; }
.scholarship-box {
padding-left: 20px;
padding-bottom: 25px; } }
@media (max-width: 767px) {
.learning-page .slider-content .title {
font-size: 30px;
margin-bottom: 5px; }
.learning-page .slider-content .desc {
font-size: 20px;
margin-bottom: 5px; }
.learning-page .slider-content .action .link {
font-size: 18px; }
.learning-page .slider-blog:after {
width: 250px;
height: 240px; }
.learning-page .slider-blog .txt {
left: 15px;
bottom: 15px;
font-size: 18px; }
.learning-detail .h-title {
font-size: 30px; }
.learning-detail .h-title-box {
padding: 5px 40px 5px 15px; }
.learning-detail .h-title-box .icon {
right: 2px;
width: 24px;
height: 26px;
font-size: 24px; }
.learning-detail .s-title {
font-size: 24px; }
.learning-detail .desc {
font-size: 20px; }
.learning-detail .h-desc {
font-size: 24px;
margin-bottom: 10px; }
.learning-detail .link-box {
padding-bottom: 20px; }
.learning-detail .link-box .h-link {
font-size: 26px; }
.learning-detail .link-box .h-link:before {
top: 8px; }
.learning-detail .sub-box {
padding-bottom: 0; }
.learning-detail .sub-box .s-link:before {
top: 8px; }
.learning-detail .sub-box .s-link,
.learning-detail .sub-box .s-desc {
font-size: 20px; }
.public-program-list .wrapper.-end {
padding: 15px 30px; }
.public-program-list .thumb .cover {
width: 100px; }
.public-program-list .title {
font-size: 24px;
margin-bottom: 5px; }
.public-program-list .desc {
font-size: 20px; }
.scholarship-page {
padding-bottom: 40px; }
.scholarship-box > ul.item-list > li,
.scholarship-box .h-link {
font-size: 26px; }
.scholarship-box .sub-box {
padding-left: 23px; }
.scholarship-box .sub-box .s-link:before {
top: 6px; } }
.browse-courses-page {
position: relative;
background-image: url(../img/background/bg-detail.png);
background-repeat: no-repeat;
background-position: top center; }
.browse-courses-page .wg-browse-courses {
padding-top: 0;
background-image: none; }
.browse-courses-page .wg-browse-courses .inner {
padding-top: 0; }
.browse-courses-page .action {
padding-top: 25px; }
.browse-courses-page .action .link {
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #3F7E44; }
.browse-courses-page .action .link .icon {
margin-left: 10px;
position: relative;
right: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.browse-courses-page .action .link .icon .lazy {
display: inline-block; }
.browse-courses-page .action .link:hover .icon {
right: -5px; }
.browse-courses-page .content {
width: 620px;
padding-top: 65px; }
.browse-courses-page .title {
font-size: 62px;
font-weight: bold;
line-height: 1;
color: #000000; }
.browse-courses-page .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000; }
.browse-courses-page .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000; }
.-creative-innovation .sectorI {
padding: 30px 0 110px 0; }
.-creative-innovation .sectorI .thumb {
position: relative;
padding: 50px 0;
width: 1218px;
margin-left: -380px; }
.-creative-innovation .sectorI .thumb:before {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 180px;
background-color: #F9F9F9;
-webkit-border-radius: 0 100px 0 0;
-moz-border-radius: 0 100px 0 0;
border-radius: 0 100px 0 0; }
.-creative-innovation .sectorI .thumb .lazy {
position: relative;
z-index: 1; }
.-creative-innovation .sectorI .thumbII {
text-align: right; }
.-creative-innovation .sectorI-list {
padding-top: 30px; }
.-creative-innovation .sectorI-list .item-list {
margin: 0 -15px; }
.-creative-innovation .sectorI-list .item-list > li {
width: 33.33%;
padding: 0 15px; }
.-creative-innovation .sectorI-list .wrapper {
padding: 45px 40px 40px 40px;
position: relative;
z-index: 1;
min-height: 320px;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.-creative-innovation .sectorI-list .wrapper:before {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0px;
background-image: linear-gradient(180deg, rgba(20, 65, 136, 0) 0%, #144188 100%); }
.-creative-innovation .sectorI-list .wrapper .desc {
color: #ffffff;
position: relative;
z-index: 1; }
.-creative-innovation .sectorII {
background-color: #F9F9F9;
padding: 85px 0; }
.-creative-innovation .sectorII .thumb {
padding-right: 30px; }
.-creative-innovation .sectorII .content {
padding-top: 0px; }
.-creative-innovation .sectorIII {
padding: 70px 0 110px 0; }
.-communication-media {
background-image: none; }
.-communication-media .whead {
margin-bottom: 30px; }
.-communication-media .whead .wtxt {
line-height: 0.7; }
.-communication-media .sectorI .content {
padding-top: 0; }
.-communication-media .sectorI .thumb {
position: relative;
padding: 112px 0 112px 60px;
text-align: right; }
.-communication-media .sectorI .thumb:before {
content: '';
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
right: -200px;
left: 230px;
background-color: #F9F9F9;
-webkit-border-radius: 100px 0 0 0;
-moz-border-radius: 100px 0 0 0;
border-radius: 100px 0 0 0; }
.-communication-media .sectorI .thumb .lazy {
position: relative;
z-index: 1; }
.-communication-media .sectorII {
padding: 50px 0 80px 0; }
.-communication-media .sectorII .content {
padding-top: 0; }
.-communication-media .sectorII .thumb {
position: relative;
text-align: left;
width: 1124px;
margin-left: -390px; }
@media (max-width: 1600px) {
.browse-courses-page .content {
padding-top: 60px; }
.browse-courses-page .title {
font-size: 58px; }
.browse-courses-page .desc {
font-size: 28px; }
.browse-courses-page .h-desc {
font-size: 36px; }
.-creative-innovation .sectorI .thumb {
width: 980px;
margin-left: -320px; }
.-communication-media .sectorII .thumb {
width: 1000px;
margin-left: -330px; } }
@media (max-width: 1440px) {
.browse-courses-page .content {
padding-top: 50px;
width: 550px; }
.browse-courses-page .title {
font-size: 54px; }
.browse-courses-page .desc {
font-size: 26px; }
.browse-courses-page .h-desc {
font-size: 32px; }
.-creative-innovation .sectorI .thumb {
width: 820px;
margin-left: -250px; }
.-communication-media .sectorI .thumb {
padding: 80px 0 80px 50px; }
.-communication-media .sectorII .thumb {
width: 900px;
margin-left: -280px; } }
@media (max-width: 1199px) {
.browse-courses-page .content {
padding-top: 20px;
width: 450px; }
.browse-courses-page .title {
font-size: 48px; }
.browse-courses-page .desc {
font-size: 24px; }
.browse-courses-page .h-desc {
font-size: 28px; }
.-creative-innovation .sectorI {
padding: 20px 0 60px 0; }
.-creative-innovation .sectorI .thumb {
width: 650px;
margin-left: -180px; }
.-creative-innovation .sectorI .thumb:before {
right: 90px; }
.-creative-innovation .sectorI-list {
padding-top: 10px; }
.-creative-innovation .sectorI-list .wrapper {
padding: 25px 20px 20px 20px;
min-height: 280px; }
.-creative-innovation .sectorII {
padding: 50px 0; }
.-creative-innovation .sectorIII {
padding: 50px 0; }
.-communication-media .sectorII .thumb {
width: 700px;
margin-left: -220px; }
.-communication-media .sectorI .thumb:before {
right: -50px;
left: 120px;
border-radius: 70px 0 0 0; } }
@media (max-width: 991px) {
.browse-courses-page .action .link {
font-size: 20px; }
.browse-courses-page .content {
width: 100%; }
.browse-courses-page .title {
font-size: 40px; }
.browse-courses-page .desc {
font-size: 22px; }
.browse-courses-page .h-desc {
font-size: 26px; }
.-creative-innovation .sectorI {
padding: 20px 0 30px 0; }
.-creative-innovation .sectorI .thumb {
width: 100%;
margin-left: -20px; }
.-creative-innovation .sectorI .thumb:before {
right: 180px; }
.-creative-innovation .sectorI .thumb .lazy {
margin-left: -100px; }
.-creative-innovation .sectorI .thumbII {
text-align: center; }
.-creative-innovation .sectorI-list {
padding-top: 30px; }
.-creative-innovation .sectorI-list .wrapper {
min-height: inherit; }
.-creative-innovation .sectorI-list .item-list > li {
width: 50%;
padding: 15px; }
.-creative-innovation .sectorII .thumb {
padding-right: 0;
padding-bottom: 20px; }
.-communication-media .whead {
margin-bottom: 10px; }
.-communication-media .sectorI .content {
padding-bottom: 20px; }
.-communication-media .sectorI .thumb {
padding: 30px 0; }
.-communication-media .sectorI .thumb:before {
right: -20px;
left: 40px;
border-radius: 50px 0 0 0; }
.-communication-media .sectorII {
padding: 30px 0 50px 0; }
.-communication-media .sectorII .thumb {
width: 100%;
margin-left: 0;
margin-bottom: 15px; } }
@media (max-width: 767px) {
.browse-courses-page .action {
padding-top: 10px;
padding-bottom: 10px; }
.browse-courses-page .action .link {
font-size: 18px; }
.browse-courses-page .title {
font-size: 32px; }
.browse-courses-page .desc {
font-size: 20px; }
.browse-courses-page .h-desc {
font-size: 22px; }
.-creative-innovation .sectorI .thumb {
padding: 0; }
.-creative-innovation .sectorI .thumb:before {
right: 0px;
border-radius: 0 40px 0 0; }
.-creative-innovation .sectorI .thumb .lazy {
margin-left: -10%; }
.-creative-innovation .sectorI-list {
padding-top: 10px; }
.-creative-innovation .sectorI-list .item-list {
margin: -10px; }
.-creative-innovation .sectorI-list .item-list > li {
width: 100%;
padding: 10px; }
.-creative-innovation .sectorII {
padding: 30px 0; }
.-creative-innovation .sectorII .thumb {
padding-right: 0;
padding-bottom: 20px; }
.-creative-innovation .sectorIII {
padding: 30px 0; }
.-communication-media .sectorI .content {
padding-bottom: 10px; }
.-communication-media .sectorII {
padding: 20px 0 30px 0; } }
.community-page {
padding-bottom: 100px; }
.community-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.community-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.community-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.community-page .sectorI {
padding-bottom: 660px;
background-image: url(../img/background/bg-community.jpg);
background-repeat: no-repeat;
background-position: bottom center; }
.community-page .sectorII {
padding-top: 60px; }
.community-page .sectorII .award-sectorVI {
padding-bottom: 60px; }
.community-page .sectorIII {
padding-top: 60px; }
.community-page .sectorIII .row + .row {
margin-top: 80px; }
.community-page .sectorIII .thumb {
text-align: left; }
.community-page .sectorIII .thumbII {
text-align: right; }
.community-page .sectorIII .content {
width: 650px; }
.community-page .sectorIII .content.-L {
padding-right: 30px; }
.community-page .sectorIII .content.-R {
padding-left: 30px; }
@media (max-width: 1600px) {
.community-page .content .title {
font-size: 70px; }
.community-page .content .s-title {
font-size: 50px; }
.community-page .content .desc {
font-size: 28px; } }
@media (max-width: 1440px) {
.community-page .content .title {
font-size: 60px; }
.community-page .content .s-title {
font-size: 40px; }
.community-page .content .desc {
font-size: 26px; }
.community-page .sectorIII .content {
width: 590px; } }
@media (max-width: 1199px) {
.community-page .content .title {
font-size: 50px; }
.community-page .content .s-title {
font-size: 36px; }
.community-page .content .desc {
font-size: 24px; }
.community-page .sectorI {
padding-bottom: 40%;
background-size: contain; }
.community-page .sectorIII .content {
width: 470px; } }
@media (max-width: 991px) {
.community-page {
padding-bottom: 30px; }
.community-page .content .title {
font-size: 40px; }
.community-page .content .s-title {
font-size: 30px; }
.community-page .content .desc {
font-size: 22px; }
.community-page .sectorII {
padding-top: 30px; }
.community-page .sectorII .award-sectorVI {
padding-bottom: 30px; }
.community-page .sectorIII {
padding-top: 30px; }
.community-page .sectorIII .row + .row {
margin-top: 30px; }
.community-page .sectorIII .content {
width: 100%;
padding-top: 10px; }
.community-page .sectorIII .content.-L {
padding-right: 0px; }
.community-page .sectorIII .content.-R {
padding-left: 0px; } }
@media (max-width: 767px) {
.community-page .content .title {
font-size: 28px;
margin-bottom: 5px; }
.community-page .content .s-title {
font-size: 24px;
margin-bottom: 5px; }
.community-page .content .desc {
font-size: 20px;
margin-bottom: 0px; } }
.green-building .green-building-head .cover img {
margin-top: -160px; }
.green-building .green-building-body .title {
font-size: 80px;
font-weight: bold;
line-height: 1em; }
.green-building .green-building-body p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 3rem; }
.green-building .green-building-body .g-b-c-desc .title {
color: #3f7e44; }
.green-building .green-building-body .g-b-c-desc .img {
text-align: end; }
.green-building .green-building-body .g-b-c-desc .img img {
margin-top: -164px; }
.green-building .green-building-body .part-one {
background-color: #f9f9f9; }
.green-building .green-building-body .part-one .img {
width: 129%;
height: 100%; }
.green-building .green-building-body .part-one .img img {
height: 100%;
object-fit: cover;
object-position: center; }
.green-building .green-building-body .part-two {
padding: 280px 0 0 0; }
.green-building .green-building-body .part-two .img img.top {
margin-top: -190px; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: -127px;
margin-top: -95px; }
.green-building .green-building-body .part-two .col-md-6.left,
.green-building .green-building-body .part-three .col-md-6.left {
padding-left: 6rem; }
@media (max-width: 1600px) {
.green-building .green-building-body .title {
font-size: 68px; }
.green-building .green-building-body p {
font-size: 28px; }
.green-building .green-building-body .part-two {
padding: 200px 0 0 0; }
.green-building .green-building-body .part-two .img img.top {
margin-top: -160px; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: -111px; } }
@media (max-width: 1440px) {
.green-building .green-building-body .title {
font-size: 60px; }
.green-building .green-building-body p {
font-size: 26px; }
.green-building .green-building-body .part-two {
padding: 150px 0 0 0; }
.green-building .green-building-body .part-two .img img.top {
margin-top: -120px; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: -100px; } }
@media (max-width: 1199px) {
.green-building .green-building-head .cover img {
margin-top: -100px; }
.green-building .green-building-body .title {
font-size: 48px; }
.green-building .green-building-body p {
font-size: 24px; }
.green-building .green-building-body .part-two {
padding: 110px 0 0 0; }
.green-building .green-building-body .part-two .img img.top {
margin-top: -80px; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: -80px; }
.green-building .green-building-body .part-two .col-6.left,
.green-building .green-building-body .part-three .col-6.left {
padding-left: 4rem; } }
@media (max-width: 991px) {
.green-building .green-building-head .cover img {
margin-top: -90px; }
.green-building .green-building-body .title {
font-size: 42px; }
.green-building .green-building-body p {
font-size: 22px; }
.green-building .green-building-body .part-two {
padding: 100px 0 0 0; }
.green-building .green-building-body .part-two .img img.top {
margin-top: -80px; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: -80px; }
.green-building .green-building-body .part-two .col-md-6.left,
.green-building .green-building-body .part-three .col-md-6.left {
padding-left: 4rem; } }
@media (max-width: 767px) {
.green-building .green-building-head .cover img {
margin-top: -60px; }
.green-building .green-building-body .title {
font-size: 35px;
margin-bottom: 1rem !important; }
.green-building .green-building-body p {
font-size: 20px; }
.green-building .green-building-body .g-b-c-desc .img img {
margin-top: -100px; }
.green-building .green-building-body .part-one .img {
width: 100%;
margin: 3rem 0; }
.green-building .green-building-body .part-one .img img {
height: auto; }
.green-building .green-building-body .part-two .img img.top {
margin-top: 0;
margin-bottom: 10rem; }
.green-building .green-building-body .part-two {
padding: 0; }
.green-building .green-building-body .part-two .img {
text-align: end;
margin-top: 1rem; }
.green-building .green-building-body .part-two .img img.bottom {
margin-left: 0;
position: absolute;
bottom: 2rem;
left: 0; }
.green-building .green-building-body .part-two p,
.green-building .green-building-body .part-three p {
margin-bottom: 0; }
.green-building .green-building-body .part-two .col-md-6.left, .green-building .green-building-body .part-three .col-md-6.left {
padding-left: 15px; } }
@media (max-width: 575px) {
.green-building .green-building-body .title {
font-size: 35px;
margin-bottom: 1rem !important; }
.green-building .green-building-body p {
font-size: 18px; }
.green-building .green-building-body .g-b-c-desc .img img {
margin-top: 0; }
.green-building .green-building-body .g-b-c-desc .img {
text-align: center; }
.green-building .green-building-body .part-two .img img.bottom {
position: relative;
bottom: 0;
margin-top: 0;
margin-bottom: 3rem; }
.green-building .green-building-body .part-two .img img.top {
margin-bottom: 1rem; }
.green-building .green-building-body .part-two .img {
text-align: center; }
.green-building .green-building-head .cover img {
margin-top: -47px; } }
@media (max-width: 425px) {
.green-building .green-building-head .cover img {
margin-top: 0px;
margin-left: 35px;
transform: scale(1.5); }
.green-building-head {
margin-bottom: 2rem; } }
.green-area p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 3rem; }
.green-area .green-area-head {
position: relative; }
.green-area .green-area-head .bottom {
background: #144188;
color: #ffffff; }
.green-area .green-area-head .bottom .watermark-white {
position: absolute;
bottom: 0; }
.green-area .green-area-head .side-img {
position: absolute;
top: -30px;
right: 0; }
.green-area .green-area-head .side-img img.top {
position: absolute;
top: 60px;
left: 90px; }
.green-area .green-area-body .topic {
font-size: 42px;
line-height: 1.1em; }
.green-area .green-area-body .title {
font-size: 80px;
font-weight: bold;
line-height: 1.1em;
color: #000000; }
.green-area .green-area-body .subtitle {
font-size: 54px;
font-weight: bold;
color: #144188;
line-height: 1.1em; }
.green-area .green-area-body .part-one .row:first-child p {
margin-bottom: 0; }
.green-area .green-area-body .part-two {
background-color: #f9f9f9; }
.green-area .green-area-body .part-two p {
margin-bottom: 2rem; }
@media (max-width: 1600px) {
.green-area p {
font-size: 28px; }
.green-area .green-area-body .title {
font-size: 68px; }
.green-area .green-area-body .subtitle {
font-size: 50px; }
.green-area .green-area-body .topic {
font-size: 40px; }
.green-area .green-area-head .side-img {
top: -55px;
right: -41px;
transform: scale(0.9); } }
@media (max-width: 1440px) {
.green-area p {
font-size: 26px; }
.green-area .green-area-body .title {
font-size: 60px; }
.green-area .green-area-body .subtitle {
font-size: 46px; }
.green-area .green-area-body .topic {
font-size: 38px; }
.green-area .green-area-head .side-img {
top: -79px;
right: -82px;
transform: scale(0.8); } }
@media (max-width: 1199px) {
.green-area p {
font-size: 24px; }
.green-area .green-area-body .title {
font-size: 50px; }
.green-area .green-area-body .subtitle {
font-size: 42px; }
.green-area .green-area-body .topic {
font-size: 36px; }
.green-area .green-area-head .side-img {
top: -52px;
right: -163px;
transform: scale(0.6); } }
@media (max-width: 991px) {
.green-area p {
font-size: 22px;
margin-bottom: 1rem; }
.green-area .green-area-body .title {
font-size: 42px; }
.green-area .green-area-body .subtitle {
font-size: 36px; }
.green-area .green-area-body .topic {
font-size: 30px; }
.green-area .green-area-head .side-img {
top: -166px;
right: -204px;
transform: scale(0.5); } }
@media (max-width: 767px) {
.green-area p {
font-size: 20px; }
.green-area .green-area-body .title {
font-size: 40px; }
.green-area .green-area-body .subtitle {
font-size: 30px; }
.green-area .green-area-body .topic {
font-size: 28px; }
.green-area .green-area-head .side-img {
position: relative;
top: -66px;
right: 0;
transform: scale(1); }
.green-area .green-area-head .bottom .watermark-white {
display: none; }
.green-area .green-area-head {
margin-bottom: -50px; }
.green-area .green-area-head .top.mb-5 {
margin-bottom: 1rem !important; }
.green-area .row.my-5 {
margin-bottom: 1rem !important;
margin-top: 1rem !important; }
.green-area .green-area-body img {
padding: 1rem 0; }
.reverse {
flex-direction: column-reverse; }
.col-sm-2.col-4.pr-0 {
padding-right: 1rem !important; } }
@media (max-width: 575px) {
.green-area p {
font-size: 18px; }
.green-area .green-area-body .title {
font-size: 28px; }
.green-area .green-area-body .subtitle {
font-size: 24px; }
.green-area .green-area-body .topic {
font-size: 22px; } }
.education-page .whead {
margin-bottom: 15px; }
.education-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.education-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.education-page .content .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.education-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.education-page .sectorI {
padding: 30px 0 60px 0; }
.education-page .sectorI .inner {
padding-left: 34px; }
.education-page .sectorI .s-title {
position: relative;
padding-left: 34px; }
.education-page .sectorI .s-title:before {
content: '';
position: absolute;
top: 25px;
left: 0;
width: 14px;
height: 14px;
background-color: #144188;
-webkit-border-radius: 5px 0 5px 0;
-moz-border-radius: 5px 0 5px 0;
border-radius: 5px 0 5px 0; }
.education-page .sectorI .desc {
position: relative;
padding-left: 15px;
margin-bottom: 0;
font-weight: bold; }
.education-page .sectorI .desc:before {
content: '';
position: absolute;
top: 14px;
left: 0;
width: 10px;
height: 10px;
background-color: #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.education-page .sectorII {
padding: 50px 0;
background-color: #F9F9F9; }
.education-page .sectorII .content {
padding-bottom: 20px; }
.education-page .sectorII .inner {
width: 505px; }
.education-page .sectorIII {
padding: 90px 0 100px 0; }
.education-page .sectorIII .item-list {
margin: 0 -15px; }
.education-page .sectorIII .item-list > li {
width: 33.33%;
padding: 0 15px; }
.education-page .sectorIII .thumb {
padding-bottom: 25px; }
.education-page .sectorIII .thumb .cover {
padding-bottom: 60%;
overflow: hidden; }
.education-page .sectorIII .thumb .cover .lazy {
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.education-page .sectorIII .link:hover .thumb .cover .lazy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
@media (max-width: 1600px) {
.education-page .content .title {
font-size: 70px; }
.education-page .content .s-title {
font-size: 50px; }
.education-page .content .h-desc {
font-size: 38px; }
.education-page .content .desc {
font-size: 28px; }
.education-page .sectorI .s-title:before {
top: 22px; }
.education-page .sectorI .desc:before {
top: 12px; } }
@media (max-width: 1440px) {
.education-page .content .title {
font-size: 60px; }
.education-page .content .s-title {
font-size: 40px; }
.education-page .content .h-desc {
font-size: 36px; }
.education-page .content .desc {
font-size: 26px; }
.education-page .sectorI .s-title {
padding-left: 30px; }
.education-page .sectorI .s-title:before {
top: 17px; }
.education-page .sectorI .desc:before {
top: 10px; }
.education-page .sectorI .inner {
padding-left: 30px; } }
@media (max-width: 1199px) {
.education-page .content .title {
font-size: 50px; }
.education-page .content .s-title {
font-size: 36px; }
.education-page .content .h-desc {
font-size: 30px; }
.education-page .content .desc {
font-size: 24px; }
.education-page .sectorI {
padding: 30px 0; }
.education-page .sectorI .s-title {
padding-left: 25px; }
.education-page .sectorI .s-title:before {
top: 15px;
width: 12px;
height: 12px; }
.education-page .sectorI .desc:before {
width: 8px;
height: 8px; }
.education-page .sectorI .inner {
padding-left: 25px; }
.education-page .sectorII {
padding: 30px 0 0px 0; }
.education-page .sectorII .inner {
width: 100%; }
.education-page .sectorIII {
padding: 30px 0 50px 0; } }
@media (max-width: 991px) {
.education-page .content .title {
font-size: 40px; }
.education-page .content .s-title {
font-size: 30px;
margin-bottom: 5px; }
.education-page .content .h-desc {
font-size: 26px; }
.education-page .content .desc {
font-size: 22px; }
.education-page .sectorI .s-title {
padding-left: 20px; }
.education-page .sectorI .s-title:before {
top: 12px;
width: 10px;
height: 10px; }
.education-page .sectorI .inner {
padding-left: 20px;
padding-bottom: 15px; }
.education-page .sectorIII .item-list {
margin: 0 -5px; }
.education-page .sectorIII .item-list > li {
padding: 0 5px; } }
@media (max-width: 767px) {
.education-page .content .title {
font-size: 28px; }
.education-page .content .s-title {
font-size: 24px; }
.education-page .content .h-desc {
font-size: 22px; }
.education-page .content .desc {
font-size: 20px; }
.education-page .sectorI {
padding: 30px 0 20px 0; }
.education-page .sectorI .row > div + div {
margin-top: 15px; }
.education-page .sectorI .s-title:before {
top: 8px; }
.education-page .sectorIII .item-list > li {
width: 100%; } }
.equality-page .whead {
margin-bottom: 15px; }
.equality-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.equality-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.equality-page .content .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.equality-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.equality-page .sectorI {
padding: 30px 0 60px 0; }
.equality-page .sectorI .content {
padding-right: 130px; }
.equality-page .sectorI .thumb {
margin-top: -155px;
margin-bottom: -60px; }
.equality-page .sectorI .thumb .cover {
width: 360px;
padding-bottom: 160%; }
.equality-page .sectorII {
padding: 50px 0;
background-color: #F9F9F9; }
.equality-page .sectorII .desc-box {
width: 1100px; }
.equality-page .sectorII .list-box {
padding-left: 35px; }
.equality-page .sectorII .list-box .desc {
position: relative;
padding-left: 15px;
margin-bottom: 0; }
.equality-page .sectorII .list-box .desc:before {
content: '';
position: absolute;
top: 14px;
left: 0;
width: 10px;
height: 10px;
background-color: #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.equality-page .sectorIII {
padding: 50px 0 100px 0; }
@media (max-width: 1600px) {
.equality-page .content .title {
font-size: 70px; }
.equality-page .content .s-title {
font-size: 50px; }
.equality-page .content .h-desc {
font-size: 38px; }
.equality-page .content .desc {
font-size: 28px; }
.equality-page .sectorI {
padding: 30px 0 46px 0; }
.equality-page .sectorII .list-box .desc:before {
top: 13px; } }
@media (max-width: 1440px) {
.equality-page .content .title {
font-size: 60px; }
.equality-page .content .s-title {
font-size: 40px; }
.equality-page .content .h-desc {
font-size: 36px; }
.equality-page .content .desc {
font-size: 26px; }
.equality-page .sectorI {
padding: 30px 0 51px 0; }
.equality-page .sectorII .list-box .desc:before {
top: 12px;
width: 9px;
height: 9px; } }
@media (max-width: 1199px) {
.equality-page .content .title {
font-size: 50px; }
.equality-page .content .s-title {
font-size: 36px; }
.equality-page .content .h-desc {
font-size: 30px; }
.equality-page .content .desc {
font-size: 24px; }
.equality-page .sectorI {
padding: 0px 0 30px 0; }
.equality-page .sectorI .content {
padding-right: 30px; }
.equality-page .sectorI .thumb {
margin-top: 0;
margin-bottom: -30px; }
.equality-page .sectorI .thumb .cover {
width: 300px;
padding-bottom: 140%; }
.equality-page .sectorII {
padding: 40px 0; }
.equality-page .sectorII .desc-box {
width: 100%; }
.equality-page .sectorII .list-box .desc:before {
top: 10px;
width: 8px;
height: 8px; }
.equality-page .sectorIII {
padding: 40px 0 50px 0; } }
@media (max-width: 991px) {
.equality-page .content .title {
font-size: 40px; }
.equality-page .content .s-title {
font-size: 30px;
margin-bottom: 5px; }
.equality-page .content .h-desc {
font-size: 26px; }
.equality-page .content .desc {
font-size: 22px; }
.equality-page .sectorI .thumb {
margin-bottom: 0; }
.equality-page .sectorI .thumb .cover {
width: 220px; }
.equality-page .sectorII {
padding: 30px 0; }
.equality-page .sectorIII {
padding: 30px 0; } }
@media (max-width: 767px) {
.equality-page .content .title {
font-size: 28px; }
.equality-page .content .s-title {
font-size: 24px; }
.equality-page .content .h-desc {
font-size: 22px; }
.equality-page .content .desc {
font-size: 20px; }
.equality-page .sectorI .content {
padding-right: 0; }
.equality-page .sectorI .thumb .cover {
width: 100%;
padding-bottom: 90%; }
.equality-page .sectorII .list-box {
padding-left: 20px; }
.equality-page .sectorII .list-box .desc:before {
top: 9px;
width: 6px;
height: 6px; } }
.energy-page {
background-image: url(../img/background/bg-detail.png);
background-repeat: no-repeat;
background-position: top center; }
.energy-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.energy-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.energy-page .content .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.energy-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.energy-page .content table {
width: 100%;
border: 2px solid #3F7E44;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.energy-page .content table th {
padding: 10px 30px;
text-align: center; }
.energy-page .content table th + th {
border-left: 2px solid #3F7E44; }
.energy-page .content table td {
vertical-align: top; }
.energy-page .content table td + td {
border-left: 2px solid #3F7E44; }
.energy-page .content table .inner {
padding: 30px;
border-top: 2px solid #EEEEEE; }
.energy-page .content table .title {
margin-bottom: 0; }
.energy-page .content table .s-title {
margin-bottom: 0; }
.energy-page .content table .h-desc {
margin-bottom: 0; }
.energy-page .content table .desc {
margin-bottom: 0; }
.energy-page .content table .desc + .desc {
margin-top: 10px; }
.energy-page .sectorI {
padding-bottom: 70px; }
.energy-page .sectorI .thumb {
position: relative; }
.energy-page .sectorI .thumb .cover {
width: 620px;
padding-bottom: 80%; }
.energy-page .sectorI .txt {
width: 360px;
height: 312px;
padding: 45px;
display: flex;
align-items: center;
font-size: 60px;
font-weight: bold;
line-height: 0.8;
color: #ffffff;
background-image: radial-gradient(circle, #2b68c7 0%, #103a78 100%);
position: absolute;
bottom: -82px;
right: 20px;
-webkit-border-radius: 100px 0 100px 0;
-moz-border-radius: 100px 0 100px 0;
border-radius: 100px 0 100px 0; }
.energy-page .sectorII {
padding-bottom: 40px; }
.energy-page .sectorII .thumb {
width: 1270px;
margin: 0 auto;
margin-bottom: 80px;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.energy-page .sectorIII {
padding-bottom: 90px; }
.energy-page .sectorIII .thumb {
width: 1010px;
margin: 0 auto; }
.energy-page .sectorIII .thumb + .thumb {
margin-top: 30px; }
.energy-page .sectorIV {
background-color: #F9F9F9;
padding: 60px 0 70px 0; }
.energy-page .sectorV {
padding: 100px 0 80px 0; }
.energy-page .sectorV .content {
width: 750px; }
.energy-page .sectorV .thumb {
text-align: right;
padding-left: 40px; }
.energy-page .sectorVI {
padding-bottom: 60px; }
.energy-page .sectorVI .content {
width: 750px; }
.energy-page .sectorVI .thumb {
width: 620px; }
.energy-page .sectorVI .thumb .item-list {
margin: -15px; }
.energy-page .sectorVI .thumb .item-list li {
padding: 15px; }
.energy-page .sectorVI .thumb .item-list li:nth-child(1) {
width: 100%; }
.energy-page .sectorVI .thumb .item-list li:nth-child(2) {
width: 60%; }
.energy-page .sectorVI .thumb .item-list li:nth-child(3) {
width: 40%; }
.energy-page .sectorVI .thumb .item-list li:nth-child(4) {
width: 40%; }
.energy-page .sectorVI .thumb .lazy {
width: 100%; }
.energy-page .sectorVII {
padding-bottom: 70px; }
.energy-page .sectorVII .content {
padding-bottom: 50px; }
.energy-page .sectorVII .thumb {
width: 1010px;
margin: 0 auto;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.energy-page .sectorVIII {
padding-bottom: 30px; }
.energy-page .sectorVIII .thumb {
text-align: right; }
.energy-page .sectorVIII .row + .row {
margin-top: 70px; }
.energy-page .sectorIX {
padding-bottom: 100px; }
.energy-page .sectorIX .thumb {
width: 880px;
margin: 0 auto; }
.energy-page .sectorIX .thumb + .thumb {
margin-top: 30px; }
.energy-page .sectorX {
padding-bottom: 80px; }
.energy-page .sectorX .content .title {
margin-bottom: 30px; }
.energy-page .sectorXI {
padding-bottom: 170px; }
.energy-page .sectorXI .content .title {
margin-bottom: 30px; }
.energy-page .sectorXII {
position: relative;
padding: 70px 0 80px 0;
overflow: hidden;
background-image: radial-gradient(circle, #2b68c7 0%, #103a78 100%); }
.energy-page .sectorXII:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 1420px;
height: 1120px;
pointer-events: none;
background-image: url(../img/static/energy-watermark.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain; }
.energy-page .sectorXII .lazy {
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.energy-page .sectorXII .thumb {
text-align: right;
padding-left: 30px; }
.energy-page .sectorXII .thumbII {
text-align: left;
padding-right: 30px; }
.energy-page .sectorXII .content .title,
.energy-page .sectorXII .content .s-title,
.energy-page .sectorXII .content .h-desc,
.energy-page .sectorXII .content .desc {
color: #ffffff; }
.energy-page .sectorXII .inner {
width: 700px; }
.energy-page .sectorXII .row + .row {
margin-top: 30px; }
.energy-page .sectorXIII {
padding: 70px 0 100px 0; }
@media (max-width: 1600px) {
.energy-page .content .title {
font-size: 70px; }
.energy-page .content .s-title {
font-size: 50px; }
.energy-page .content .h-desc {
font-size: 38px; }
.energy-page .content .desc {
font-size: 28px; }
.energy-page .sectorI .txt {
width: 340px;
height: 240px;
padding: 35px;
font-size: 50px;
bottom: -70px;
right: -10px; }
.energy-page .sectorVI .thumb {
width: 530px; }
.energy-page .sectorVI .content {
width: 720px; } }
@media (max-width: 1440px) {
.energy-page .content .title {
font-size: 60px; }
.energy-page .content .s-title {
font-size: 40px; }
.energy-page .content .h-desc {
font-size: 36px; }
.energy-page .content .desc {
font-size: 26px; }
.energy-page .sectorI .thumb .cover {
width: 520px; }
.energy-page .sectorI .txt {
width: 300px;
height: 150px;
padding: 35px;
font-size: 40px;
bottom: -50px;
right: 0px;
border-radius: 50px 0 50px 0; }
.energy-page .sectorII .thumb {
width: 100%;
margin-bottom: 60px; }
.energy-page .sectorV .content {
width: 680px; }
.energy-page .sectorVI .thumb {
width: 550px; }
.energy-page .sectorVI .content {
width: 580px; } }
@media (max-width: 1199px) {
.energy-page .content .title {
font-size: 50px; }
.energy-page .content .s-title {
font-size: 36px; }
.energy-page .content .h-desc {
font-size: 30px; }
.energy-page .content .desc {
font-size: 24px; }
.energy-page .content table th {
padding: 5px 20px; }
.energy-page .content table .inner {
padding: 20px; }
.energy-page .sectorI {
padding-bottom: 50px; }
.energy-page .sectorI .thumb .cover {
width: 100%; }
.energy-page .sectorI .txt {
width: 220px;
height: 100px;
padding: 25px;
font-size: 30px;
bottom: -30px;
border-radius: 30px 0 30px 0; }
.energy-page .sectorII {
padding-bottom: 30px; }
.energy-page .sectorII .thumb {
margin-bottom: 30px; }
.energy-page .sectorIII {
padding-bottom: 50px; }
.energy-page .sectorIII .thumb {
width: 100%; }
.energy-page .sectorIV {
padding: 50px 0; }
.energy-page .sectorV {
padding: 50px 0; }
.energy-page .sectorV .content {
width: 450px; }
.energy-page .sectorVI {
padding-bottom: 0px; }
.energy-page .sectorVI .thumb {
width: 420px; }
.energy-page .sectorVI .thumb .item-list {
margin: -5px; }
.energy-page .sectorVI .thumb .item-list li {
padding: 5px; }
.energy-page .sectorVI .content {
width: 500px; }
.energy-page .sectorVII {
padding-bottom: 50px; }
.energy-page .sectorVII .content {
padding-bottom: 0px; }
.energy-page .sectorVII .thumb {
width: 100%; }
.energy-page .sectorVIII .row + .row {
margin-top: 20px; }
.energy-page .sectorIX {
padding-bottom: 50px; }
.energy-page .sectorX {
padding-bottom: 50px; }
.energy-page .sectorXI {
padding-bottom: 50px; }
.energy-page .sectorXII {
padding: 50px 0; }
.energy-page .sectorXII .inner {
width: 450px; }
.energy-page .sectorXII .thumb {
padding-left: 10px; }
.energy-page .sectorXII .thumbII {
padding-right: 10px; }
.energy-page .sectorXII .row + .row {
margin-top: 10px; }
.energy-page .sectorXIII {
padding: 50px 0; } }
@media (max-width: 991px) {
.energy-page .content .title {
font-size: 40px; }
.energy-page .content .s-title {
font-size: 30px;
margin-bottom: 5px; }
.energy-page .content .h-desc {
font-size: 26px; }
.energy-page .content .desc {
font-size: 22px; }
.energy-page .sectorI {
padding-bottom: 30px; }
.energy-page .sectorI .thumb {
margin-bottom: 30px; }
.energy-page .sectorIII {
padding-bottom: 30px; }
.energy-page .sectorIV {
padding: 30px 0; }
.energy-page .sectorV {
padding: 30px 0; }
.energy-page .sectorV .thumb {
text-align: center;
padding-left: 0;
padding-bottom: 20px; }
.energy-page .sectorV .content {
width: 100%; }
.energy-page .sectorVI .thumb {
width: 100%;
padding-bottom: 20px; }
.energy-page .sectorVI .content {
width: 100%; }
.energy-page .sectorVII {
padding-bottom: 30px; }
.energy-page .sectorVIII .thumb {
text-align: center; }
.energy-page .sectorIX {
padding-bottom: 30px; }
.energy-page .sectorIX .thumb {
width: 100%; }
.energy-page .sectorIX .thumb + .thumb {
margin-top: 10px; }
.energy-page .sectorX {
padding-bottom: 30px; }
.energy-page .sectorX .content .title {
margin-bottom: 10px; }
.energy-page .sectorXI {
padding-bottom: 30px; }
.energy-page .sectorXI .content .title {
margin-bottom: 10px; }
.energy-page .sectorXII {
padding: 30px 0; }
.energy-page .sectorXII .thumb {
padding-left: 0;
text-align: center;
padding-bottom: 20px; }
.energy-page .sectorXII .thumbII {
padding-right: 0;
text-align: center;
padding-bottom: 20px; }
.energy-page .sectorXII .inner {
width: 100%; }
.energy-page .sectorXIII {
padding: 30px 0; } }
@media (max-width: 767px) {
.energy-page .content .title {
font-size: 28px;
margin-bottom: 5px; }
.energy-page .content .s-title {
font-size: 24px;
margin-bottom: 5px; }
.energy-page .content .h-desc {
font-size: 22px;
margin-bottom: 5px; }
.energy-page .content .desc {
font-size: 20px;
margin-bottom: 5px; }
.energy-page .content table th {
padding: 5px 10px; }
.energy-page .content table .inner {
padding: 10px; }
.energy-page .sectorI .txt {
width: 130px;
height: 60px;
padding: 15px;
font-size: 20px;
bottom: -20px;
border-radius: 20px 0 20px 0; }
.energy-page .sectorIII .thumb + .thumb {
margin-top: 10px; } }
.circular-economy {
color: #000; }
.circular-economy .title {
font-size: 80px;
line-height: 1em;
font-weight: bold;
margin-bottom: 1.5rem; }
.circular-economy p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 1rem; }
.circular-economy .whead {
margin-bottom: 90px; }
.circular-economy .circular-economy-head {
background: linear-gradient(#265cb2 0%, #19458b 100%);
color: #ffffff; }
.circular-economy .circular-economy-head .images {
margin-bottom: 5rem; }
.circular-economy .circular-economy-head .images .front {
position: absolute;
top: -70px;
right: 120px; }
.circular-economy .circular-economy-head p i {
position: relative;
top: 5px; }
.circular-economy .circular-economy-body .part {
margin: 3rem 0; }
.circular-economy .circular-economy-body .part.two .box {
width: 100%;
background: #fff;
border: 2px solid #3f7e44;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 54px;
font-weight: bold;
color: #144188;
line-height: 1.1em; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 40px;
line-height: 1.1em;
color: #000;
margin-bottom: 1rem; }
.circular-economy .title {
font-size: 80px;
line-height: 1em;
font-weight: bold;
margin-bottom: 1.5rem; }
.circular-economy p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 1rem; }
.circular-economy .whead {
margin-bottom: 90px; }
.circular-economy .circular-economy-head {
background: linear-gradient(#265cb2 0%, #19458b 100%);
color: #ffffff; }
.circular-economy .circular-economy-head .images {
margin-bottom: 5rem; }
.circular-economy .circular-economy-head .images .front {
position: absolute;
top: -70px;
right: 120px; }
.circular-economy .circular-economy-head p i {
position: relative;
top: 5px; }
.circular-economy .circular-economy-body .part {
margin: 3rem 0; }
.circular-economy .circular-economy-body .part.two .box {
width: 100%;
background: #fff;
border: 2px solid #3f7e44;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 54px;
font-weight: bold;
color: #144188;
line-height: 1.1em; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 40px;
line-height: 1.1em;
color: #000; }
.circular-economy .circular-economy-body .part.two .box .desc:last-child {
padding-bottom: 1rem; }
@media (max-width: 1600px) {
.circular-economy .title {
font-size: 70px; }
.circular-economy p {
font-size: 28px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 50px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 36px; }
.circular-economy .circular-economy-head .images .front {
right: 70px; } }
@media (max-width: 1440px) {
.circular-economy .title {
font-size: 60px; }
.circular-economy p {
font-size: 26px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 46px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 32px; }
.circular-economy .circular-economy-head .images img.behide {
height: 600px; }
.circular-economy .circular-economy-head .images img.front {
height: 480px; } }
@media (max-width: 1199px) {
.circular-economy .title {
font-size: 50px; }
.circular-economy p {
font-size: 24px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 42px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 28px; }
.circular-economy .circular-economy-head .images img.behide {
height: 560px; }
.circular-economy .circular-economy-head .images img.front {
height: 400px; } }
@media (max-width: 991px) {
.circular-economy .title {
font-size: 42px; }
.circular-economy p {
font-size: 22px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 38px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 24px; }
.circular-economy .circular-economy-head .images {
margin-bottom: -2rem; }
.circular-economy .circular-economy-head p i {
position: relative;
top: 3px; } }
@media (max-width: 767px) {
.circular-economy .title {
font-size: 34px; }
.circular-economy p {
font-size: 20px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 30px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 22px; }
.circular-economy .circular-economy-head .images .front {
right: 15px; }
.circular-economy .circular-economy-head .images {
margin-bottom: 0rem; } }
@media (max-width: 575px) {
.circular-economy .title {
font-size: 30px; }
.circular-economy p {
font-size: 18px; }
.circular-economy .circular-economy-body .part.two .box .topic {
font-size: 26px; }
.circular-economy .circular-economy-body .part.two .box .desc {
font-size: 20px; }
.circular-economy .circular-economy-head .images .front {
right: 15px; }
.circular-economy .circular-economy-head .images img.behide {
height: auto; }
.circular-economy .circular-economy-head .images {
margin-bottom: 0rem;
width: 220px; }
.circular-economy .circular-economy-head .images img.front {
max-height: 250px; } }
@media (max-width: 425px) {
.circular-economy .circular-economy-head .images {
width: 200px; } }
.waste .waste-body .title {
font-size: 80px;
line-height: 1em;
font-weight: bold;
color: #000;
margin-bottom: 1.5rem; }
.waste .waste-body p {
font-size: 30px;
line-height: 1.2em;
margin-bottom: 1rem;
color: #000; }
.waste .waste-body .subtitle {
font-size: 54px;
font-weight: bold;
color: #144188;
line-height: 1.1em; }
.waste .waste-body .part p {
margin-bottom: 0; }
.waste .waste-body .graph img {
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }
@media (max-width: 1600px) {
.waste .waste-body .title {
font-size: 70px; }
.waste .waste-body p {
font-size: 28px; }
.waste .waste-body .subtitle {
font-size: 50px; } }
@media (max-width: 1440px) {
.waste .waste-body .title {
font-size: 60px; }
.waste .waste-body p {
font-size: 26px; }
.waste .waste-body .subtitle {
font-size: 46px; } }
@media (max-width: 1199px) {
.waste .waste-body .title {
font-size: 50px; }
.waste .waste-body p {
font-size: 24px; }
.waste .waste-body .subtitle {
font-size: 42px; }
.waste .waste-body .part.three .graph.four {
margin-top: -4rem; } }
@media (max-width: 991px) {
.waste .waste-body .title {
font-size: 42px; }
.waste .waste-body p {
font-size: 22px; }
.waste .waste-body .subtitle {
font-size: 36px; } }
@media (max-width: 767px) {
.waste .waste-body .title {
font-size: 30px; }
.waste .waste-body p {
font-size: 20px; }
.waste .waste-body .subtitle {
font-size: 26px; }
.waste .waste-body .part.three .graph.four {
margin-top: -3rem; }
.bin-img {
text-align: center !important; } }
@media (max-width: 767px) {
.waste .waste-body .title {
font-size: 28px; }
.waste .waste-body p {
font-size: 18px; }
.waste .waste-body .subtitle {
font-size: 24px; }
.waste .waste-body .part.three .graph.four {
margin-top: -2rem; } }
.transportation-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.transportation-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.transportation-page .content .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.transportation-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.transportation-page .sectorI {
padding: 60px 0;
background-color: #F9F9F9; }
.transportation-page .sectorI .inner {
padding-right: 120px; }
.transportation-page .sectorI .thumb {
position: relative; }
.transportation-page .sectorI .thumb .cover {
width: 620px;
padding-bottom: 80%; }
.transportation-page .sectorI .row + .row {
margin-top: 70px; }
.transportation-page .sectorII .thumb {
position: relative;
left: -200px; }
.transportation-page .sectorII .thumb .cover {
width: 815px;
padding-bottom: 170%; }
.transportation-page .sectorII .content {
padding-left: 140px; }
.transportation-page .sectorIII {
padding-top: 180px; }
.transportation-page .sectorIII .thumb {
width: 1270px;
margin: 0 auto;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.transportation-page .sectorIV {
padding-top: 70px;
padding-bottom: 110px; }
.transportation-page .sectorIV .content {
width: 650px;
padding-right: 30px; }
.transportation-page .sectorIV .thumb {
text-align: right;
margin-bottom: -200px; }
.transportation-page .sectorV {
padding: 100px 0 1px 0;
background-color: #F9F9F9; }
.transportation-page .sectorV .thumb-list {
padding-top: 30px;
margin-bottom: -60px; }
.transportation-page .sectorV .item-list {
margin: 0 -15px; }
.transportation-page .sectorV .item-list li {
width: 25%;
padding: 0 15px; }
.transportation-page .sectorVI {
padding-top: 150px; }
.transportation-page .sectorVI .thumb {
width: 80px;
margin-bottom: 20px; }
.transportation-page .sectorVII {
padding-top: 80px; }
.transportation-page .sectorVII .content {
padding-bottom: 40px; }
.transportation-page .sectorVIII {
padding-top: 40px; }
.transportation-page .sectorVIII .inner {
padding-left: 25px;
position: relative; }
.transportation-page .sectorVIII .inner:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 14px;
height: 14px;
background-color: #144188;
-webkit-border-radius: 5px 0 5px 0;
-moz-border-radius: 5px 0 5px 0;
border-radius: 5px 0 5px 0; }
.transportation-page .sectorVIII .row + .row {
margin-top: 40px; }
.transportation-page .sectorIX {
padding-top: 80px; }
.transportation-page .sectorIX .content {
padding-bottom: 40px; }
.transportation-page .sectorIX .-shadow {
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.transportation-page .sectorX {
padding-top: 80px; }
.transportation-page .sectorX .inner {
padding-left: 25px;
position: relative; }
.transportation-page .sectorX .inner:before {
content: '';
position: absolute;
top: 3px;
left: 0;
width: 10px;
height: 49px; }
.transportation-page .sectorX .inner.-typeI:before {
background-color: #3F7E44; }
.transportation-page .sectorX .inner.-typeI .s-title {
color: #3F7E44; }
.transportation-page .sectorX .inner.-typeII:before {
background-color: #144188; }
.transportation-page .sectorX .inner.-typeII .s-title {
color: #144188; }
.transportation-page .sectorX .inner.-typeIII:before {
background-color: #E20000; }
.transportation-page .sectorX .inner.-typeIII .s-title {
color: #E20000; }
.transportation-page .sectorX .inner.-typeIV:before {
background-color: #E5D468; }
.transportation-page .sectorX .inner.-typeIV .s-title {
color: #E5D468; }
.transportation-page .sectorXI {
padding-top: 120px; }
.transportation-page .sectorXI .content {
padding-bottom: 30px; }
.transportation-page .sectorXII {
padding-top: 100px; }
.transportation-page .sectorXIII {
padding-top: 40px; }
.transportation-page .sectorXIII .thumb + .thumb {
margin-top: 30px; }
.transportation-page .sectorXIII .content {
width: 750px; }
.transportation-page .sectorXIV {
padding-top: 80px; }
.transportation-page .sectorXIV .thumb {
width: 880px;
margin: 0 auto;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.transportation-page .sectorXV {
padding-top: 80px;
padding-bottom: 100px; }
@media (max-width: 1600px) {
.transportation-page .content .title {
font-size: 70px; }
.transportation-page .content .s-title {
font-size: 50px; }
.transportation-page .content .h-desc {
font-size: 38px; }
.transportation-page .content .desc {
font-size: 28px; }
.transportation-page .sectorII .thumb {
left: -142px; }
.transportation-page .sectorII .thumb .cover {
width: 680px; }
.transportation-page .sectorII .content {
padding-left: 90px; }
.transportation-page .sectorIII {
padding-top: 100px; } }
@media (max-width: 1440px) {
.transportation-page .content .title {
font-size: 60px; }
.transportation-page .content .s-title {
font-size: 40px; }
.transportation-page .content .h-desc {
font-size: 36px; }
.transportation-page .content .desc {
font-size: 26px; }
.transportation-page .sectorI .thumb .cover {
width: 520px; }
.transportation-page .sectorI .inner {
padding-right: 50px; }
.transportation-page .sectorI .row + .row {
margin-top: 60px; }
.transportation-page .sectorII .thumb {
left: -40px; }
.transportation-page .sectorII .thumb .cover {
width: 530px;
padding-bottom: 150%; }
.transportation-page .sectorII .content {
padding-left: 50px; }
.transportation-page .sectorIII {
padding-top: 70px; }
.transportation-page .sectorIII .thumb {
width: 100%; }
.transportation-page .sectorVI .thumb {
width: 70px; }
.transportation-page .sectorVII {
padding-top: 60px; }
.transportation-page .sectorIX {
padding-top: 60px; }
.transportation-page .sectorX {
padding-top: 60px; }
.transportation-page .sectorXI {
padding-top: 60px; }
.transportation-page .sectorXII {
padding-top: 60px; }
.transportation-page .sectorXIII {
padding-top: 30px; }
.transportation-page .sectorXIII .content {
width: 650px; }
.transportation-page .sectorXIV {
padding-top: 60px; }
.transportation-page .sectorXV {
padding-top: 60px;
padding-bottom: 60px; } }
@media (max-width: 1199px) {
.transportation-page .content .title {
font-size: 50px; }
.transportation-page .content .s-title {
font-size: 36px; }
.transportation-page .content .h-desc {
font-size: 30px; }
.transportation-page .content .desc {
font-size: 24px; }
.transportation-page .sectorI .thumb .cover {
width: 380px; }
.transportation-page .sectorI .row + .row {
margin-top: 30px; }
.transportation-page .sectorII .thumb .cover {
width: 430px;
padding-bottom: 210%; }
.transportation-page .sectorII .content {
padding-left: 30px; }
.transportation-page .sectorIII {
padding-top: 60px; }
.transportation-page .sectorIV {
padding-top: 60px;
padding-bottom: 50px; }
.transportation-page .sectorIV .thumb {
margin-bottom: 0; }
.transportation-page .sectorV {
padding: 50px 0 1px 0; }
.transportation-page .sectorV .thumb-list {
padding-top: 10px; }
.transportation-page .sectorVI {
padding-top: 90px; }
.transportation-page .sectorVI .thumb {
width: 50px;
margin-bottom: 15px; }
.transportation-page .sectorVII {
padding-top: 30px; }
.transportation-page .sectorVII .content {
padding-bottom: 20px; }
.transportation-page .sectorVIII .inner {
padding-left: 20px; }
.transportation-page .sectorVIII .inner:before {
top: 9px;
width: 10px;
height: 10px; }
.transportation-page .sectorVIII .row + .row {
margin-top: 10px; }
.transportation-page .sectorIX {
padding-top: 30px; }
.transportation-page .sectorIX .content {
padding-bottom: 10px; }
.transportation-page .sectorX {
padding-top: 30px; }
.transportation-page .sectorX .inner {
padding-left: 20px; }
.transportation-page .sectorX .inner:before {
top: 2px;
width: 6px;
height: 35px; }
.transportation-page .sectorXI {
padding-top: 30px; }
.transportation-page .sectorXI .content {
padding-bottom: 10px; }
.transportation-page .sectorXII {
padding-top: 30px; }
.transportation-page .sectorXIII {
padding-top: 0; }
.transportation-page .sectorXIII .content {
width: 500px; }
.transportation-page .sectorXIV {
padding-top: 30px; }
.transportation-page .sectorXV {
padding-top: 30px;
padding-bottom: 30px; } }
@media (max-width: 991px) {
.transportation-page .content .title {
font-size: 40px; }
.transportation-page .content .s-title {
font-size: 30px;
margin-bottom: 5px; }
.transportation-page .content .h-desc {
font-size: 26px; }
.transportation-page .content .desc {
font-size: 22px; }
.transportation-page .sectorI {
padding: 30px 0; }
.transportation-page .sectorI .inner {
padding-right: 0; }
.transportation-page .sectorI .thumb .cover {
width: 100%; }
.transportation-page .sectorI .row + .row {
margin-top: 20px; }
.transportation-page .sectorII .thumb {
left: 0; }
.transportation-page .sectorII .thumb .cover {
width: 100%;
padding-bottom: 90%; }
.transportation-page .sectorII .content {
padding-left: 0;
padding-top: 20px; }
.transportation-page .sectorIII {
padding-top: 30px; }
.transportation-page .sectorIV {
padding-top: 30px;
padding-bottom: 30px; }
.transportation-page .sectorIV .content {
width: 100%;
padding-right: 0; }
.transportation-page .sectorV {
padding: 20px 0 1px 0; }
.transportation-page .sectorVI {
padding-top: 80px; }
.transportation-page .sectorVI .thumb {
width: 35px;
margin-bottom: 10px; }
.transportation-page .sectorVII .content {
padding-bottom: 0px; }
.transportation-page .sectorVIII {
padding-top: 20px; }
.transportation-page .sectorXI {
padding-top: 20px; }
.transportation-page .sectorXIII .thumb {
text-align: center; }
.transportation-page .sectorXIII .thumb + .thumb {
margin-top: 20px; }
.transportation-page .sectorXIII .content {
width: 100%;
padding-top: 20px; }
.transportation-page .sectorXIV {
padding-top: 0px; }
.transportation-page .sectorXIV .thumb {
width: 100%; } }
@media (max-width: 767px) {
.transportation-page .content .title {
font-size: 28px;
margin-bottom: 5px; }
.transportation-page .content .s-title {
font-size: 24px;
margin-bottom: 5px; }
.transportation-page .content .h-desc {
font-size: 22px;
margin-bottom: 5px; }
.transportation-page .content .desc {
font-size: 20px;
margin-bottom: 5px; }
.transportation-page .sectorI {
padding: 20px 0; }
.transportation-page .sectorIII {
padding-top: 10px; }
.transportation-page .sectorV .item-list {
margin: 0 -5px; }
.transportation-page .sectorV .item-list li {
width: 100%;
padding: 5px; }
.transportation-page .sectorVIII .inner:before {
top: 7px; }
.transportation-page .sectorIX .-shadow {
margin-top: 10px; }
.transportation-page .sectorX {
padding-top: 20px; }
.transportation-page .sectorXI .content {
padding-bottom: 0; }
.transportation-page .sectorXI .thumb {
padding: 10px 0; } }
.water-page .content .title {
font-size: 80px;
font-weight: bold;
line-height: 1;
color: #000000;
margin-bottom: 15px; }
.water-page .content .s-title {
font-size: 54px;
font-weight: bold;
line-height: 1;
color: #144188;
margin-bottom: 15px; }
.water-page .content .h-desc {
font-size: 40px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.water-page .content .desc {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
color: #000000;
margin-bottom: 15px; }
.water-page .sectorI {
padding: 80px 0;
background-color: #F9F9F9;
background-image: url(../img/background/bg-water-sectorI.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.water-page .sectorI .content .title,
.water-page .sectorI .content .s-title,
.water-page .sectorI .content .h-desc,
.water-page .sectorI .content .desc {
color: #ffffff; }
.water-page .sectorII {
padding-top: 80px; }
.water-page .sectorII .thumb {
position: relative;
top: -180px;
text-align: right; }
.water-page .sectorII .thumb .cover {
width: 600px;
padding-bottom: 90%; }
.water-page .sectorII .content {
padding-right: 40px; }
.water-page .sectorII .row {
margin-bottom: 30px; }
.water-page .sectorIII {
padding-top: 10px; }
.water-page .sectorIII .row + .desc {
margin-top: 20px; }
.water-page .sectorIII .desc + .row {
margin-top: 30px; }
.water-page .sectorIV {
padding-top: 60px;
padding-bottom: 100px; }
.water-page .sectorIV .thumb {
width: 1270px;
margin: 0 auto;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.water-page .sectorV {
background-color: #F9F9F9;
padding: 50px 0; }
.water-page .sectorV .content {
padding-right: 150px; }
.water-page .sectorV .thumb {
margin: -50px -200px -50px 0; }
.water-page .sectorVI {
padding-top: 50px; }
.water-page .sectorVII {
padding-top: 50px; }
.water-page .sectorVII .content {
padding-bottom: 30px; }
.water-page .sectorVII .row {
margin-top: 30px; }
.water-page .sectorVIII {
padding-top: 60px; }
.water-page .sectorVIII .thumb {
width: 620px; }
.water-page .sectorIX {
padding-top: 40px; }
.water-page .sectorIX .thumb {
width: 1270px;
margin: 0 auto;
-webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }
.water-page .sectorX {
padding-top: 60px;
padding-bottom: 130px; }
.water-page .sectorX .thumb-list {
padding-top: 60px; }
.water-page .sectorX .thumb-list .item-list {
margin: 0 -15px; }
.water-page .sectorX .thumb-list .item-list li {
padding: 0 15px;
width: 25%; }
@media (max-width: 1600px) {
.water-page .content .title {
font-size: 70px; }
.water-page .content .s-title {
font-size: 50px; }
.water-page .content .h-desc {
font-size: 38px; }
.water-page .content .desc {
font-size: 28px; }
.water-page .sectorII .row {
margin-bottom: 0px; }
.water-page .sectorII .thumb .cover {
width: 550px; }
.water-page .sectorV .content {
padding-right: 100px; }
.water-page .sectorX {
padding-bottom: 100px; } }
@media (max-width: 1440px) {
.water-page .content .title {
font-size: 60px; }
.water-page .content .s-title {
font-size: 40px; }
.water-page .content .h-desc {
font-size: 36px; }
.water-page .content .desc {
font-size: 26px; }
.water-page .sectorI {
padding: 60px 0; }
.water-page .sectorII {
padding-top: 60px; }
.water-page .sectorII .thumb {
top: -150px; }
.water-page .sectorII .thumb .cover {
width: 480px; }
.water-page .sectorIV {
padding-top: 50px;
padding-bottom: 50px; }
.water-page .sectorIV .thumb {
width: 100%; }
.water-page .sectorV .content {
padding-right: 30px; }
.water-page .sectorV .thumb {
margin: 0px -120px 0px 0;
width: 520px; }
.water-page .sectorVIII .thumb {
width: 500px; }
.water-page .sectorIX .thumb {
width: 100%; }
.water-page .sectorX {
padding-bottom: 80px; }
.water-page .sectorX .thumb-list {
padding-top: 40px; } }
@media (max-width: 1199px) {
.water-page .content .title {
font-size: 50px; }
.water-page .content .s-title {
font-size: 36px; }
.water-page .content .h-desc {
font-size: 30px; }
.water-page .content .desc {
font-size: 24px; }
.water-page .sectorI {
padding: 40px 0; }
.water-page .sectorII .thumb {
top: 0; }
.water-page .sectorII .thumb .cover {
width: 380px; }
.water-page .sectorV .thumb {
margin: 0px -40px 0px 0;
width: 480px; }
.water-page .sectorVIII .thumb {
width: 380px; }
.water-page .sectorX {
padding-bottom: 50px; } }
@media (max-width: 991px) {
.water-page .content .title {
font-size: 40px; }
.water-page .content .s-title {
font-size: 30px;
margin-bottom: 5px; }
.water-page .content .h-desc {
font-size: 26px; }
.water-page .content .desc {
font-size: 22px; }
.water-page .sectorII {
padding-top: 50px; }
.water-page .sectorII .row {
margin-bottom: 20px; }
.water-page .sectorII .content {
padding-right: 0; }
.water-page .sectorII .thumb .cover {
width: 100%; }
.water-page .sectorIII .row .desc {
margin-bottom: 0; }
.water-page .sectorV .content {
padding-right: 0px; }
.water-page .sectorV .thumb {
margin: 0;
width: 100%; }
.water-page .sectorVI {
padding-top: 40px; }
.water-page .sectorVII {
padding-top: 40px; }
.water-page .sectorVII .content {
padding-bottom: 10px; }
.water-page .sectorVII .thumb {
text-align: center;
padding: 10px 0; }
.water-page .sectorVIII .thumb {
width: 100%;
text-align: center; }
.water-page .sectorX .row .thumb {
padding-bottom: 20px; }
.water-page .sectorX .thumb-list {
padding-top: 10px; } }
@media (max-width: 767px) {
.water-page .content .title {
font-size: 28px;
margin-bottom: 5px; }
.water-page .content .s-title {
font-size: 24px;
margin-bottom: 5px; }
.water-page .content .h-desc {
font-size: 22px;
margin-bottom: 5px; }
.water-page .content .desc {
font-size: 20px;
margin-bottom: 5px; }
.water-page .sectorI {
padding: 20px 0; }
.water-page .sectorII {
padding-top: 30px; }
.water-page .sectorIII .desc + .row {
margin-top: 0px; }
.water-page .sectorIII .row .thumb {
margin-top: 10px; }
.water-page .sectorIV {
padding-top: 30px;
padding-bottom: 30px; }
.water-page .sectorV {
padding: 30px 0; }
.water-page .sectorVI {
padding-top: 20px; }
.water-page .sectorVII {
padding-top: 20px; }
.water-page .sectorVII .row {
margin-top: 0px; }
.water-page .sectorVIII {
padding-top: 20px; }
.water-page .sectorIX {
padding-top: 20px; }
.water-page .sectorX {
padding-bottom: 30px;
padding-top: 20px; }
.water-page .sectorX .row .thumb {
padding-bottom: 10px; }
.water-page .sectorX .thumb-list .item-list {
margin: -10px; }
.water-page .sectorX .thumb-list .item-list li {
padding: 10px;
width: 50%; } }
/* layouts */
.site-header {
position: fixed;
z-index: 99;
border-top: 4px solid #144188;
background-color: #ffffff;
width: 100%;
-webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 60px rgba(0, 0, 0, 0.09); }
.site-header .headerbar {
padding: 0 100px; }
.site-header .height {
height: 116px;
align-items: center; }
.site-header .logo .lazy {
height: 70px; }
.site-header nav.menu {
display: flex;
justify-content: flex-end;
padding-right: 50px;
margin-right: 50px;
border-right: 1px solid #E2E2E2; }
.site-header .nav-search {
position: relative;
top: 0px;
z-index: 1;
display: block;
line-height: 1;
width: 24px;
height: 24px;
margin-bottom: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .link.-search {
position: relative;
font-size: 22px;
color: #000000;
display: block;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .link.-search span {
line-height: 54px; }
.site-header .nav-search .link.-search:hover {
color: #144188; }
.site-header .nav-search .search-form {
margin: 0;
position: absolute;
top: -15px;
right: 0;
width: 32px;
height: 54px;
background-color: transparent;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .search-form form {
width: 0px;
background-color: transparent;
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .search-form .height {
height: 0;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .form-control {
width: 0;
height: 54px;
background-color: #ffffff;
border: none;
padding: 0;
font-size: 22px;
color: #666666;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: All 400ms ease;
-moz-transition: All 400ms ease;
-o-transition: All 400ms ease;
-ms-transition: All 400ms ease;
transition: All 400ms ease; }
.site-header .nav-search .btn {
min-width: 80px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-weight: normal;
margin-left: 5px;
padding: 0 20px; }
.site-header .nav-search .icon-close {
opacity: 0;
visibility: hidden;
position: absolute;
top: 17px;
right: 14px;
width: 22px;
height: 22px;
background-size: 100%; }
.site-header .nav-search.open .link.-search {
line-height: 54px;
padding-left: 15px;
color: #144188;
text-align: left; }
.site-header .nav-search.open .search-form {
border-color: #D4D4D4;
width: 1160px;
overflow: hidden;
background-color: #ffffff;
border: 1px solid #D4D4D4; }
.site-header .nav-search.open .search-form form {
width: auto;
opacity: 1;
pointer-events: visible;
left: 60px;
right: 50px; }
.site-header .nav-search.open .search-form .height {
height: 38px; }
.site-header .nav-search.open .form-control {
width: 100%; }
.site-header .nav-search.open .form-control:focus {
border-bottom-color: #144188; }
.site-header .nav-search.open .icon-close {
opacity: 0.4;
visibility: visible;
display: block;
font-size: 22px; }
.site-header .nav-search.open .icon-close span {
line-height: 20px; }
.site-header .nav-search.open .icon-close:hover {
opacity: 0.6; }
.site-header .language-box {
padding-left: 30px; }
.site-header .language-box li + li {
margin-left: 30px; }
.site-header .language-box .link {
width: 40px;
height: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: 500;
color: #000000;
border: 1px solid transparent;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.site-header .language-box .link:hover {
color: #3F7E44; }
.site-header .language-box li.active .link {
color: #3F7E44;
border-color: #3F7E44; }
.site-footer {
position: relative;
background-color: #ffffff;
border-top: 5px solid #3F7E44;
background-image: url(../img/background/bg-site-footer.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.site-footer .Totop {
position: absolute;
z-index: 1;
top: -40px;
right: 95px;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background-color: #3F7E44;
border: 1px solid #3F7E44;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.site-footer .Totop .icon {
font-size: 22px;
line-height: 1;
color: #ffffff;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out; }
.site-footer .Totop:hover {
background-color: #ffffff; }
.site-footer .Totop:hover .icon {
color: #3F7E44; }
.footer-top {
padding: 50px 0; }
.footer-top .row {
align-items: flex-end; }
.footer-top .logo .icon > .lazy {
height: 90px; }
.footer-top .logo .content {
padding-top: 20px;
font-size: 22px;
font-weight: 500;
line-height: 1;
color: #000000; }
.footer-top .policy .item-list {
padding-top: 25px;
margin: -5px -25px; }
.footer-top .policy .item-list li {
padding: 5px 25px;
position: relative; }
.footer-top .policy .item-list li + li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
height: 14px;
margin: auto;
background-color: #D4D4D4; }
.footer-top .policy .link {
font-size: 18px;
font-weight: normal;
line-height: 1;
color: #000000; }
.footer-top .policy .link:hover {
color: #3F7E44; }
.footer-top .title {
font-size: 32px;
font-weight: 500;
line-height: 1;
color: #3F7E44; }
.footer-top .desc {
padding-top: 20px;
font-size: 22px;
font-weight: 500;
line-height: 1;
color: #000000; }
.footer-top .social .item-list {
padding-top: 25px; }
.footer-top .social .item-list li + li {
margin-left: 12px; }
.footer-top .social .link {
width: 46px;
height: 46px;
border: 1px solid #D4D4D4;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.footer-top .social .link .lazy {
filter: grayscale(1) brightness(3);
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out; }
.footer-top .social .link:hover {
border-color: #144188; }
.footer-top .social .link:hover .lazy {
filter: grayscale(0) brightness(1); }
.footer-bottom {
background-color: #144188; }
.footer-bottom .height {
height: 65px;
align-items: center; }
.footer-bottom .txt {
font-size: 26px;
font-weight: 500;
line-height: 1;
color: #ffffff; }
.footer-bottom .txt .line {
display: inline-block;
vertical-align: middle;
margin: 0 20px; }
.footer-bottom .txt .link {
color: #ffffff; }
.footer-bottom .txt .link:hover {
color: #f00; }
@media (max-width: 1600px) {
.container.-lg {
max-width: 1330px; }
.site-header .headerbar {
padding: 0 50px; }
.site-header nav.menu {
padding-right: 30px;
margin-right: 30px; }
.site-header .language-box {
padding-left: 15px; }
.site-header .language-box li + li {
margin-left: 15px; }
.site-header .nav-search.open .search-form {
width: 850px; }
nav.menu li + li {
margin-left: 30px; }
.main-slider .cover,
.main-slider .iframe-container {
padding-bottom: 50%; }
.main-slider .content .title {
font-size: 100px; }
.wg-highlights .highlights-box {
width: 450px;
height: 740px;
padding-top: 110px; }
.wg-highlights .box:nth-child(odd) .row-item .highlights-box {
margin-left: -60px;
padding-left: 60px;
padding-right: 60px; }
.wg-highlights .box:nth-child(even) .row-item .highlights-box {
margin-right: -60px;
padding-right: 60px;
padding-left: 60px; }
.wg-highlights .highlights-box .h-title {
font-size: 50px;
margin-bottom: 30px;
padding-left: 30px; }
.wg-highlights .highlights-box .h-title:before {
width: 60px;
height: 60px; }
.wg-highlights .highlights-box .title {
font-size: 60px; }
.wg-highlights .highlights-box .desc {
font-size: 30px;
margin-bottom: 40px; }
.wg-highlights .highlights-box .action .link {
font-size: 20px; }
.wg-highlights-slider {
width: 880px; }
.wg-highlights-slider .highlights-nav .number {
font-size: 34px; }
.wg-highlights-slider .highlights-nav .txt {
padding: 0 6px;
font-size: 16px;
max-width: 100px; }
.wg-highlights-slider .highlights-nav .icon .lazy {
height: 26px;
max-width: 40px; }
.wg-highlights-slider .highlights-for .thumb .cover {
padding-bottom: 130%; }
.wg-highlights-slider .highlights-for .content {
padding-top: 20px; }
.wg-highlights-slider .highlights-for .content .number-list {
top: -70px; }
.wg-highlights-slider .highlights-for .content .number {
width: 45px;
height: 45px;
font-size: 24px; }
.wg-highlights-slider .highlights-for .content .date {
font-size: 20px; }
.wg-highlights-slider .highlights-for .content .title {
font-size: 30px; }
.wg-highlights-slider .highlights-for .content .desc {
font-size: 22px; }
.wg-sustainable-policies:before {
width: 720px;
height: 610px; }
.wg-sustainable-policies .h-title {
font-size: 80px; }
.wg-sustainable-policies .content .img {
top: 70px; }
.wg-sustainable-policies .content .title {
font-size: 46px; }
.wg-sustainable-policies .content .s-title {
font-size: 36px; }
.wg-sustainable-policies .content .desc {
font-size: 24px;
margin-bottom: 40px; }
.wg-sustainable-policies .content .action .link {
font-size: 20px; }
.wg-sustainable-policies .strategy-list .title {
font-size: 36px; }
.wg-sustainable-policies .strategy-list .thumb .contain {
width: 80px;
height: 80px; }
.wg-sustainable-policies .strategy-list .link {
height: 290px; }
.wg-sustainable-policies .strategy-list .txt {
font-size: 28px; }
.wg-browse-courses .inner {
padding-top: 100px; }
.wg-browse-courses .h-title {
font-size: 90px;
margin-bottom: 60px; }
.wg-sustainable .h-title {
font-size: 80px; }
.whead .wtxt {
font-size: 110px; }
.whead .wtxt.-sm {
font-size: 44px; }
.whead .wtxt.-sm:before {
top: -15px; }
.strategic-page .txt {
font-size: 46px;
margin-bottom: 15px; }
.strategic-page .title {
font-size: 70px; }
.strategic-page .desc {
font-size: 36px; }
.strategic-head .thumb .cover {
width: 420px; }
.strategic-head .thumb .icon {
height: 200px;
width: 200px; }
.strategic-head .thumb .icon .lazy {
width: 90px;
height: 90px; }
.strategic-head .content {
padding-left: 100px; }
.highlights-page .tab-content .content {
width: 500px; }
.highlights-list {
width: 770px; }
.highlights-list .number {
font-size: 50px; }
.highlights-list .txt {
font-size: 26px; }
.highlights-list .icon .lazy {
height: 40px;
max-width: 60px; }
.highlights-list .desc {
font-size: 28px; }
.highlights-list .action .more {
font-size: 20px; }
.highlights-list .item-list > li:first-child .wrapper {
padding: 35px; }
.highlights-list .item-list > li:first-child .number {
font-size: 100px; }
.highlights-list .item-list > li:first-child .txt {
font-size: 38px;
left: 90px;
top: -2px; }
.highlights-list .item-list > li:first-child .icon {
max-width: 180px;
height: 80px; }
.highlights-list .item-list > li:first-child .icon .lazy {
height: 80px;
max-width: 180px; }
.SDGs-head .content .title {
font-size: 38px;
margin-bottom: 15px; }
.SDGs-head .content .desc {
font-size: 32px; }
.SDGs-head .highlights-list {
width: 450px; }
.SDGs-body .h-title {
font-size: 68px;
margin-bottom: 40px; }
.font-base-editor, .editor-content, .editor-content p,
.editor-content,
.editor-content p {
font-size: 28px; }
.detail-top .tag-list .link {
width: 70px;
height: 70px; }
.detail-top .tag-list .lazy {
width: 42px;
height: 42px; }
.detail-head .thumb .cover {
width: 450px;
padding-bottom: 535px; }
.detail-head .content {
padding: 0 60px; }
.detail-head .title {
font-size: 44px; }
.detail-head .title + .SDGs-about {
margin-top: 80px; }
.detail-head .SDGs-about .mcscrollX {
max-width: 730px; }
.detail-body .Links-box .title {
font-size: 48px; }
.detail-body .Links-box .wrapper {
padding: 20px 60px 20px 110px; }
.detail-body .Links-box .txt {
font-size: 28px; }
.detail-body .Links-box .url {
font-size: 28px; }
.detail-end .row {
height: 500px; }
.detail-end .boxI:before {
width: 540px;
height: 440px; }
.detail-end .boxI .title {
font-size: 62px; }
.detail-end .boxI .desc {
font-size: 28px; }
.detail-end .boxII {
padding: 0 100px; }
.detail-end .boxII .title {
font-size: 62px; }
.detail-end .boxII .desc {
font-size: 28px; } }
@media (max-width: 1440px) {
.container,
.container.-lg {
max-width: inherit;
width: 1210px; }
.site-header .headerbar {
padding: 0 20px; }
.site-header .nav-search.open .search-form {
width: 800px; }
nav.menu li a.link {
font-size: 20px; }
nav.menu .dropdown-menu .h-title {
margin-bottom: 15px;
font-size: 38px; }
.main-slider .slick-dots {
bottom: 40px; }
.main-slider .content .inner {
padding-bottom: 90px; }
.main-slider .content .title {
font-size: 80px; }
.wg-highlights .highlights-box {
height: 670px; }
.wg-highlights .highlights-box .h-title {
font-size: 42px;
margin-bottom: 25px;
padding-left: 25px; }
.wg-highlights .highlights-box .h-title:before {
width: 50px;
height: 50px;
-webkit-border-radius: 15px 0 15px 0;
-moz-border-radius: 15px 0 15px 0;
border-radius: 15px 0 15px 0; }
.wg-highlights .highlights-box .title {
font-size: 50px;
margin-bottom: 20px; }
.wg-highlights .highlights-box .desc {
font-size: 26px;
margin-bottom: 30px; }
.wg-highlights-slider {
width: 760px; }
.wg-highlights-slider .highlights-nav .number {
font-size: 28px; }
.wg-highlights-slider .highlights-nav .txt {
max-width: 90px; }
.wg-highlights-slider .highlights-nav .icon .lazy {
height: 16px; }
.wg-highlights-slider .highlights-for .content .title {
font-size: 26px; }
.wg-highlights-slider .highlights-for .content .desc {
font-size: 20px; }
.wg-highlights-slider .highlights-for .content .number-list {
top: -60px; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {
padding: 10px; }
.wg-highlights-slider .highlights-for .content .number {
width: 38px;
height: 38px;
font-size: 20px; }
.wg-sustainable-policies {
padding-top: 80px; }
.wg-sustainable-policies .h-title {
font-size: 70px; }
.wg-sustainable-policies .content {
padding: 0 80px; }
.wg-sustainable-policies .content .img {
top: 10px; }
.wg-sustainable-policies .content .title {
font-size: 40px; }
.wg-sustainable-policies .content .s-title {
font-size: 32px; }
.wg-sustainable-policies .content .desc {
font-size: 22px;
margin-bottom: 30px; }
.wg-sustainable-policies .strategy-list .item-list {
width: 850px; }
.wg-sustainable-policies .strategy-list .link {
height: 260px;
padding: 50px 50px 50px 40px; }
.wg-sustainable-policies .strategy-list .title {
font-size: 32px; }
.wg-sustainable-policies .strategy-list .thumb .contain {
width: 70px;
height: 70px; }
.wg-sustainable-policies .strategy-list .txt {
font-size: 26px; }
.wg-browse-courses .inner {
padding-top: 80px;
padding-bottom: 100px; }
.wg-browse-courses .inner:before {
bottom: 104px; }
.wg-browse-courses .h-title {
font-size: 80px;
margin-bottom: 50px; }
.wg-browse-courses .thumb {
width: 100px;
height: 100px; }
.wg-browse-courses .thumb .contain {
width: 50px;
height: 50px; }
.wg-browse-courses .txt .word {
font-size: 20px; }
.wg-sustainable .h-title {
font-size: 70px; }
.wg-sustainable .txt {
font-size: 32px; }
.wg-sustainable .link {
font-size: 20px; }
.site-footer .Totop {
right: 40px;
width: 60px;
height: 60px; }
.footer-top {
padding: 40px 0; }
.footer-top .logo .icon > .lazy {
height: 80px; }
.footer-top .title {
font-size: 28px; }
.footer-top .desc {
font-size: 20px;
padding-top: 15px; }
.footer-top .social .item-list {
padding-top: 15px; }
.footer-bottom .txt {
font-size: 20px; }
.whead .wtxt {
font-size: 90px; }
.whead .wtxt.-sm {
font-size: 40px; }
.strategic-page .txt {
font-size: 40px;
margin-bottom: 15px; }
.strategic-page .title {
font-size: 60px; }
.strategic-page .desc {
font-size: 30px; }
.strategic-head {
padding-bottom: 120px; }
.strategic-head .thumb .cover {
width: 360px;
-webkit-border-radius: 60px 0 60px 0;
-moz-border-radius: 60px 0 60px 0;
border-radius: 60px 0 60px 0; }
.strategic-head .thumb .icon {
height: 120px;
width: 120px;
bottom: -40px;
-webkit-border-radius: 40px 0 40px 0;
-moz-border-radius: 40px 0 40px 0;
border-radius: 40px 0 40px 0; }
.strategic-head .thumb .icon .lazy {
width: 50px;
height: 50px; }
.strategic-head .content {
padding-left: 60px; }
.strategic-body {
padding-bottom: 80px; }
.strategic-body .content + .content {
margin-top: 50px; }
.highlights-page .nav-tabs .nav-link {
font-size: 28px; }
.highlights-page .nav-tabs .nav-link.active {
font-size: 38px; }
.highlights-page .tab-content .content {
width: 400px; }
.highlights-list {
width: 750px; }
.highlights-list .number {
font-size: 50px; }
.highlights-list .txt {
font-size: 26px; }
.highlights-list .icon .lazy {
height: 30px;
max-width: 50px; }
.highlights-list .desc {
font-size: 24px; }
.highlights-list .action .more {
font-size: 18px; }
.highlights-list .item-list > li:first-child .wrapper {
padding: 30px; }
.highlights-list .item-list > li:first-child .number {
font-size: 90px; }
.highlights-list .item-list > li:first-child .txt {
font-size: 34px;
left: 80px; }
.highlights-list .item-list > li:first-child .icon {
max-width: 150px;
height: 70px; }
.highlights-list .item-list > li:first-child .icon .lazy {
height: 70px;
max-width: 150px; }
.SDGs-head:before {
right: 230px; }
.SDGs-head {
padding-bottom: 70px; }
.SDGs-head .content .title {
font-size: 36px;
margin-bottom: 10px; }
.SDGs-head .content .desc {
font-size: 28px; }
.SDGs-head .highlights-list {
width: 400px; }
.SDGs-body {
padding: 70px 0; }
.SDGs-body .h-title {
font-size: 62px;
margin-bottom: 30px; }
.SDGs-body .wg-highlights-slider {
margin-bottom: 50px; }
.font-base-editor, .editor-content, .editor-content p,
.editor-content,
.editor-content p {
font-size: 26px; }
.detail-top .tag-list .link {
width: 60px;
height: 60px; }
.detail-top .tag-list .lazy {
width: 38px;
height: 38px; }
.detail-head .thumb .cover {
width: 400px;
padding-bottom: 475px; }
.detail-head .title {
font-size: 38px; }
.detail-head .title + .SDGs-about {
margin-top: 50px; }
.detail-head .SDGs-about .text {
font-size: 28px; }
.detail-head .SDGs-about .mcscrollX {
max-width: 660px; }
.detail-body .Links-box .txt {
font-size: 26px; }
.detail-body .Links-box .url {
font-size: 24px; }
.detail-end .boxI:before {
width: 380px;
height: 360px; }
.detail-end .boxI .title,
.detail-end .boxII .title {
font-size: 58px; }
.footer-top .policy .link {
font-size: 16px; } }
@media (max-width: 1199px) {
.container,
.container.-lg {
max-width: inherit;
width: 970px; }
.btn {
min-width: 200px;
height: 50px;
line-height: 48px;
font-size: 20px; }
.site-header .height {
height: 76px; }
.site-header .logo .lazy {
height: 40px; }
.site-header nav.menu {
padding-right: 20px;
margin-right: 20px; }
.site-header .nav-search .search-form {
top: -7px; }
.site-header .nav-search .link.-search {
font-size: 18px; }
.site-header .nav-search .link.-search span {
line-height: 40px; }
.site-header .nav-search .form-control {
height: 34px; }
.site-header .nav-search .icon-close {
top: 9px; }
.site-header .nav-search .btn {
height: 36px;
line-height: 36px;
font-size: 18px; }
.site-header .nav-search.open .search-form {
width: 700px;
height: 40px;
top: -8px; }
.site-header .nav-search.open .link.-search {
line-height: 40px; }
.site-header .language-box .link {
width: 30px;
height: 30px;
font-size: 18px; }
nav.menu li a.link {
font-size: 18px; }
nav.menu li + li {
margin-left: 25px; }
nav.menu .dropdown-menu {
top: 80px !important;
padding: 25px 0 35px 0; }
nav.menu .dropdown-menu .h-title {
margin-bottom: 5px;
font-size: 32px; }
.site-container {
padding-top: 80px; }
.slick-dots li:before {
top: -10px;
left: -10px;
right: -10px;
bottom: -10px; }
.main-slider .content .title {
font-size: 60px;
max-width: 940px; }
.wg-highlights .highlights-box {
width: auto;
height: auto; }
.wg-highlights .box {
padding: 30px 0; }
.wg-highlights .box .row-item > .col-auto {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.wg-highlights .box .row-item > .col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.wg-highlights .box:nth-child(odd) .row-item .highlights-box {
margin-left: 0;
padding: 60px 50px; }
.wg-highlights .box:nth-child(even) .row-item > .col-auto {
order: 1; }
.wg-highlights .box:nth-child(even) .row-item > .col {
order: 2; }
.wg-highlights .box:nth-child(even) .row-item .highlights-box {
margin-right: 0;
padding: 60px 50px; }
.wg-highlights .highlights-box {
margin-bottom: 10px; }
.wg-highlights .highlights-box .h-title {
font-size: 36px; }
.wg-highlights .highlights-box .title {
font-size: 40px; }
.wg-highlights .highlights-box .desc {
height: 2em;
-webkit-line-clamp: 2;
font-size: 24px; }
.wg-highlights-slider {
width: 100%; }
.wg-highlights-slider .highlights-nav .txt {
max-width: 130px; }
.wg-highlights-slider .highlights-for .content .number {
width: 34px;
height: 34px;
font-size: 18px; }
.wg-highlights-slider .highlights-for .content .date {
font-size: 16px; }
.wg-highlights-slider .highlights-for .content .title {
font-size: 24px;
margin-bottom: 10px; }
.wg-highlights-slider .highlights-for .content .desc {
font-size: 18px; }
.wg-sustainable-policies {
padding-top: 50px; }
.wg-sustainable-policies .h-title {
font-size: 60px; }
.wg-browse-courses .h-title {
font-size: 70px;
margin-bottom: 30px; }
.wg-browse-courses .item-list {
margin: 0 -20px; }
.wg-browse-courses .item-list > li {
padding: 0 20px; }
.wg-sustainable .h-title {
font-size: 60px; }
.wg-sustainable .txt {
font-size: 28px; }
.footer-top .logo .icon > .lazy {
height: 60px; }
.footer-top .desc br {
display: none; }
.footer-top .social .link {
width: 40px;
height: 40px; }
.breadcrumb-block {
padding: 20px 0 30px 0; }
.whead {
margin-bottom: 40px; }
.whead .wtxt {
font-size: 70px; }
.whead .wtxt.-sm {
font-size: 36px; }
.strategic-page .txt {
font-size: 32px;
margin-bottom: 10px; }
.strategic-page .title {
font-size: 50px; }
.strategic-page .desc {
font-size: 26px; }
.strategic-head {
padding-bottom: 90px; }
.strategic-head .thumb .cover {
width: 300px;
-webkit-border-radius: 50px 0 50px 0;
-moz-border-radius: 50px 0 50px 0;
border-radius: 50px 0 50px 0; }
.strategic-head .thumb .icon {
height: 90px;
width: 90px;
bottom: -25px;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
border-radius: 30px 0 30px 0; }
.strategic-head .thumb .icon .lazy {
width: 45px;
height: 45px; }
.strategic-head .content {
padding-left: 50px; }
.highlights-page .whead {
margin-bottom: 10px; }
.highlights-page .nav-tabs .nav-link {
font-size: 24px; }
.highlights-page .nav-tabs .nav-link.active {
font-size: 34px; }
.highlights-page .tab-content {
padding-top: 30px;
padding-bottom: 90px; }
.highlights-page .tab-content .content {
width: 100%; }
.highlights-list {
width: 100%;
padding-top: 20px; }
.pagination-label .title {
font-size: 20px; }
.pagination-label span {
font-size: 22px; }
.pagination .link {
min-width: 40px;
height: 40px;
line-height: 38px;
padding: 0 5px;
font-size: 20px; }
.pagination .link .feather {
top: 2px; }
.pagination .select2-container--default .select2-selection--single {
height: 40px; }
.pagination .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 38px;
font-size: 20px; }
.pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {
font-size: 22px; }
.SDGs-head .content .title {
font-size: 34px; }
.SDGs-head .content .desc {
font-size: 26px; }
.SDGs-head .highlights-list {
width: 360px;
padding-top: 0; }
.SDGs-body .h-title {
font-size: 56px;
margin-bottom: 25px; }
.tooltip-inner {
padding: 3px 8px;
font-size: 18px; }
.editor-content {
padding-bottom: 45px; }
.font-base-editor, .editor-content, .editor-content p,
.editor-content,
.editor-content p {
font-size: 24px; }
.detail-top .tag-list .link {
width: 50px;
height: 50px; }
.detail-top .tag-list .lazy {
width: 30px;
height: 30px; }
.detail-head {
padding-bottom: 20px; }
.detail-head .thumb .cover {
width: 320px;
padding-bottom: 130%; }
.detail-head .content {
padding: 0 40px; }
.detail-head .title {
font-size: 32px; }
.detail-head .title + .SDGs-about {
margin-top: 30px; }
.detail-head .SDGs-about .text {
font-size: 26px; }
.detail-head .SDGs-about .mcscrollX {
max-width: 540px; }
.detail-head .SDGs-about .highlights-list {
padding-top: 0; }
.detail-head .SDGs-about .highlights-list .wrapper {
padding: 10px; }
.detail-head .SDGs-about .highlights-list .number {
font-size: 26px; }
.detail-head .SDGs-about .highlights-list .icon,
.detail-head .SDGs-about .highlights-list .icon .lazy {
height: 26px;
max-width: 30px; }
.detail-head .SDGs-about .highlights-list .item-list li {
width: 80px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child {
width: 120px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .wrapper {
padding: 10px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .number {
font-size: 40px; }
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon,
.detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon .lazy {
height: 40px;
max-width: 80px; }
.detail-body {
padding-top: 20px; }
.detail-body .gallery-list {
padding-bottom: 40px; }
.detail-body .gallery-list .item-list {
margin: -10px; }
.detail-body .gallery-list .item-list > li {
padding: 10px; }
.detail-body .Links-box {
padding-bottom: 100px; }
.detail-body .Links-box .wrapper {
padding: 15px 50px 15px 80px; }
.detail-body .Links-box .icon {
left: 20px; }
.detail-body .Links-box .title {
font-size: 44px; }
.detail-body .Links-box .txt {
font-size: 24px; }
.detail-body .Links-box .url {
font-size: 22px; }
.detail-body .Links-box .more {
width: 40px;
height: 40px;
font-size: 18px; }
.detail-end {
padding: 60px 0 80px 0; }
.detail-end .row {
height: 360px; }
.detail-end .boxI .title,
.detail-end .boxII .title {
font-size: 48px; }
.detail-end .boxI .desc,
.detail-end .boxII .desc {
font-size: 26px; }
.detail-end .boxII {
padding: 0 0 0 60px; }
.detail-end .boxII:before {
top: -105px;
right: -105px;
bottom: -80px;
border-radius: 50px 0 0 0; } }
@media (max-width: 991px) {
.container,
.container.-lg {
max-width: inherit;
width: 100%; }
.site-header .headerbar {
position: relative;
z-index: 11; }
.site-header .height {
height: 56px; }
.site-header nav.menu {
margin-right: 0;
padding-right: 0; }
.site-header .nav-search.open .search-form {
width: 430px; }
.site-header .language-box {
padding-right: 40px; }
.site-container {
padding-top: 60px; }
/*mobile-menu (start)*/
.global-container {
position: relative;
overflow: hidden;
right: 0; }
.global-container .site-header .overlay {
visibility: hidden;
opacity: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease; }
.global-container .site-container {
position: relative;
right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease; }
.global-container .site-footer {
position: relative;
right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease; }
.global-container.sidebar-open .site-header .overlay {
opacity: 1;
visibility: visible; }
.global-container.sidebar-open .site-container {
right: 260px; }
.global-container.sidebar-open .site-footer {
right: 260px; }
.site-header > .container {
position: relative;
z-index: 99; }
.site-header .overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8); }
.menu-mobile-btn {
display: block; }
nav.menu {
position: fixed;
z-index: 100;
top: 60px;
bottom: 0;
width: 260px;
overflow: auto;
right: -260px;
padding-left: 0;
border-top: 1px solid #D4D4D4;
background-color: #ffffff;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease; }
nav.menu.open {
right: 0; }
nav.menu li {
width: 100%;
border-bottom: 1px solid #D4D4D4; }
nav.menu li + li {
margin-left: 0; }
nav.menu li a.link {
font-size: 18px;
padding: 15px 20px; }
nav.menu li a.link:before {
display: none; }
nav.menu li a.link.-link-title {
padding: 0; }
nav.menu li.active > a.link,
nav.menu li.dropdown.show > a.link {
color: #ffffff;
background-color: #3F7E44; }
nav.menu .dropdown-menu {
position: relative !important;
top: 0px !important;
padding: 20px 0; }
nav.menu li.dropdown a.link .icon {
position: absolute;
right: 20px; }
nav.menu .dropdown-menu .h-title {
margin-bottom: 5px;
font-size: 26px;
margin-left: 3px; }
nav.menu .dropdown-menu .nav-list {
float: none;
width: 100%;
border-right: 0; }
nav.menu .dropdown-menu .nav-list + .nav-list {
padding-left: 0;
border-top: 1px solid #D4D4D4; }
nav.menu .dropdown-menu li {
border-top: 0; }
nav.menu .dropdown-menu li + li {
margin-top: 0; }
nav.menu .dropdown-menu li a.link {
padding: 10px; }
/*mobile-menu (end)*/
.main-slider .content .title {
font-size: 50px;
max-width: 100%; }
.slick-prev, .slick-next {
width: 40px;
height: 40px;
line-height: 43px;
font-size: 20px; }
.wg-highlights .box:nth-child(odd) .row-item .highlights-box,
.wg-highlights .box:nth-child(even) .row-item .highlights-box {
padding: 30px 30px; }
.wg-highlights .box:nth-child(even) .row-item .wg-highlights-slider .highlights-nav {
justify-content: flex-start; }
.wg-highlights .highlights-box {
border-radius: 40px 0 40px 0; }
.wg-highlights .highlights-box .h-title {
font-size: 30px;
margin-bottom: 15px;
padding-left: 15px; }
.wg-highlights .highlights-box .h-title:before {
width: 40px;
height: 40px;
top: -3px; }
.wg-highlights .highlights-box .title {
font-size: 34px;
margin-bottom: 15px; }
.wg-highlights .highlights-box .desc {
font-size: 22px;
margin-bottom: 15px; }
.wg-highlights-slider .highlights-nav-overflow {
overflow: auto;
flex-wrap: nowrap;
display: flex;
margin: 0 -20px; }
.wg-highlights-slider .highlights-nav {
width: auto;
margin-left: 20px;
padding-right: 20px; }
.wg-highlights-slider .highlights-nav .item {
width: 200px; }
.wg-highlights-slider .highlights-nav .txt {
max-width: 120px; }
.wg-highlights-slider .highlights-nav .icon .lazy {
height: 24px; }
.wg-highlights-slider .highlights-for {
padding-top: 10px;
margin: 0 -5px; }
.wg-highlights-slider .highlights-for .item {
padding: 0 5px; }
.wg-sustainable-policies:before {
width: 530px;
height: 450px; }
.wg-sustainable-policies .h-title {
font-size: 50px; }
.wg-sustainable-policies .content {
padding: 0; }
.wg-sustainable-policies .content .img {
display: none; }
.wg-sustainable-policies .strategy-list {
padding-top: 35px; }
.wg-sustainable-policies .strategy-list .item-list {
width: 100%; }
.wg-sustainable-policies .strategy-list .link {
height: 250px; }
.wg-browse-courses .h-title {
font-size: 60px; }
.wg-browse-courses .browse-list {
overflow: auto;
flex-wrap: nowrap;
display: flex;
margin: 0 -20px; }
.wg-browse-courses .item-list {
width: auto;
margin-right: 0;
margin-left: 20px;
padding-right: 20px;
display: flex; }
.wg-browse-courses .item-list > li {
padding: 0 10px;
width: 120px; }
.wg-sustainable {
padding: 50px 0; }
.wg-sustainable .h-title {
font-size: 50px; }
.wg-sustainable .row > div {
margin: 10px 0; }
.footer-top .logo .icon > .lazy {
height: 50px; }
.footer-top .col-md-12 {
margin-bottom: 20px; }
.whead {
margin-bottom: 30px; }
.whead .wtxt {
font-size: 60px; }
.whead .wtxt:before {
top: 0px;
width: 50px;
height: 50px;
border-radius: 20px 0 20px 0; }
.whead .wtxt.-sm {
font-size: 34px; }
.strategic-page .txt {
font-size: 26px; }
.strategic-page .title {
font-size: 40px; }
.strategic-page .title + .desc {
padding-top: 15px; }
.strategic-page .desc {
font-size: 22px; }
.strategic-head {
padding-bottom: 60px; }
.strategic-head .thumb .cover {
width: 250px; }
.strategic-head .thumb .icon {
height: 70px;
width: 70px;
bottom: -20px; }
.strategic-head .thumb .icon .lazy {
width: 35px;
height: 35px; }
.strategic-head .content {
padding-left: 30px; }
.strategic-body {
padding-bottom: 40px; }
.strategic-body .content + .content {
margin-top: 40px; }
.highlights-page .whead .wtxt {
padding-left: 20px; }
.highlights-page .tab-content .content {
padding-left: 20px; }
.pagination-label .title {
text-align: center;
margin-bottom: 30px; }
.pagination {
justify-content: center; }
.SDGs-head {
padding-bottom: 50px; }
.SDGs-head:before {
right: 140px;
top: -70px;
border-radius: 0 0 50px 0; }
.SDGs-head .highlights-list {
width: 320px; }
.SDGs-head .content .title {
font-size: 32px; }
.SDGs-head .content .desc {
font-size: 24px; }
.SDGs-body {
padding: 50px 0; }
.SDGs-body .h-title {
font-size: 45px;
margin-bottom: 5px; }
.SDGs-body .item-list {
margin: -5px; }
.SDGs-body .item {
width: calc(100%/3);
margin: 5px 0; }
.font-base-editor, .editor-content, .editor-content p,
.editor-content,
.editor-content p {
font-size: 22px; }
.detail-top .tag-list {
display: flex;
justify-content: center;
padding-bottom: 40px; }
.detail-head .thumb .cover {
width: 280px; }
.detail-head .title {
font-size: 28px; }
.detail-head .SDGs-about .text {
font-size: 22px; }
.detail-head .SDGs-about .mcscrollX {
max-width: 430px; }
.detail-body .Links-box .title {
font-size: 38px;
margin-bottom: 10px; }
.detail-body .Links-box {
padding-bottom: 40px; }
.detail-end {
padding: 0; }
.detail-end .row {
height: auto; }
.detail-end .boxI {
padding: 30px 20px; }
.detail-end .boxII {
padding: 30px 20px; }
.detail-end .boxII:before {
top: 0;
right: 0;
bottom: 0;
border-radius: 0; }
.detail-end .boxI .title, .detail-end .boxII .title {
font-size: 38px; }
.detail-end .boxI .desc, .detail-end .boxII .desc {
font-size: 24px; }
.detail-end .boxI .action {
position: relative;
padding-top: 50px; }
.footer-top .policy .item-list {
margin: -5px -20px; }
.footer-top .policy .item-list li {
width: auto;
padding: 5px 20px; }
.footer-top .policy .item-list li + li:before {
top: 0;
bottom: 0;
left: 0px;
width: 1px;
height: 14px; }
.action-back .btn {
min-width: 120px;
height: 40px;
line-height: 38px;
font-size: 18px; } }
@media (max-width: 767px) {
.container,
.container.-lg {
max-width: inherit;
width: 100%; }
.btn {
min-width: 150px;
height: 40px;
line-height: 38px;
font-size: 18px; }
.site-header .logo .lazy {
height: 34px; }
.site-header .language-box {
padding-left: 5px; }
.site-header .language-box li + li {
margin-left: 5px; }
.site-header .nav-search .link.-search {
font-size: 18px;
position: fixed;
z-index: 42;
top: 12px;
right: 131px;
opacity: 1; }
.site-header .nav-search .icon-close {
font-size: 18px;
position: fixed;
z-index: 42;
top: 21px;
right: 130px;
opacity: 0;
pointer-events: none; }
.site-header .nav-search .search-form {
width: 100%;
position: fixed;
top: 60px;
border-radius: 0;
height: 0; }
.site-header .nav-search .search-form form {
left: 0;
right: 0;
position: relative;
padding: 0 20px;
width: 100%; }
.site-header .nav-search.open .search-form {
top: 60px;
height: 40px;
width: 100%; }
.site-header .nav-search.open .search-form form {
left: 0;
right: 0;
position: relative;
padding: 0 20px; }
.site-header .nav-search.open .link.-search {
opacity: 0;
pointer-events: none; }
.site-header .nav-search.open .icon-close {
opacity: 1;
pointer-events: visible; }
.slick-dots li {
margin: 0 5px; }
.slick-dots li:before {
top: -5px;
left: -5px;
right: -5px;
bottom: -5px; }
.slick-dots li button {
width: 6px;
height: 6px; }
.main-slider .slick-dots {
bottom: 10px; }
.main-slider .content .inner {
padding-bottom: 30px; }
.main-slider .content .title {
font-size: 30px;
margin-bottom: 5px; }
.main-slider .content .desc {
font-size: 16px; }
.wg-highlights .box:nth-child(odd) .row-item .highlights-box,
.wg-highlights .box:nth-child(even) .row-item .highlights-box {
padding: 20px 20px; }
.wg-highlights .highlights-box:before {
width: 220px;
height: 220px; }
.wg-highlights .highlights-box .h-title {
font-size: 26px;
margin-bottom: 10px; }
.wg-highlights .highlights-box .h-title:before {
width: 30px;
height: 30px;
top: -3px; }
.wg-highlights .highlights-box .title {
font-size: 28px;
margin-bottom: 10px; }
.wg-highlights .highlights-box .desc {
font-size: 18px; }
.wg-highlights .highlights-box .action .link {
font-size: 16px; }
.wg-highlights-slider .highlights-for {
margin-bottom: 10px; }
.wg-highlights-slider .highlights-for .content .number-list {
top: -50px; }
.wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {
padding: 5px; }
.wg-highlights-slider .highlights-for .content .number {
width: 28px;
height: 28px;
font-size: 16px; }
.wg-sustainable-policies:before {
width: 340px;
height: 280px; }
.wg-sustainable-policies {
padding-top: 30px; }
.wg-sustainable-policies .h-title {
font-size: 40px; }
.wg-sustainable-policies .content .title {
font-size: 30px;
margin-bottom: 15px; }
.wg-sustainable-policies .content .s-title {
font-size: 26px;
margin-bottom: 15px; }
.wg-sustainable-policies .content .desc {
font-size: 18px;
margin-bottom: 20px; }
.wg-sustainable-policies .content .action .link {
font-size: 16px; }
.wg-sustainable-policies .strategy-list {
padding-top: 35px;
margin-bottom: -280px; }
.wg-sustainable-policies .strategy-list .title {
font-size: 22px; }
.wg-sustainable-policies .strategy-list .link {
height: auto;
padding: 15px; }
.wg-sustainable-policies .strategy-list .thumb {
padding-bottom: 10px; }
.wg-sustainable-policies .strategy-list .thumb .contain {
width: 40px;
height: 40px; }
.wg-sustainable-policies .strategy-list .txt {
font-size: 16px; }
.wg-browse-courses {
padding-top: 0; }
.wg-browse-courses .h-title {
font-size: 40px; }
.wg-browse-courses .link:hover .thumb {
bottom: 0px; }
.wg-browse-courses .inner {
padding-bottom: 30px; }
.wg-browse-courses .inner:before {
bottom: 34px; }
.wg-browse-courses .thumb {
width: 70px;
height: 70px; }
.wg-browse-courses .thumb .contain {
width: 40px;
height: 40px; }
.wg-browse-courses .txt .word {
font-size: 16px; }
.wg-sustainable {
padding: 30px 0; }
.wg-sustainable .h-title {
font-size: 34px;
margin-bottom: 15px; }
.wg-sustainable .txt {
font-size: 22px;
margin-bottom: 10px; }
.wg-sustainable .link {
font-size: 18px; }
.site-footer .Totop {
right: 10px;
top: -24px;
width: 40px;
height: 40px; }
.footer-top .logo .icon > .lazy {
height: 40px; }
.footer-top .col-md-12 {
margin-bottom: 0px; }
.footer-top .col-md-6 {
margin-top: 20px; }
.footer-top .title {
font-size: 22px; }
.footer-top .desc {
font-size: 16px;
padding-top: 10px; }
.footer-top .social .item-list {
padding-top: 10px; }
.footer-top .social .item-list li + li {
margin-left: 3px; }
.footer-top .social .link {
width: 36px;
height: 36px; }
.footer-bottom .height {
height: auto;
padding: 10px 0; }
.footer-bottom .txt {
font-size: 16px;
text-align: center; }
.footer-bottom .txt .line {
display: block;
width: 100%;
height: 1px;
background-color: #ffffff;
font-size: 0;
margin: 10px 0;
opacity: 0.1; }
.breadcrumb-block {
padding: 15px 0; }
.whead {
margin-bottom: 20px; }
.whead .wtxt {
font-size: 35px; }
.whead .wtxt.-sm {
font-size: 28px; }
.whead .wtxt:before {
top: -3px;
width: 40px;
height: 40px;
border-radius: 15px 0 15px 0; }
.strategic-page .txt {
font-size: 20px;
margin-bottom: 5px; }
.strategic-page .title {
font-size: 26px; }
.strategic-page .title + .desc {
padding-top: 10px; }
.strategic-page .desc {
font-size: 18px; }
.strategic-head {
padding-bottom: 30px; }
.strategic-head .thumb {
width: 200px;
margin: 0 auto; }
.strategic-head .thumb .cover {
width: 200px;
-webkit-border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
border-radius: 30px 0 30px 0; }
.strategic-head .thumb .icon {
height: 60px;
width: 60px;
-webkit-border-radius: 15px 0 15px 0;
-moz-border-radius: 15px 0 15px 0;
border-radius: 15px 0 15px 0; }
.strategic-head .thumb .icon .lazy {
width: 30px;
height: 30px; }
.strategic-head .content {
padding-left: 0;
padding-top: 40px; }
.strategic-body .content + .content {
margin-top: 20px; }
.highlights-page .whead .wtxt {
padding-left: 15px; }
.highlights-page .highlights-nav {
display: flex;
flex-wrap: nowrap;
overflow: auto;
margin: 0 -20px;
padding-left: 20px; }
.highlights-page .nav-tabs {
margin: 0 -10px;
display: flex;
flex-wrap: nowrap;
padding-right: 10px; }
.highlights-page .nav-tabs .nav-item {
padding: 0 10px; }
.highlights-page .nav-tabs .nav-link {
font-size: 22px;
line-height: 36px; }
.highlights-page .nav-tabs .nav-link.active {
font-size: 30px; }
.highlights-page .tab-content {
padding-top: 20px;
padding-bottom: 50px; }
.highlights-page .tab-content .content {
padding-left: 15px; }
.highlights-page .tab-content .content p {
font-size: 20px; }
.highlights-list .txt {
font-size: 22px; }
.highlights-list .item-list {
margin: -3px; }
.highlights-list .item-list > li {
padding: 3px;
width: 50%; }
.highlights-list .item-list > li:first-child {
width: 100%; }
.highlights-list .item-list > li:first-child .wrapper {
padding: 15px; }
.highlights-list .item-list > li:first-child .number {
font-size: 80px; }
.highlights-list .item-list > li:first-child .txt {
font-size: 30px;
left: 70px; }
.pagination-label .title {
margin-bottom: 25px;
font-size: 18px; }
.pagination-label span {
font-size: 20px; }
.pagination {
padding-bottom: 50px;
position: relative; }
.pagination li + li {
margin-left: 3px; }
.pagination .link {
min-width: 34px;
height: 34px;
line-height: 32px;
padding: 0 3px;
font-size: 18px; }
.pagination .jumpPage {
position: absolute;
top: 36px;
left: 0;
right: 0;
margin: auto; }
.pagination .select2-container--default .select2-selection--single {
height: 36px; }
.pagination .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 34px;
font-size: 18px; }
.SDGs-head {
padding-bottom: 30px; }
.SDGs-head:before {
right: 50px;
top: -50px; }
.SDGs-head .content .title {
font-size: 26px; }
.SDGs-head .content .desc {
font-size: 20px; }
.SDGs-head .highlights-list {
width: 100%; }
.SDGs-body {
padding: 30px 0; }
.SDGs-body .h-title {
font-size: 36px;
margin-bottom: 5px; }
.SDGs-body .item {
width: calc(100%/2); }
.SDGs-body .wg-highlights-slider {
margin-bottom: 30px; }
.editor-content {
padding-bottom: 30px; }
.font-base-editor, .editor-content, .editor-content p,
.editor-content,
.editor-content p {
font-size: 18px; }
.detail-head {
padding-bottom: 15px; }
.detail-head .thumb .cover {
width: 100%; }
.detail-head .content {
padding: 15px 0 0 0; }
.detail-head .title {
font-size: 26px; }
.detail-head .SDGs-about .text {
font-size: 20px;
margin-bottom: 5px; }
.detail-body {
padding-top: 15px; }
.detail-body .gallery-list {
padding-bottom: 30px; }
.detail-body .gallery-list .item-list {
margin: -3px; }
.detail-body .gallery-list .item-list > li {
padding: 3px;
width: 33.33%; }
.detail-body .Links-box {
padding-bottom: 30px; }
.detail-body .Links-box .title {
font-size: 30px; }
.detail-body .Links-box .icon {
left: 0px;
width: 30px;
height: 30px;
font-size: 20px; }
.detail-body .Links-box .wrapper {
padding: 10px 40px 10px 40px; }
.detail-body .Links-box .txt {
font-size: 20px;
margin-bottom: 0; }
.detail-body .Links-box .url {
font-size: 18px; }
.detail-body .Links-box .more {
width: 30px;
height: 30px;
font-size: 14px; }
.detail-body .Links-box .more span {
top: 2px; }
.detail-end .boxI .title, .detail-end .boxII .title {
font-size: 30px;
margin-bottom: 10px; }
.detail-end .boxI .desc, .detail-end .boxII .desc {
font-size: 20px; }
.footer-top .policy .item-list {
margin: -10px 0; }
.footer-top .policy .item-list li {
width: 100%;
padding: 10px 0; }
.footer-top .policy .item-list li + li:before {
top: 0;
bottom: auto;
left: 0px;
right: 0px;
width: auto;
height: 1px; }
.footer-top .policy .link {
text-align: center; }
.action-back .btn {
min-width: 80px;
height: 30px;
line-height: 28px;
font-size: 14px; } }
@media (max-width: 575px) {
.container,
.container.-lg {
max-width: inherit;
width: 100%; } }
/*# sourceMappingURL=source.css.map */