﻿/*common*/
.section {height: 100vh;position: relative;}
.footer.section {height: auto;}
/*section1*/
.owl-carousel {position: relative;}
.owl-carousel.owl-drag .item {height: 100vh; -webkit-background-size: cover; background-size: cover;}
.owl-carousel .owl-item img.preserve {width: auto; height: auto;}
.msl-caption {z-index: 5;position: absolute; top: 0; width: 100%; height: 100%; }
.msl-caption {padding-top: 120px;padding-left: 5.208%;}
.section1_visual {height: 100vh;-webkit-background-size: cover;background-size: cover;background-image:url('/skin/default/img/main/msl2.jpg');background-position: center center;}
.msl-caption {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.captionP1 {font-family: 'GillSansMTPro'; font-size: 28px; line-height: 1; font-weight: 500; color: #fff; margin: 40px 0;}
.captionP2 {font-family: 'GillSansMTPro'; font-size: 13px; font-weight: 400; color: #666; }
.captionP2 .tit {display: inline-block; color: #999; padding-right: 7px;}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {position:absolute;     transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { top:50%; margin-top:-10px; font-family: 'GillSansMTPro'; font-size:12px; line-height:20px; color:#fff; font-weight:500; text-transform:uppercase; padding:20px 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -khtml-opacity:.5; -moz-opacity:.5; opacity:.5;  }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1;}
.owl-carousel .owl-nav .owl-prev {left:5.208%; padding-left:60px; background: url(../img/main/owl-nav.png) left center no-repeat;}
.owl-carousel .owl-nav .owl-next {right:5.208%; padding-right:60px; background: url(../img/main/owl-nav.png) right center no-repeat;}
.owl-dots {position: absolute; width: 100%; text-align: center; bottom: 6.25%;}
.owl-carousel .owl-dot {display: inline-block; width: 10px; height: 10px; margin: 2.5px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff;}
.owl-carousel .owl-dot.active {background-color: #fff;}
/*section2*/
.section#section2 {background: url(../img/main/section2_bg.jpg) right top no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;}
.section2-inner {padding: 120px 5.208% 60px;}
.section2H2 {font-family: 'GillSansMTPro'; font-size: 126px; font-weight: 500; color: #111; line-height: .8968; margin: 0 0 .25em;}
.section2P1 {font-family: 'GillSansMTPro'; font-size: 28px; font-weight: 500; line-height: 1; color: #111; letter-spacing: -.01em; margin: 0 0 1em; -ms-word-break: keep-all; word-break: keep-all;}
.section2P2 {font-size: 15px; font-weight: 300; line-height: 1.7; color: #666; -ms-word-break: keep-all; word-break: keep-all;}
.section2Link {display: inline-block; font-family: 'GillSansMTPro'; font-size: 12px; line-height: 1.2; font-weight: 500; color: #222; letter-spacing: -.025em; border-bottom: 1px solid rgba(23, 25, 26, .6);}
.section2Link.white {border-bottom: 1px solid rgba(255, 255, 255, .7);}
/*section3*/
#slider2 .msl-caption {text-align: center;}
#slider2.owl-carousel .owl-item img.preserve {margin: 0 auto;}

.captionH22 {font-family: 'GillSansMTPro'; font-size: 95px; line-height: 1; font-weight: 500; letter-spacing: -.02em; color: #fff;}
.captionP3 {font-size: 16px; font-weight: 300;color: rgba(255, 255, 255, .8); -ms-word-break: keep-all; word-break: keep-all;}
.captionP3.dark {color: rgba(0, 0, 0, .8) !important;}
.captionP4 {font-family: 'GillSansMTPro'; font-size: 18px; font-weight: 500; line-height: 1.555; color: rgba(255, 255, 255, .8); -ms-word-break: keep-all; word-break: keep-all;}
/*section4*/
#section4 {position: relative; min-height: 600px;}


.section.bg0 .section41-item .section4-icon-wrap {margin-top: 0;}
.section.bg1 .section42-item .section4-icon-wrap {margin-top: 0;}
.section.bg2 .section43-item .section4-icon-wrap {margin-top: 0;}
.section.bg3 .section44-item .section4-icon-wrap {margin-top: 0;}
.section4-icon-wrap {text-align: center;position: absolute;left: 0;top: 50%;margin-top: 98px;width:100%;font-size: 0;line-height: 1;-webkit-transition:all .5s ease; transition:all .5s ease;}
.section4-tit {font-size:28px;font-family: 'GillSansMTPro';font-weight:500;color:#fff;margin-bottom:15px;}

.section4-item {height: 100%;}
.section4-link {display: block; position: relative; width: 100%; height: 100%;border-right: 1px solid rgba(255, 255, 255, .2); background: none; padding: 0 10%;}
.section4-link:hover, .section4-link:focus {background-color: rgba(0, 0, 0, .2);}
.section4-txtCont {position: absolute; bottom: 8%; width: 80%; height: 110px; overflow: hidden; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.section4-link:hover .section4-txtCont, .section4-link:focus .section4-txtCont {height: 175px;}
.section4-type {font-size: 18px; font-weight: 200; color: #fff; margin: 0 0 1em;}
.section4-title {font-family: 'GillSansMTPro'; font-size: 24px; line-height: 1.25; font-weight: 500; color: #fff; margin: 0 0 1em;}
.section4-desc {font-family: 'GillSansMTPro'; font-size: 15px; line-height: 1.333; color: #fff;}
.section4-icon {display: inline-block;width: 55px; height: 55px; background: none; border: 1px solid #fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.section4-link:hover .section4-icon, .section4-link:focus .section4-icon {background-color: #fff;}
/*
.section.bg0 .section41-item .section4-icon-wrap .section4-icon {background-color: #fff;}
.section.bg0 .section41-item .section4-icon-wrap .section4-icon .section4-iconInner:before {height: 2px; background-color: #666;}
.section.bg0 .section41-item .section4-icon-wrap .section4-icon .section4-iconInner:after {width: 2px; background-color: #666;}
*/
.section4-iconInner {position: relative; width: 100%; height: 100%;}
.section4-iconInner:before, .section4-iconInner:after {content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff;}
.section4-iconInner:before { width: 19px; height: 1px;}
.section4-link:hover .section4-iconInner:before, .section4-link:focus .section4-iconInner:before {height: 2px; background-color: #666;}
.section4-iconInner:after { width: 1px; height: 19px;}
.section4-link:hover .section4-iconInner:after, .section4-link:focus .section4-iconInner:after {width: 2px; background-color: #666;}
/*section5*/
#section4 {position: relative; background: url(../img/main/section4_bg.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
button.videoPlay {border: none; background: none;}

.section_footer {z-index: 10;position: absolute; bottom: 0; padding-left: 5.208%; padding-bottom: 60px;}
.section_footer1 {font-family: 'GillSansMTPro'; font-size: 14px; line-height: 1.1428; font-weight: 400;color: #666; margin: 0 0 1.2em;}
.section_footer2 {font-family: 'GillSansMTPro'; font-size: 11px; line-height: 1; color: #fff; font-weight: 400;margin: 0;}
#section2 .section_footer1 {color: #767676;}
#section2 .section_footer2 {color: #000;}

#section3 {background-image:url('/skin/default/img/main/section41.jpg');-webkit-background-size: cover;background-size: cover;background-position: center center;}
#section3 .bg {content: "";display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;-webkit-background-size: cover;background-size: cover;background-position: center center;}
#section3 .bg.bg0 {background-image:url('/skin/default/img/main/office_image.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
#section3 .bg.bg1 {background-image:url('/skin/default/img/main/shop_image.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
#section3 .bg.bg2 {background-image:url('/skin/default/img/main/house_image.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
#section3 .bg.bg3 {background-image:url('/skin/default/img/main/etc_image.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
#section3.bg0 .bg.bg0 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
#section3.bg1 .bg.bg1 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
#section3.bg2 .bg.bg2 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
#section3.bg3 .bg.bg3 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}

.sv_txt1 {font-size: 90px;color: #fff;font-family: 'GillSansMTPro';font-weight: 500;line-height: 1.2;}
.sv_txt1 span {font-weight: 400;}
.sv_txt2 {font-size: 50px;color: #fff;font-weight: 500;line-height: 1.2;font-family: 'GillSansMTPro';}

@media (max-width:1429px) {
	.sv_txt1 {font-size: 68px;}
	.sv_txt2 {font-size: 34px;}
}
@media (max-width:1229px) {
	.msl-caption {padding: 60px;padding-left: 3%;}
}
@media (max-width:991px) {
	.msl-logo {width: 215px;}
	.captionP1 {font-size: 20px;margin: 40px 0 20px;}
	.logo {height: 50px;}
	.section2-inner {padding: 60px 3% 30px;}
	.section2H2 {font-size: 62px;}
	.section2P2 {font-size: 14px;}
	.section {height: 400px;}
	.section1_visual {height: 100%;}
	.section4-item {height: 50%;}
	.section4-icon-wrap {margin-top: -25px;}

	.section.bg0 .section41-item .section4-icon-wrap,
	.section.bg1 .section42-item .section4-icon-wrap,
	.section.bg2 .section43-item .section4-icon-wrap,
	.section.bg3 .section44-item .section4-icon-wrap {margin-top: -50px;}
	.section41-item .section4-link,
	.section42-item .section4-link {border-right: none;}
	#section4 {height: 350px;min-height:350px;background-position: center center;}
	button.videoPlay img {width: 60px;}

	.section4-item .section4-link {-webkit-background-size: cover;background-size: cover;background-position: center center;}
	.section41-item .section4-link {background-image:url('/skin/default/img/main/office_mobile_bg.jpg');}
	.section42-item .section4-link {background-image:url('/skin/default/img/main/shop_mobile_bg.jpg');}
	.section43-item .section4-link {background-image:url('/skin/default/img/main/house_mobile_bg.jpg');}
	.section44-item .section4-link {background-image:url('/skin/default/img/main/etc_mobile_bg.jpg');}
	.sv_txt1 {font-size: 48px;}
	.sv_txt2 {font-size: 28px;}
}
@media (max-width:767px) {
	.msl-logo {width: 107px;}
	#section1 {height: 200px;}
	#section2 {height: 200px;}
	.captionP1 {font-size: 15px;margin: 20px 0 0;}
	#section1 .msl-caption {padding: 25px 15px 0 15px;}
	.msl-caption {padding: 15px;}
	.section2-inner {padding: 15px;}
	.section2H2 {font-size: 30px;}
	.section2P2 {font-size: 12px;}
	.section2P2 br {display: none;}
	#section3 {height: auto;}
	.section4-item {height: 150px;}
	.section4-tit {font-size: 20px;margin-bottom: 5px;}
	.section4-icon {width: 30px;height: 30px;}
	.section4-iconInner:before {width: 10px;}
	.section4-iconInner:after {height: 10px;}
	#section4 {height: 200px;min-height:200px;}

	.section4-icon-wrap {margin-top: -10px;}

	.section.bg0 .section41-item .section4-icon-wrap,
	.section.bg1 .section42-item .section4-icon-wrap,
	.section.bg2 .section43-item .section4-icon-wrap,
	.section.bg3 .section44-item .section4-icon-wrap {margin-top: -20px;}
	.sv_txt1 {font-size: 25px;}
	.sv_txt2 {font-size: 18px;}
}
@media (max-width:480px) {

}