@charset "utf-8";



.main-scroll-icon{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;background:url(../images/scroll_down_icon.png) no-repeat center center;height:42px;width:100%;}
.main-scroll-icon.active {background:url(../images/scroll_down_icon1.png) no-repeat center center;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,5px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}


.section1 .main-con{position: relative; z-index:1;  height: 100%;}
.section1 .main-con:before{position: absolute; top: 20%; left: 20%; content: ''; width: 134px; height: 133px; background: url("../images/main_sec02_effect_img.png") center/cover no-repeat;}
.section1 .main-con:before {
	-webkit-animation: spin 8s infinite linear;
	-o-animation: spin 8s infinite linear;
	-moz-animation: spin 8s infinite linear;
	animation: spin 8s infinite linear;
}
.section1 .main-con .main-promotions-tit {text-align:center;font-size:110px;color:#e40f0f;}
.section1 .main-con h4 {text-align:center;font-size:25px;color:#000000;margin:60px 0 20px 0;}
.section1 .main-con h4 strong {color:#e40f0f;}
.section1 .main-con p {text-align:center;font-size:22px;color:#000000;}
.section1 .left_move {position:absolute;left:-50px;bottom:15%;}

.section1 .left_move .shoadow {transform: rotate(45deg);position:absolute;left:20px;bottom:9%;z-index:1;}
.section1 .left_move .shoadow span {background:#fff;border:1px solid #e40f0f;border-radius:80px;width:380px;height:340px;animation: mc1_word2 both linear infinite 15s 1.5s;display:block;}
.section1 .left_move .img {position:relative;z-index:2;}
.section1 .right_move {position:absolute;right:0;top:20%;}
.section1 .left_move .img img {    animation: mc1_word1 both linear infinite 15s 1.5s;position: relative;}
.section1 .right_move .shoadow {position:absolute;left:20px;bottom:9%;z-index:1;transform: rotate(45deg);}
.section1 .right_move .shoadow span {background:#fff;border:1px solid #e40f0f;border-radius:80px;width:310px;height:310px;animation: mc1_word1 both linear infinite 15s 1.5s;display:block;}
.section1 .right_move .img {position:relative;z-index:2;}
.section1 .right_move .img img {    animation: mc1_word3 both linear infinite 15s 1.5s;position: relative;}

.section2 {overflow:hidden;}
.section2 .area {z-index:2;}
.section2 .sec_bg {background:url(../images/main3_bg.png) no-repeat center center;background-size:cover;-webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-moz-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-ms-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-o-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	transition: transform 2s ease-in-out, opacity 2s ease-in-out;	
    transform: scale(1.2) rotate(0.003deg);height:100%;position:absolute;top:0;left:0;z-index:1;width:100%;}
.section2.active  .sec_bg {-ms-transform: scale(1) rotate(0.003deg);
	-o-transform: scale(1) rotate(0.003deg);
	-moz-transform: scale(1) rotate(0.003deg);
	-webkit-transform: scale(1) rotate(0.003deg);
	transform: scale(1) rotate(0.003deg);}
.section2 .main-con h3 {font-size:60px;color:#fff;margin:0px 0 40px 0;}
.section2 .main-con p {font-size:19px;color:#fff;margin:0px 0 20px 0;line-height:1.5em;}



.section2 .btn_area a {
    padding:20px 40px;
    margin: 0 0px;
    display: inline-block;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
	font-size:20px;
	font-weight:700;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
	border: 1px solid #909090;
}


.section2 .btn_area a::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
	
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.section2 .btn_area a::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.section2 .btn_area a:hover::before, .section2 .btn_area a:hover::before{
  opacity:1;background: #fff;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
.section2 .btn_area a:hover::after, .section2 .btn_area a:hover::after{
  opacity:1;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
}

.section3 .main-con {position:relative;height:100%;}
.section3 .pic01 {position:absolute;left:3%;bottom:10%;}
.section3 .pic02 {position:absolute;left:35%;bottom:32%;}
.section3 .area {height:100%;}
.section3 .sec02_txt_area {position:relative;float:right;width:40%;height:100%;}
.section3 .main-con h3 {font-size:60px;color:#2eaa37;margin:0px 0 40px 0;}
.section3 .main-con p {font-size:19px;margin:0px 0 20px 0;line-height:1.5em;}
.section3 .btn_area {margin-top:40px;}
.section3 .btn_area a {display:inline-block;width:164px;height:164px;border-radius:50%;background: #e0e0e0; 
background: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#e0e0e0 100%); 
background: linear-gradient(to bottom, #fff 0%,#e0e0e0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e0e0e0',GradientType=0 );box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);text-align:center;margin-right:15px; font-size:20px;color:#454545;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;}
.section3 .btn_area a span {display:block;padding-top:110px;}
.section3 .btn_area a.btn_shoppingmall span {background:url(../images/main_sec03_icon1.png) no-repeat 50% 50px;}
.section3 .btn_area a.btn_detailpage span {background:url(../images/main_sec03_icon2.png) no-repeat 50% 50px;}
.section3 .btn_area a:hover {background: #fff; 
background: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
background: -webkit-linear-gradient(top, #e0e0e0 0%,#fff 100%); 
background: linear-gradient(to bottom, #e0e0e0 0%,#fff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fff',GradientType=0 );-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;}



.section4 {overflow:hidden;}
.section4 .area {z-index:2;}
.section4 .sec_bg {background:url(../images/main5_bg.png) no-repeat center center;background-size:cover;-webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-moz-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-ms-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-o-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	transition: transform 2s ease-in-out, opacity 2s ease-in-out;	
    transform: scale(1.2) rotate(0.003deg);height:100%;position:absolute;top:0;left:0;z-index:1;width:100%;}
.section4.active  .sec_bg {-ms-transform: scale(1) rotate(0.003deg);
	-o-transform: scale(1) rotate(0.003deg);
	-moz-transform: scale(1) rotate(0.003deg);
	-webkit-transform: scale(1) rotate(0.003deg);
	transform: scale(1) rotate(0.003deg);}
.section4 .main-con h3 {font-size:60px;color:#1c1c1c;margin:0px 0 40px 0;}
.section4 .main-con p {font-size:19px;color:#1c1c1c;margin:0px 0 20px 0;line-height:1.5em;}



.section4 .btn_area a {
    padding:20px 40px;
    margin: 0 0px;
    display: inline-block;
    text-transform: uppercase!important;
    color: #1c1c1c;
    text-align: center;
    text-transform: capitalize;
	font-size:20px;
	font-weight:700;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
	border: 1px solid #909090;
}


.section4 .btn_area a::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.section4 .btn_area a::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.section4 .btn_area a:hover::before, .section4 .btn_area a:hover::before{
  opacity:1;background: #1c1c1c;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
.section4 .btn_area a:hover::after, .section4 .btn_area a:hover::after{
  opacity:1;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
}


.section5 .main-con {text-align:center;}
.section5 .main-con h3 {font-size:60px;color:#1c1c1c;margin:0px 0 40px 0;}
.section5 .main-con p {font-size:19px;margin:0px 0 20px 0;line-height:1.5em;}
.section5 .section05_leftimg {position:absolute;left:5vw;top:35%;}
.section5 .section05_rightimg {position:absolute;right:5vw;top:35%;}
.section5 .btn_area {margin-top:40px;}
.section5 .btn_area a {display:inline-block;width:164px;height:164px;border-radius:50%;background: #e0e0e0; 
background: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#e0e0e0 100%); 
background: linear-gradient(to bottom, #fff 0%,#e0e0e0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e0e0e0',GradientType=0 );box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);text-align:center;margin-right:15px; font-size:20px;color:#454545;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;}
.section5 .btn_area a span {display:block;padding-top:110px;}
.section5 .btn_area a.btn_package span {background:url(../images/main_sec05_icon1.png) no-repeat 50% 50px;}
.section5 .btn_area a.btn_catalog span {background:url(../images/main_sec05_icon2.png) no-repeat 50% 50px;}
.section5 .btn_area a:hover {background: #fff; 
background: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
background: -webkit-linear-gradient(top, #e0e0e0 0%,#fff 100%); 
background: linear-gradient(to bottom, #e0e0e0 0%,#fff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fff',GradientType=0 );-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;}


.section6 {overflow:hidden;text-align:center;background:#f6f6f6;}
.section6 .area {z-index:2;}
.section6 .main-con h3 {font-size:60px;color:#1c1c1c;margin:0px 0 60px 0;}
.section6 .main-con p {font-size:19px;color:#1c1c1c;margin:0px 0 60px 0;line-height:1.5em;}
.section6 .section06_leftimg {position:absolute;left:-30%;top:15%;}
.section6 .section06_rightimg {position:absolute;right:-10%;top:10%;}
.section6 .section06_bottomimg {position:absolute;right:0%;bottom:-45%;}

.section6 .btn_area a {
    padding:20px 60px;
    margin: 0 0px;
    display: inline-block;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
	font-size:30px;
	font-weight:700;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	border: 1px solid #e41010;
	background:#e41010;
}





@keyframes mc1_word3 {
0% {transform:translate(0%,0%);}
25%{transform:translate(-12%,-2%);}
50%{transform:translate(-2%,7%);}
75%{transform:translate(14%,13%);}
100% {transform:translate(0%,0%);}
}

@keyframes mc1_word2 {
0% {transform:translate(0%,0%);}
20%{transform:translate(5%,-5%);}
50%{transform:translate(3%,5%);}
70%{transform:translate(-10%,4%);}
100% {transform:translate(0%,0%);}
}

@keyframes mc1_word1 {
0% {transform:translate(0%,0%);}
25%{transform:translate(-5%,-7%);}
50%{transform:translate(-2%,7%);}
75%{transform:translate(5%,10%);}
100% {transform:translate(0%,0%);}
}

@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-360deg);}
}

@-moz-keyframes spin {
   0%  {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(-360deg);}
}
@keyframes spin {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}
	.main-txt-up{
		display: block;
		padding-bottom: 0.1em;
		overflow-y: hidden;
	}
	.main-txt-up span {
		position: relative;
		display: inline-block;
	}
	.active .main-txt-up span{
		animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both 0.2s;
	}

	.active .main-txt-up1 span{
		animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both 12.2s;
	}
	.active .main-txt-up span:nth-child(2),
	.active .main-txt-up:nth-child(2) span {animation-delay:0.3s}
	.active .main-txt-up span:nth-child(3),
	.active .main-txt-up:nth-child(3) span {animation-delay:0.5s}

	

@keyframes text-up {
  from {
    transform: translate3d(0, 150%, 0);opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);opacity: 1;
  }
}

#section0 .main-visual-list-con, #section0 .main-visual-con, #section0 .slick-list, #section0 .slick-track, .main-visual-item {
	height: 100%;
}
#section0 .main-visual-con  {position:absolute;left:0;top:0;width:100%;z-index:0;}
#section0 .table-layout {position:relative;z-index:900;text-align:center;}
#section0 .table-layout .h3_active {position:relative;}
#section0 .table-layout .h3_active div {position:absolute;left:-1px;top:0;width:100%;z-index:1;overflow:hidden;}
#section0 .table-layout .h3_active p {font-size:120px;color:#e40f0f;font-weight: 900;;overflow:hidden;}
#section0 .table-layout .h3_active p font {position: relative;display: inline-block;overflow:hidden;font-weight: 900;;}
.active .h3_active p font {animation: text-up-visual 1s cubic-bezier(0.4, 0, 0.2, 1) both 0.2s;animation-delay:1s;overflow:hidden;position:absolute;}
.active .h3_active p font:nth-child(2) {animation-delay:1.3s}
.active .h3_active p font:nth-child(3) {animation-delay:1.6s;left:-1px;}
.active .h3_active p font:nth-child(4) {animation-delay:1.9s;left:-4px;}
.active .h3_active p font:nth-child(5) {animation-delay:2.2s;left:-4px;}
.active .h3_active p font:nth-child(6) {animation-delay:2.5s;left:-4px;}
.active .h3_active p font:nth-child(7) {animation-delay:2.8s}
.active .h3_active p font:nth-child(8) {animation-delay:3.1s}
.active .h3_active p font:nth-child(9) {animation-delay:3.4s}
.active .h3_active p font:nth-child(10) {animation-delay:3.7s}
.active .h3_active p font:nth-child(11) {animation-delay:4s}
#section0 .table-layout h3 {font-size:120px;color:#fff;font-weight: 900;position:relative;z-index:10;}
#section0 .table-layout h3.stroke {-webkit-text-stroke: 1px #fff;color:rgba(255,255,255,0);}
#section0 .main-visual-item .main-visual-pc-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: transform 3000ms ease-in-out;
	-moz-transition: transform 3000ms ease-in-out;
	-o-transition: transform 3000ms ease-in-out;
	-ms-transition: transform 3000ms ease-in-out;
	transition: transform 3000ms ease-in-out;
}

#section0 .main-visual-item.active-item .main-visual-pc-img {
	-ms-transform: scale(1.0, 1.0) rotate(0.01deg);
	-o-transform: scale(1.0, 1.0) rotate(0.01deg);
	-moz-transform: scale(1.0, 1.0) rotate(0.01deg);
	-webkit-transform: scale(1.0, 1.0) rotate(0.01deg);
	transform: scale(1.0, 1.0) rotate(0.01deg);
}

@keyframes text-up-visual {
  from {
    transform: translate3d( 150%,0, 0);opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);opacity: 1;
  }
}