@charset "utf-8";

#main-slider .swiper-slide-active .sc-img {transform:scale(1.05);transition-delay:.3s;transition-duration:5.7s;}

#main-slider {position:relative}
#main-slider .swiper-slide {height:995px}
#main-slider .swiper-slide .wrapper {position:relative}
#main-slider .swiper-slide .sc-img {position:absolute;left:0;right:0;top:0;bottom:0}
#main-slider .swiper-slide .img,
#main-slider .swiper-slide .more {position:absolute;
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	opacity:0;
}
#main-slider .swiper-slide .more {display:block;background:#fff;color:rgba(0, 0, 0, 0.5);padding:15px 65px;font-size:16px}

#main-slider .swiper-slide-1 .sc-img {background:url('/img/page/index/slider1.jpg') center}
#main-slider .swiper-slide-1 .img1 {left:180px;top:340px;margin-top:-50px}
#main-slider .swiper-slide-1 .more {left:261px;top:665px;margin-top:50px}

#main-slider .swiper-slide-2 .sc-img {background:url('/img/page/index/slider2.jpg') center}
#main-slider .swiper-slide-2 .img1 {left:66px;top:350px;margin-top:-50px}
#main-slider .swiper-slide-2 .more {left:212px;top:690px;margin-top:50px}


#main-slider .swiper-slide-3 .sc-img {background:url('/img/page/index/slider3.jpg') center}
#main-slider .swiper-slide-3 .img1 {left:0px;top:350px;margin-top:-50px}
#main-slider .swiper-slide-3 .more {left:212px;top:690px;margin-top:50px}


#main-slider .swiper-slide-4 .sc-img {background:url('/img/page/index/slider4.jpg') center}
#main-slider .swiper-slide-4 .img1 {left:79px;top:350px;margin-top:-50px}
#main-slider .swiper-slide-4 .more {left:212px;top:690px;margin-top:50px}


#main-slider .swiper-slide-5 .sc-img {background:url('/img/page/index/slider5.jpg') center}
#main-slider .swiper-slide-5 .img1 {left:103px;top:350px;margin-top:-50px}
#main-slider .swiper-slide-5 .more {left:212px;top:690px;margin-top:50px}





#main-slider .swiper-slide-active .img,
#main-slider .swiper-slide-active .more {opacity:1;margin:0}
#main-slider .scroll {width:45px;height:85px;background:url('/img/page/index/scroll.png') center no-repeat;position:absolute;left:50%;margin-left:-22px;bottom:30px;z-index:1}
#main-slider .slider-step {position:absolute;left:50%;margin-left:-25px;width:50px;text-align:center;color:#fff;bottom:150px;z-index:1;font-size:1.2em}
#main-slider .swiper-button {position:absolute;left:50%;bottom:145px;z-index:2;width:120px;margin-left:-60px}
#main-slider .swiper-button .swiper-button-prev {left:0;right:inherit;width:26px;height:15px;background:url('/img/page/index/slider-arrow-l.png') no-repeat}
#main-slider .swiper-button .swiper-button-next {right:0;width:26px;height:15px;background:url('/img/page/index/slider-arrow-r.png') no-repeat}
#main-slider .swiper-button *:after {display:none}
.swiper-container-horizontal>.swiper-scrollbar {display:none}

#sec2 {margin-top:90px}
#sec3 .swiper-wrapper .swiper-slide {padding:20px 0}
#sec3 .swiper-wrapper .swiper-slide a {display:block;position:relative;width:1030px;height:481px;box-shadow:0px 0px 10px 3px #efefef}
#sec3 .swiper-wrapper .swiper-slide a:after {display:block;content:'';left:0;right:0;top:0;bottom:0;background:#000;opacity:.5;position:absolute}
#sec3 .swiper-wrapper .swiper-slide a img {width:1030px;height:481px}
#sec3 .swiper-wrapper .swiper-slide-active a:after {display:none}
#sec3 .swiper-button {position:absolute;left:50%;bottom:240px;z-index:2;width:1200px;margin-left:-600px}
#sec3 .swiper-button .swiper-button-prev {left:0;right:inherit;width:58px;height:58px;background:url('/img/main/slide_prev.png') no-repeat}
#sec3 .swiper-button .swiper-button-next {right:15px;width:58px;height:58px;background:url('/img/main/slide_next.png') no-repeat}
#sec3 .swiper-button *:after {display:none}

#sec4 {margin-top:70px;background:url('/img/page/index/sec4-bg.jpg') center top no-repeat;height:500px;background-attachment:fixed;background-size:cover}

/* visual area */
.visual-area {position:relative;margin-bottom:88px;}
.visual-area .slide-wrap .each-slide {position:relative;height:972px;outline:0;}
.visual-area .slide-wrap .each-slide .slide-bg {position:relative;height:872px;overflow:hidden;}
.visual-area .slide-wrap .each-slide .slide-bg .bg-img {position:relative;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:scale(1.0);transition:transform 10s linear;}
.visual-area .slide-wrap .each-slide.slide-01 .slide-bg .bg-img {background-image:url('../img/main/visual_01_bg.jpg');}
.visual-area .slide-wrap .each-slide.slide-02 .slide-bg .bg-img {background-image:url('../img/main/visual_02_bg.jpg');}
.visual-area .slide-wrap.animation-slider .each-slide.slick-current .slide-bg .bg-img {transform:scale(1.2);}
.visual-area .slide-wrap .each-slide .slide-inner {position:absolute;left:50%;margin-left:-743px;top:0;display:table;width:1486px;height:100%;}
.visual-area .slide-wrap .each-slide.slide-01 .slide-inner {background:url('../img/main/visual_01_img.jpg') no-repeat 0 0;}
.visual-area .slide-wrap .each-slide.slide-02 .slide-inner {background:url('../img/main/visual_02_img.jpg') no-repeat 0 0;}
.visual-area .slide-wrap .each-slide .text-box {display:table-cell;padding:100px 0 0;vertical-align:middle;color:#fff;}
.visual-area .slide-wrap .each-slide .text-box .slogan {position:relative;top:50px;display:block;line-height:75px;font-weight:700;font-size:60px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:all 0.8s ease-in-out;}
.visual-area .slide-wrap .each-slide .text-box .sub {position:relative;top:50px;line-height:40px;font-weight:700;font-size:25px;margin-top:36px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:all 0.8s ease-in-out;transition-delay:0.2s;}
.visual-area .slide-wrap .each-slide .text-box .more-btn {position:relative;top:50px;margin-left:140px;display:block;width:66px;height:68px;font-size:1px;text-indent:-999px;overflow:hidden;background:url('../img/main/visual_btn_more.png') no-repeat 100% 100%;margin-top:30px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:all 0.8s ease-in-out;transition-delay:0.4s;}
.visual-area .slide-wrap .slick-dots {position:absolute;right:50%;margin-right:-600px;top:50%;transform:translateY(-50%);}
.visual-area .slide-wrap .slick-dots li {margin:6px 0;position:relative;width:18px;height:18px;border:2px solid #efefef;border-radius:50%;}
.visual-area .slide-wrap .slick-dots li button {position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;display:block;width:16px;height:16px;text-align:left;font-size:1px;text-indent:-99px;overflow:hidden;border:1px solid transparent;border-radius:50%;outline:0;transition:all 0.4s ease-in-out;}
.visual-area .slide-wrap .slick-dots li.slick-active button {border:8px solid #fff;}
.visual-area .slide-ctrl {position:absolute;left:50%;margin-left:-101px;bottom:0;width:202px;}
.visual-area .slide-ctrl button {float:left;width:50%;height:100px;text-align:left;font-size:1px;text-indent:-999px;overflow:hidden;transition:all 0.2s ease-in-out;}
.visual-area .slide-ctrl .prev-btn {background:#fff url('../img/main/visual_prev.png') no-repeat 50% 50%;border-right:1px solid #f1f1f1;}
.visual-area .slide-ctrl .next-btn {background:#fff url('../img/main/visual_next.png') no-repeat 50% 50%;border-left:1px solid #f1f1f1;}
.visual-area .slide-ctrl button:hover {background-color:#f1f1f1;}

/* Quick menu */
.quick-menu {margin-bottom:144px;}
.quick-menu .slide-wrap {display:block;}
.quick-menu .slide-wrap .each-slide {position:relative;float:left;width:16.666%;vertical-align:top;outline:0;}
.quick-menu .slide-wrap .each-slide a {position:relative;display:block;padding:18px 0 0;text-align:center;}
.quick-menu .slide-wrap .each-slide a:before {content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#e1e3e4;}
.quick-menu .slide-wrap .each-slide.slick-current a:before {content:none;}
.quick-menu .slide-wrap .each-slide .icon {display:block;height:72px;background-repeat:no-repeat;background-position:50% 0;margin-bottom:32px;}
.quick-menu .slide-wrap .each-slide.quick-01 .icon {background-image:url('../img/main/quick_01.png');}
.quick-menu .slide-wrap .each-slide.quick-02 .icon {background-image:url('../img/main/quick_02.png');}
.quick-menu .slide-wrap .each-slide.quick-03 .icon {background-image:url('../img/main/quick_03.png');}
.quick-menu .slide-wrap .each-slide.quick-04 .icon {background-image:url('../img/main/quick_04.png');}
.quick-menu .slide-wrap .each-slide.quick-05 .icon {background-image:url('../img/main/quick_05.png');}
.quick-menu .slide-wrap .each-slide.quick-06 .icon {background-image:url('../img/main/quick_06.png');}
.quick-menu .slide-wrap .each-slide a:hover .icon {background-position:50% -72px;}
.quick-menu .slide-wrap .each-slide .text {display:block;line-height:40px;font-weight:700;font-size:20px;color:#242424;}
.quick-menu .slide-wrap .each-slide a:hover .text {color:#ff87a0;}

#main .cont-title {line-height:52px;text-align:center;font-weight:700;font-size:45px;margin-bottom:58px;margin-top:110px}

/* Most popular */
.most-popular {position:relative;margin-bottom:174px;}
.most-popular .slide-wrap {margin:0 105px;}
.most-popular .slide-wrap .each-slide {padding:0 13px;text-align:center;}
.most-popular .slide-wrap .each-slide a {position:relative;display:block;}
.most-popular .slide-wrap .each-slide .img-box {display:block;overflow:hidden;margin-bottom:35px;}
.most-popular .slide-wrap .each-slide .img-box img {display:block;width:100%;height:auto;transform:scale(1);transition:all 0.3s ease-in-out;}
.most-popular .slide-wrap .each-slide a:hover .img-box img {transform:scale(1.1);}
.most-popular .slide-wrap .each-slide .title {display:block;line-height:36px;font-weight:400;font-size:20px;color:#2a2a2a;margin-bottom:30px;}
.most-popular .slide-wrap .each-slide .sub {display:block;line-height:30px;font-weight:300;font-size:18px;color:#2a2a2a;}
.most-popular .slide-wrap .each-slide .sub i {width:132px;height:24px;background:url('/img/page/index/sec1-more.png') center no-repeat;display:block;margin:0 auto}
.most-popular .slide-wrap .each-slide a:hover .sub i {background-image:url('/img/page/index/sec1-more-on.png')}

.most-popular .slide-ctrl button {position:absolute;bottom:300px;width:58px;height:58px;text-align:left;font-size:1px;text-indent:-999px;overflow:hidden;}
.most-popular .slide-ctrl .prev-btn {left:20px;background:url('../img/main/slide_prev.png') no-repeat 50% 50%;}
.most-popular .slide-ctrl .next-btn {right:20px;background:url('../img/main/slide_next.png') no-repeat 50% 50%;}

/* Why LaPrin */
.why-laprin {position:relative;height:618px;background:url('../img/main/why_bg.png') no-repeat 47% 0;margin-bottom:182px;}
#main .why-laprin .cont-title {position:absolute;left:50%;margin-left:-600px;top:40px;z-index:20;text-align:left;}
.why-laprin .slide-wrap {position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;}
.why-laprin .slide-wrap .slick-track,
.why-laprin .slide-wrap .slick-list {height:100%;}
.why-laprin .slide-wrap .each-slide {position:relative;padding:0 12px;width:1508px;height:100%;outline:0;}
.why-laprin .slide-wrap .each-slide .img-box {position:absolute;top:0;right:12px;z-index:5;}
.why-laprin .slide-wrap .each-slide .text-box {position:absolute;left:50%;margin-left:-600px;top:280px;z-index:20;width:573px;text-align:center;}
.why-laprin .slide-wrap .each-slide .text-box .title {display:block;line-height:36px;font-weight:700;font-size:30px;color:#2a2a2a;margin-bottom:20px;}
.why-laprin .slide-wrap .each-slide .text-box .sub {display:block;line-height:30px;font-weight:300;font-size:20px;color:#2a2a2a;}
.why-laprin .slide-wrap .slick-dots {position:absolute;left:50%;margin-left:-600px;bottom:104px;z-index:20;width:573px;text-align:center;}
.why-laprin .slide-wrap .slick-dots li {display:inline-block;vertical-align:top;padding:0 4px;}
.why-laprin .slide-wrap .slick-dots li button {display:block;width:13px;height:13px;text-align:left;font-size:1px;text-indent:-99px;overflow:hidden;background:#cfcfcf;border-radius:50%;transition:all 0.3s ease-in-out;}
.why-laprin .slide-wrap .slick-dots li.slick-active button {background:#000;}
.why-laprin .slide-ctrl {position:absolute;left:50%;margin-left:-600px;bottom:278px;z-index:20;width:573px;}
.why-laprin .slide-ctrl button {position:absolute;top:0;width:53px;height:38px;text-align:left;font-size:1px;text-indent:-999px;overflow:hidden;}
.why-laprin .slide-ctrl .prev-btn {left:0;background:url('../img/main/slide_prev.png') no-repeat 50% 50%;}
.why-laprin .slide-ctrl .next-btn {right:0;background:url('../img/main/slide_next.png') no-repeat 50% 50%;}

.real-stroy {position:relative;margin-bottom:160px;}
#main .real-stroy .cont-title {margin-bottom:30px;}
.real-stroy .tab-wrap {}
.real-stroy .tab-wrap .tab-title {margin-bottom:54px;}
.real-stroy .tab-wrap .tab-title ul {position:relative;left:-50%;float:right;}
.real-stroy .tab-wrap .tab-title ul li {position:relative;left:50%;float:left;padding:0 20px;}
.real-stroy .tab-wrap .tab-title ul li a {display:block;height:58px;font-size:1px;text-indent:-999px;overflow:hidden;background-color:transparent;background-repeat:no-repeat;background-position:50% 0;border:0;}
.real-stroy .tab-wrap .tab-title ul li a.youtube {width:62px;background-image:url('../img/main/review_y_tit.png');}
.real-stroy .tab-wrap .tab-title ul li a.photo {width:60px;background-image:url('../img/main/review_p_tit.png');}
.real-stroy .tab-wrap .tab-title ul li a.text {width:64px;background-image:url('../img/main/review_t_tit.png');}
.real-stroy .tab-wrap .tab-title ul li.active a,
.real-stroy .tab-wrap .tab-title ul li a:hover {background-position:50% -58px;}
.real-stroy .tab-wrap .tab-cont {display:none;}
.real-stroy .tab-wrap .tab-cont.show {display:block;}
.real-stroy .tab-wrap .tab-cont ul {float:left;width:50%;}
.real-stroy .tab-wrap .tab-cont ul li {float:left;width:300px;}
.real-stroy .tab-wrap .tab-cont ul li:first-child {width:600px;}
.real-stroy .tab-wrap .tab-cont ul ~ ul li:first-child {width:300px;}
.real-stroy .tab-wrap .tab-cont ul ~ ul li:last-child {width:600px;}
.real-stroy .tab-wrap .tab-cont ul li a {position:relative;display:block;overflow:hidden;}
.real-stroy .tab-wrap .tab-cont ul li a img {display:block;width:100%;height:auto;transform:scale(1);transition:all 0.4s ease-in-out;}
.real-stroy .tab-wrap .tab-cont ul li a:hover img {transform:scale(1.1);}
.real-stroy .tab-wrap .tab-cont ul li a .text-box {position:absolute;left:0;bottom:0;padding:30px 30px;width:100%;line-height:30px;font-size:20px;color:#fff;letter-spacing:0.5px;}
.real-stroy .tab-wrap .tab-cont ul li a .text-box strong {display:block;letter-spacing:0.5px;}

#photo_review ul {width:100%;}
#photo_review ul li {float:left;width:399px; margin-right:1px;}
#photo_review ul li a .text-box strong {display:block;letter-spacing:0.5px; font-size: 45px; padding:15px 10px;}

#photo_review ul li p {
    padding: 27px 34px;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #222;
    letter-spacing: 0.5px;}
#photo_review ul li p span {display:block;letter-spacing:0.5px;font-weight: 700;}

.media-link {position:relative;height:602px;text-align:center;background:url('../img/main/media_visual.jpg') no-repeat 50% 100%;background-size:cover;background-attachment:fixed;margin-bottom:145px;}
.media-link .link-box {display:inline-block;padding:50px;line-height:52px;}
.media-link .link-box .play {display:block;font-weight:700;font-size:42px;color:#fff;}
.media-link .link-box .center {display:block;font-size:30px;color:#fff;}
.media-link .link-box .icon {display:block;width:94px;height:64px;background:url('../img/main/media_icon.png') no-repeat 50% 50%;margin:10px auto 0;}

.last-word {padding:0 0 63px;text-align:center;line-height:60px; font-size:38px; font-weight: 700; color:#2a2a2a;background:url('../img/main/last_word.png') no-repeat 50% 100%;}

.layer-popup table {line-height:1em}
.layer-popup td {vertical-align:middle}
.layer-popup td:after {display:block;content:'';clear:both}
.layer-popup button {background:#fff;border-radius:3px;padding:3px 5px; vertical-align:middle}




#sec12 {margin-top:170px;text-align:center;}
#sec12 .anchor {display:inline-block;margin:30px 0}
#sec12 .anchor li {display:inline-block;margin-right:30px;position:relative}
#sec12 .anchor li:last-child {margin-right:0}
#sec12 .anchor li:last-child i {display:none}
#sec12 .anchor li i {position:absolute;right:-15px;top:5px;height:15px;width:1px;background:#989898}
#sec12 .anchor a {color:#989898;}
#sec12 .anchor a.on {color:#222}

#sec12 .sec2-img {display:none}
#sec12 .sec2-img.on {display:block}


#sec12 ul li {float:left; padding-bottom:8px; padding-right:8px}
#sec12 ul li a {display:block;position:relative;}
#sec12 ul:after {display:block;content:'';clear:both}
#sec12 ul {}
#sec12 li {float:left; padding-bottom:8px; padding-right:8px;}
#sec12 li a {display:block;overflow:hidden; height:80px !important;}
#sec12 li a img {transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	width:150px !important;
	height:80px !important; 
}
.utube2-wrap iframe {height:465px !important; width:825px !important;}
.utube2-wrap ul li a strong {font-size:16px;}
.utube2-wrap ul li a p {font-size:16px;}

#sec12 li a:hover img, #sec2 li a:focus img {
	/*
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	*/
}
#sec2-all a {display:block;position:relative}
#sec2-all a i {position:absolute;left:0;right:0;height:20px;background:#fff;display:none}
#sec2-all a .i1 {top:0}
#sec2-all a .i2 {bottom:0}

.utube2-wrap iframe {height:465px !important;width:825px !important;}
.utube2-wrap ul li a {height:78px !important;}
.utube2-wrap ul li a img {height:78px !important; width:150px !important;}