.body-brandstory-vivacity .sub_content, .brand-intro .sub_content, .body-brandstory-manoplan .sub_content{
	padding:0;
	width:100%;
}


.img-num + .h-txt{
	font-size: 21px;
    color: #000;
    padding-left: 15px;
	margin-top:15px;
}
.health-div02{
	margin-top:80px;
}
.health-div03{
	margin-top:160px;
}

.sub_content{
	padding-top:50px;
}

.health-contxt{
    max-width: 1300px;
	min-width:1200px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border: 8px solid #ffeee6;
    border-radius: 63px;
    padding: 40px 0;
    margin-top: -65px;
}
.health-contxt p{
	font-size: 23px;
    color: #363636;
    display: table;
    margin: 0 auto;
    position: relative;
	font-family: 'S-CoreDream';
}
.health-contxt p b{
	font-family: 'S-CoreDream';
    color: #ef5426;
}
.health-contxt p:beforE{
	content:'';
	position:absolute;
	width:37px;
	height:15px;
	background:url(../img/heal_before.png) no-repeat center center;
	left:-50px;
	top:10px;
}
.health-contxt p:after{
	content:'';
	position:absolute;
	width:37px;
	height:15px;
	background:url(../img/heal_after.png) no-repeat center center;
	right:-50px;
	top:10px;
}

.viva-sec04{
	padding: 150px 30px 120px;
    max-width: 1460px;
	min-width:1200px;
    margin: 0 auto;
}
.viva-sec04 h3{
    color: #1b1b1b;
    font-size: 52px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}
.viva-sec04 h3 img{
	vertical-align: middle;	
    padding: 0 0 12px 5px;
}

.wake-wrap{
	position:relative;

}
.rel-prod{
	margin-top:130px;
}
.lt-prod{
	position:absolute;
	left:0;
    margin-top: 60px;
}
.rt-prod{
	position:absolute;
	right:0;
    margin-top: 60px;
}

.lt-prod > div img{
	animation: lprod 2.5s ease infinite;
}
@keyframes lprod{
	0%{
		-o-transform:rotate(-2deg);
		-ms-transform:rotate(-2deg);
		-moz-transform:rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		transform:rotate(-2deg);
	}
	50%{		
		-o-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-webkit-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	100%{
		-o-transform:rotate(-2deg);
		-ms-transform:rotate(-2deg);
		-moz-transform:rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		transform:rotate(-2deg);
	}
	
}
.rt-prod > div img{
	animation: rprod 2.5s ease infinite;
}
@keyframes rprod{
	0%{
		-o-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-webkit-transform:rotate(2deg);
		transform:rotate(2deg);
	}

	50%{
		-o-transform:rotate(-2deg);
		-ms-transform:rotate(-2deg);
		-moz-transform:rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		transform:rotate(-2deg);
	}
	100%{
		
		-o-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-webkit-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	
}


.wake-wrap > div.rel-prod > div > div{
	width: 295px;
    height: 295px;
    background: #f7f7f7;
    text-align: center;
    padding: 45px 0;
    border-radius: 100%;
	position:relative;
}
.wake-wrap > div.rel-prod > div > div:before{
    content: '';
    position: absolute;
    width: 61px;
    height: 13px;
    background: url(../img/wake-bg.png) no-repeat center center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.lt-prod > div:before{
    right: -31%;
}
.rt-prod > div:before{
    left: -31%;
}
.wake-autowr{
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}
.wakeup_tab{
    margin-top: 150px;
	position: relative;
    z-index: 1;
}
.wakeup_tab ul{
    font-size: 0;
    width: 640px;
    height: 138px;
    border-radius: 65px;
    box-shadow: -4.6px 6.6px 14.2px 1.8px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    margin-top: 50px;
    padding: 20px 0;
}
.wakeup_tab ul li{
	display:inline-block;
	position:relative;
}
.wakeup_tab ul li:before{
	content: '';
    position: absolute;
    width: 250px;
    height: 1px;
    background: rgba(0,0,0,0.2);
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
}
.wakeup_tab ul li:after{
	content: '';
    position: absolute;
    width: 36px;;
    height: 36px;
    background: url(../img/wake-arrow.png) no-repeat center center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
	right:-100%;
}
.wakeup_tab ul li:last-child:before, .wakeup_tab ul li:last-child:after{
	display:none;
}
.wakeup_tab ul li div{
    width: 95px;
    height: 95px;
    background: #fafafa;
    border-radius: 100%;
    padding: 22px 0;
    border: 5px solid #fafafa;
	z-index: 1;
	position: relative;
}
.wakeup_tab ul li:nth-child(2){
	margin: 0 23%;
}
.wakeup_tab ul li.wake_01 div{
	background:#fafafa url(../img/wakeup_i01.png) no-repeat center center;
}
.wakeup_tab ul li.wake_02 div{
	background:#fafafa url(../img/wakeup_i02.png) no-repeat center center;
}
.wakeup_tab ul li.wake_03 div{
	background:#fafafa url(../img/wakeup_i03.png) no-repeat center center;
}
.wakeup_tab ul li.on div{
	background: #ef5426;
	border: 5px solid #fff;
	box-shadow: -4.6px 6.6px 14.2px 1.8px rgba(0, 0, 0, 0.05);
}
.wakeup_tab ul li.wake_01.on div{
	background:#ef5426 url(../img/wakeup_i01_hover.png) no-repeat center center;
}
.wakeup_tab ul li.wake_02.on div{
	background:#ef5426 url(../img/wakeup_i02_hover.png) no-repeat center center;
}
.wakeup_tab ul li.wake_03.on div{
	background:#ef5426 url(../img/wakeup_i03_hover.png) no-repeat center center;
}



.wakeup-content > div{
	position:relative;
}
.wakeup-content > div:before{
	content:'';
	position: absolute;
    top: 50%;
    left: 0;
    right: 0; 
    margin: 0 auto;   
    width: 400px;
	height: 400px;
	margin-top: -200px;
	background-color: #ffd7c6;
	border-radius: 50%;
	transform: scale(0);
    transition-delay: .1s;  
	box-shadow: -9.8px 13.9px 32.3px 16.7px rgba(163, 58, 27, 0.18);
	z-index: 1;
    animation: circle-1 1s alternate cubic-bezier(.165,.84,.44,1) infinite;
}
.wakeup-content > div:after{
	content:'';
	position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
	width: 400px;
	height: 400px;
    margin-top: -200px;
	background-color: #ffd7c6;    
    border-radius: 50%;
	transform: scale(0);    
    transition-delay: .2s;
	box-shadow: -9.8px 13.9px 32.3px 16.7px rgba(171, 171, 171, 0.1);
	animation: circle-2 1s .2s alternate cubic-bezier(.165,.84,.44,1) infinite;
}
@keyframes circle-1{0%{transform:scale(1.02)}100%{transform:scale(1.2);opacity:1}}
@keyframes circle-2{0%{transform:scale(1.04)}100%{transform:scale(1.4);opacity:1}}
.wakeup-box01{
	background:url(../img/wake_bg01.png) no-repeat center center;
}
.wakeup-box02{
	background:url(../img/wake_bg02.png) no-repeat center center;
}
.wakeup-box03{
	background:url(../img/wake_bg03.png) no-repeat center center;
}
.wakeup-box > div{
	color: #fff;
    font-size: 22.5px;
    padding: 131px 0;
	font-family: 'S-CoreDream';
	width: 370px;
    height: 370px;

}
.wakeup-box.wakeup-box02 > div{
    padding: 115px 0;
}
.wakeup-box > div b{
	color:#f65d30;
	font-family: 'S-CoreDream';

}
.wakeup-box{
	display:none;
    width: 390px;
    height: 390px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    border: 10px solid #ffd7c6;
	position:relative;
	z-index:1;
    box-shadow: -9.8px 13.9px 32.3px 16.7px rgba(163, 58, 27, 0.15);
}
.wakeup-box.active{
	display:block;
}





.viva-sec05, .mano-sec05{
	max-width:1460px;
	margin:0 auto;
	padding:0 30px;
}
.viva-sec05 .inner, .mano-sec05 .inner{
	font-sizE:0;
}
.viva-sec05 .inner > div, .mano-sec05 .inner > div{
	display:inline-block;
	width:49%;
	margin-right:2%;
	padding:50px 0;
}
.viva-sec05 .inner > div:last-child, .mano-sec05 .inner > div:last-child{
	margin-right:0;
}
.viva-sec05 .more-box h3, .mano-sec05 .more-box h3{
    font-size: 23px;
    font-weight: 800;
    margin: 0;
    text-align: center;
	
}
.more-box h3 span{
	display: block;
    font-size: 27.5px;
    color: #ef5426;
    font-weight: 500;
    margin-top: 5px;
	
}

.more-box01{
	border-radius: 67.5px;
	background-color: #fcf1ef;
	
}
.more-box02{
	border-radius: 67.5px;
	background-color: #d9e8db;
}
.more-box .ani-btn02{
    margin: 20px auto 0;
}



/* goodFood story */
.goodFood-slide-div, .story-slide-div{
	height:838px;
	display:table !important;
	width:100%;
	table-layout:fixed;
	background-size:cover !important;
}
.goodFood-slide-div > .inner{   
    text-align: left;
    
    display: table-cell;
	vertical-align: top;
	 padding-top: 300px !important;
	
	/*vertical-align: middle;*/
   
}
.inner-cen{
	max-width: 1260px;
    margin: 0 auto;
	padding:0 30px;
}
.goodFood-sec01{
	position:relative;
	z-index:2;
}
.goodFood-sec01 .jal-text{
	left: 50%;
    bottom: 220px;
	margin-left:-70px;
}

.goodFood-slide-div01{
	background:url('../img/goodFood-slider_img01.png') no-repeat center center;
	background-size:cover;
}
.goodFood-slide-div02{
	background:url('../img/goodFood-slider_img03.png') no-repeat center center;
	background-size:cover;
}
.goodFood-slide-div03{
	background:url('../img/goodFood-slider_img03.png') no-repeat center center;
	background-size:cover;
}
.goodFood-slide-div04{
	background:url('../img/goodFood-slider_img04.png') no-repeat center center;
	background-size:cover;
}
.goodFood-slide-div05{
	position:relative;
	background:url('../img/goodFood-slider_img05.png') no-repeat center center;
	background-size:cover;
	text-align:center;
}
.goodFood-slide-div05 .inner{
    text-align: center;
    padding: 0;
}
.goodFood-slide-div strong,
.story-slide-div strong{
	padding:0 5px;
	display:inline-block;
	font-size:17px;
	font-weight:500;
	color:#fff;
/* 	padding-left:20px;
	background:url('../img/str-icon.png') no-repeat left center; */
	color:#fff;
	background-color:#687b6a;
}
.w-title{
	margin:5px 0 0;
	font-size:52px;
	font-weight:300;
	color:#fff;
	position:relative;
	z-index:5;
}
.w-title02{
	font-size:35px;
	font-weight:300;
	color:#fff;
	margin: 0 0 20px;
}
.goodFood-slide-div05 p{
	font-size:20px;
	color:#fff;
	margin-top:30px;
	letter-spacing:4px;
}


.goodFood-sec02{
	display: table;
    width: 100%;
    table-layout: fixed;
	overflow:hidden;
}
.goodFood-sec02 > .inner{
	max-width:1260px;
	margin:0 auto;
	padding:0 30px;
}
.reason-div {
	font-size:0;
	margin:150px auto;
}
.reason-div > div{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.reason-div01 .img{
	width:50%;
	margin-right:5%;
}
.reason-div01 .txt{
	width:45%;
}
.reason-div01,
.reason-div02,
.reason-div03{
	position:relative;
}
.reason-div01:before,
.reason-div01::before{
    content: '';
    position: absolute;
    top: 300px;
	right:-605px;

    width: 540px;
    height: 540px;
    background-color: #687b6a;
	box-sizing:border-box;
    border-radius: 50%;

    transform: translate(-720px,0);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=50); 

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */ 
	-khtml-opacity: 0.5;

	/* Standard */ 
	opacity: 0.5;
}
.img-aniload02.reason-div01:before,
.img-aniload02.reason-div01::before{
	transform: translate(-360px,0);
	-webkit-transition: all 1s ease 0.1s;
    -moz-transition: all 1s ease 0.1s;
    -ms-transition: all 1s ease 0.1s;
    -o-transition: all 1s ease 0.1s;
    transition: all 1s ease 0.1s;
}
.reason-div01:after,
.reason-div01::after{
	content: '';
    position: absolute;
    left: -450px;
    top: -100px;

    width: 615px;
    height: 615px;

    /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=20); 

	/* Netscape */
	-moz-opacity: 0.2;

	/* Safari 1.x */ 
	-khtml-opacity: 0.2;

	/* Standard */ 
	opacity: 0.2;

	border: 20px solid #687b6a;
	box-sizing:border-box;
    border-radius: 50%;

	transform: translate(0,-300px);
    z-index: -1;
}
.img-aniload02.reason-div01:after{
	transform: translate(0,-120px);
	-webkit-transition: all 1s ease 0.1s;
    -moz-transition: all 1s ease 0.1s;
    -ms-transition: all 1s ease 0.1s;
    -o-transition: all 1s ease 0.1s;
    transition: all 1s ease 0.1s;
}
.reason-div02 .img{
	width:45%;
}
.reason-div02 .txt{
	margin-right:5%;
	width:50%;
	text-align:right;
}
.reason-div02:before,
.reason-div02::before{
    content: '';
    position: absolute;
    left: -100px;
    top: 260px;

    width: 800px;
    height: 800px;
    border: 20px solid #687b6a;
	border-radius:50%;
	box-sizing:border-box;	

    /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=50); 

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */ 
	-khtml-opacity: 0.5;

	/* Standard */ 
	opacity: 0.5;
}
.reason-div02 .sm-tit{
	display:inline-block !IMPORTANT;
    margin-right: 5px;
	text-align:right;
}
.img-aniload02.reason-div02:before{
	transform: translate(0,150px);
	-webkit-transition: all 1s ease 0.1s;
    -moz-transition: all 1s ease 0.1s;
    -ms-transition: all 1s ease 0.1s;
    -o-transition: all 1s ease 0.1s;
    transition: all 1s ease 0.1s;
}
.img-aniload02.reason-div03:before{
	transform: translate(0,150px);
	-webkit-transition: all 1s ease 0.1s;
    -moz-transition: all 1s ease 0.1s;
    -ms-transition: all 1s ease 0.1s;
    -o-transition: all 1s ease 0.1s;
    transition: all 1s ease 0.1s;
}
.reason-div .sm-tit{
    position: relative;
	display: table;
	font-size: 14px;
    color: #000;
    font-weight: bold;
}

.reason-div .sm-tit b{
	padding-left:278px;
	font-size:60px;
}
.reason-div .sm-tit-b{
    position: relative;
    /* display: table; */
	display:inline-block;
	font-size: 14px;
    color: #000;
    font-weight: bold;
}

.reason-div .sm-tit-b b{
	padding-right:278px;
	font-size:60px;
}
.reason-div .sm-tit:after,
.reason-div .sm-tit::after{
    content: '';
    position: absolute;
    top: 50%;
    left:0;

	width: 245px;
    height: 1px;
    background-color: #6d6e70;
}
.reason-div .sm-tit-b:after,
.reason-div .sm-tit-b::after{
    content: '';
    position: absolute;
    top: 50%;
    left:100px;

	width: 70%;
    height: 1px;
    background-color: #6d6e70;
}
.reason-div .cont-txt{
    font-size: 52px;
    color: #000;
    line-height: 1.4;
    margin-top: 10px;
}
.reason-div .cont-txt strong{
	color:#687b6a;
	font-weight:900;
}
.reason-div .cont-smtxt{
	font-size: 20px;
    color: #444;
    margin-top: 25px;
}

.goodFood-sec03{
	position:relative;
}
.story-slide-div > .inner{
    display: table-cell;
	vertical-align: top;
	padding-top: 350px;
}
.story-slide-div .inner-cen{
	max-width:1400px;
}
.story-slide-div{
	text-align:right;
}
.story-slide-div01{
	background:url(../img/story-slider_img01.png) no-repeat center center;
}
.story-slide-div02{
	background:url(../img/story-slider_img01.png) no-repeat center center;
}
.story-slide-div03{
	background:url(../img/story-slider_img02.png) no-repeat center center;
}
.story-slide-div04{
	background:url(../img/story-slider_img03.png) no-repeat center center;
}



.goodFood-info_wrap{
	font-size:0;
	display:table;
	width:100%;
	table-layout:fixed;
	overflow:hidden;
}
.goodFood-info_wrap > div{
    max-height: 870px;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 100px;
	width: 33.3%;
	padding-left:30px;
}
.info-div01{
	background:url(../img/goodFood_info01.png) no-repeat top center;
}
.info-div02{
	background:url(../img/goodFood_info02.png) no-repeat top center;
}
.info-div03{
	background:url(../img/goodFood_info03.png) no-repeat top center;
}
.info-div{
	position:relative;
}
.info-div > div{
	max-width:534px;
	float:right;
	width:100%;
}




.goodFood-info_wrap > div .show .info-tit{
	font-size:52px;
	color:#fff;
	font-weight:bold;
	letter-spacing:0;	
}
.goodFood-info_wrap > div .show .info-tit b{
	color:#f15a2e;
}
.goodFood-info_wrap > div .show .info-tit p{
	font-size:20px;
	color:#fff;
	position:relative;
	margin-top: 10px;
}
.goodFood-info_wrap > div .show .info-tit p:before{
	content:'';
	position:absolute;
	left:0;
	top:-10px;
	width:100%;
	height:3px;
	background:#fff;
}
.goodFood-info_wrap > div .hide{
	font-size:15px;
	color:#fff;
	margin-top:20px;
	display:none;
}
.goodFood-info_wrap > div .show, .goodFood-info_wrap > div .hide{
	position:relative;
	z-index:1;
	padding-right:30px;
}
.info-div:before{
	content:'';
	width:560px;
	height:557px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../img/info-plus.png) no-repeat center center;
	opacity:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.goodFood-info_wrap > div:hover:before{
	opacity:1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.info-div:after{
	content:'';
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:870px;
	z-index:0;
	background:rgba(0,0,0,0.3);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.goodFood-info_wrap > div:hover:after{
	background:rgba(0,0,0,0.01);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.goodFood-info_wrap > div:hover .show .info-tit b{
	color:#fff;
}
.goodFood-info_wrap > div:hover .hide{
	display:block;
}

.goodFood-sec05{
	margin:0px auto;
	padding:80px 0;
	background-color:#eee;
}
.goodFood-sec05 .title{
	text-align:center;
	font-size:50px;
	color:#000;
	line-height:1.4;
}
.goodFood-sec05 .title span{
	font-size:30px;
	color:#000;
}
.goodFood-sec05 .title strong{
	font-size:50px;
	color:#f15a2e;
}
.goodFood-sec05 .cont{
    max-width: 968px;
    margin: 0 auto;
	height:345px;
	background:url(../img/goodFood_info_bg.png) no-repeat center top;
}
.goodFood-sec05 .cont ul{
	font-size:0;
	margin-top:100px;
}
.goodFood-sec05 .cont ul li{
	display:inline-block;
	width:25%;
	text-align:center;
	margin-top: 130px;
}


.goodFood-sec06{
	background:url('../img/goodFood-bg.jpg') no-repeat center center;
	height:820px;
	text-align:center;
	display: table;
    width: 100%;
	position:relative;
}
.goodFood-sec06 .inner{
	position:Relative;
	z-index:10;
	display: table-cell;
    vertical-align: middle;
}
.goodFood-sec06 p{
	color:#fff;
	font-size:20px;
	letter-spacing:2px;
}
.goodFood-sec06 .o-title{
	font-size:46.5px;
	color:#fff;
	margin-top:30px;
	font-weight:900;
}
.goodFood-sec06 .o-title b{
	position:relative;
	font-weight:bolder;
}
.goodFood-sec06 .o-title b:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	width: 7px;
	height: 7px;
	background-color: #fff;
	border-radius:100%;
	top:-10px;
}

.goodFood-sec07 .inner{
	margin:0 auto;
	padding:100px 30px;
	max-width:1500px;
	min-width:1200px;
}
.goodFood-sec07 .inner .title{
	font-size:50px;
	color:#000;
	text-align:center;
}
.goodFood-sec07 .inner .title span{
	font-size:20px;
	color:#1c1c1c;
	font-weight:bold;
	display:block;
	margin:0 auto;
}
.goodFood-imgwr{
	margin:60px auto;
	min-height:800px;
	position:relative;
}
.timg_wrap > div.txt-abs{
	font-size:230px;
	color:#687b6a;
	font-weight:900;
	position:absolute;
	z-index:2;
	line-height:1;
}
.timg_wrap .txt01{
	top: 70px;
    left: 110px;
}
.timg_wrap .txt02{
	bottom: -95px;
    left: 585px;
}
.timg_wrap .txt03{
    right: 25px;
    bottom: 45px;
}

.timg_wrap .img01{
	display:table;
	margin:0 auto;
}
.timg_wrap .img01 > img,
.timg_wrap .img02 > img,
.timg_wrap .img03 > img,
.timg_wrap .img04 > img,
.timg_wrap .img05 > img,
.timg_wrap .img06 > img{
	border-radius:20px;
    border: 1px solid #ccc;
	box-sizing:border-box;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 16%);
}
.timg_wrap .img-abs{
	position:absolute;
}
.timg_wrap .img02{
	top: 50px;
    left: 0px;
    z-index: 0;
}
.timg_wrap .img03{
	top: 620px;
    left: 380px;
    z-index: 1;
}
.timg_wrap .img04{
    top: 485px;
    right: 40px;
    z-index: 1;
}
.timg_wrap .img05{
	top: 50px;
    right: 20px;
    z-index: 0;
}
.timg_wrap .img06{
	top: 400px;
    left: 45px;
    z-index: 0;
}

.brand-wrap .top{
	position: relative;
}
.brand-wrap .top a{
    position: absolute;
    right: 80px;
    bottom: 0;
}


.brand-ani {
    position: Absolute;
    width: 608px;
    height: 608px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -300px;
    z-index: 10;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.brand-ani02 {
    position: Absolute;
    width: 528px;
    height: 528px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -265px;
    z-index: 10;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.brand-ani .in, .brand-ani02 .in {
  fill: transparent;
  stroke: rgba(255,255,255,0);
  stroke-width: 1;
  stroke-dashoffset: 0;
  stroke-dasharray: 0;	
}
.brand-ani .outer, .brand-ani02 .outer {
  fill: transparent;
  stroke: rgba(255,255,255,0.5);
  stroke-width: 1;
  stroke-dashoffset: 2400;
  stroke-dasharray: 2400;
  transition: stroke-dashoffset .5s;
  -webkit-animation-play-state: running;
   /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
}

.slick-active .outer, .img-aniload02 .outer {
    -webkit-animation: show100 1s cubic-bezier(.76,.19,.95,.61) .5s;
    -moz-animation: show100 1s cubic-bezier(.76,.19,.95,.61) .5s;
    -ms-animation: show100 1s cubic-bezier(.76,.19,.95,.61) .5s;
    -o-animation: show100 1s cubic-bezier(.76,.19,.95,.61) .5s;
    animation: show100 1s cubic-bezier(.76,.19,.95,.61) .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes show100 {
  0%{
    stroke-dashoffset: 2400;
  }
  
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes show100 {
  0%{
    stroke-dashoffset: 2400;
  }
  
  100% {
    stroke-dashoffset: 0;
  }
}

.slick-active .brand-ani {
    opacity: 1;
}


.img-aniload02 .brand-ani02 {
    opacity: 1;
}

/***** Attribute Hacks ******/


/* IE6, IE7 */
.brand-svg { *margin-top: -100px /* or #color: blue */ }


/* IE6, IE7, IE8, but also IE9 in some cases :( */
.brand-svg { margin-top: -100px\9; }

/* IE7, IE8 */
.brand-svg { margin-top/*\**/: -100px\9; }

/* IE6, IE7 -- acts as an !important */
.brand-svg { margin-top: -100px !ie; } /* string after ! can be anything */

/* IE8, IE9 */
.brand-svg {margin-top: -100px\0/;} /* must go at the END of all rules */


.cir-svg01_line{
	width:100%;
	height: 340px;
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
	margin:0 auto;
}
/* 
.slick-active .cir-svg01_line:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
	animation: 2s liner 0.8s ease;
    height: 100%;
	opacity:1;
    background: rgba(255,255,255,0.5);
    margin: 0 auto;
    top: 0;
	
	
}
@keyframes liner {
	0% {
		height:0;
		opacity:0;
	}

	100% {
		height: 100%;
		opacity:1;
	}
} */

.img-aniload02 .cir-svg02:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
	animation: h02 0.8s ease;
	height: 181px;
    background: rgba(255,255,255,0.5);
    margin: 0 auto;
    top: 0;
	
}
@keyframes h02 {
	0% {
		height:0;
	}

	100% {
		height: 181px;
	}
}



.brand-wrap .slick-dots li button{
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
    opacity: 1 !important;
    position: relative;
    padding: 0;
    margin: 0 6px;
}
.brand-wrap .slick-dots li.slick-active:before,
.brand-wrap .slick-dots li.slick-active::before{
    content: '';

    position: absolute;
    top: -5px;
    left: 0;
    right: 0;

    margin: 0 auto;
    display: inline-block;
    width: 16px;
    height: 16px;

    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: transparent;
}
.goodFood-slide .slick-dots{
    width: auto;
    bottom: 160px;
    right: 50%;
	margin-right:-600px;
}

.story-slide .slick-dots{
    bottom: 160px;
    width: auto;
    right: 50%;
    margin-right: -675px;
}
.jal-text{
	z-index:10;
	position: absolute;
	display:inline-block;
	min-width: 150px;
	font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
/* .jal-text:before{
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    border: 2px solid #687b6a;
    border-radius: 100%;
} */
.jal-text:after,
.jal-text::after{
	content: '';
    position: absolute;
    left: 59px;
    top: 40px;
	display:block;
    width: 1px;
    height: 250px;
    background-color: #fff;
}
.goodFood-sec01 .jal-text, .goodFood-sec03 .jal-text{
	animation: scrd 2s ease infinite;
}
@keyframes scrd{
	0%{
        margin-bottom: 0;
	}
	50%{		
        margin-bottom: 20px;
	}
	100%{
		margin-bottom: 0;
	}
	
}


.goodFood-sec03 .jal-text{
    left:50%;
	margin-left:-700px;
    bottom: 220px;
}
.goodFood-footer{
	margin-top:80px;
}
.scroll-area{
	overflow-x:hidden;
}
.slick-slide{
    /*transition: opacity 0s ease  !important;*/
	opacity:1 !important;
}



/* 마노플랜 */
.mano-slide-div{
	height:600px;
	display:table !important;
	width:100%;
	table-layout:fixed;
	background-size:cover !important;
	text-align:left;
}
.mano-slide-div > .inner{   
    text-align: left;
    display: table-cell;
	vertical-align: middle;
}
.mano-slide-div .inner-cen strong{
	color: #0257dc;
    font-size: 18px;
    display: table;
    margin-bottom: 15px;
	font-family: 'Cardo', serif;
	position:relative;
}
.mano-slide-div .inner-cen strong:beforE{
    content: '';
    position: absolute;
    right: -46px;
    width: 48px;
    height: 1px;
    background: #0257dc;
    bottom: 9px;
}
.mano-slide-div .inner-cen strong:after{
    content: '';
    position: absolute;
    right: -52px;
    width: 3px;
    height: 3px;
    background: #0257dc;
    bottom: 8px;
    border-radius: 100%;
}

.brand-wrap_mano .slick-dots{
    bottom: 160px;
    width: auto;
    left: 50%;
	margin-left:-606px;
}
.brand-wrap_mano .slick-dots li button {
    opacity: 1 !important;
    position: relative;
    padding: 0;
    margin: 0 8px;
    width: 10px;
    height: 10px;
    border: solid 2px #ffffff;
    transform: rotate(45deg);
    background: transparent;
    border-radius: inherit;
}
.brand-wrap_mano .slick-dots li.slick-active:before{
	display:none;
}
.brand-wrap_mano .slick-dots li.slick-active button{
	border:0;
	background:#0257dc;
	border: solid 2px #0257dc;
}
.brand-wrap_mano .w-title{
	font-size:35px;
}
.brand-wrap_mano .w-title .b2{
	font-size:50px;
	position:relative;
	z-index:2;
}
.brand-wrap_mano .w-title .b2:before{
    content: '';
    position: absolute;
    width: 101%;
    height: 27px;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=30); 

	/* Netscape */
	-moz-opacity: 0.3;

	/* Safari 1.x */ 
	-khtml-opacity: 0.3;

	/* Standard */ 
	opacity: 0.3;

    background-color: #0157dd;
    left: 0;
    bottom: -10px;
    z-index: -1;
}
.brand-wrap_mano .w-title .b3w{
    width: 112%;
    display: block;
}
.mano-sec01{
	position:relative;
}
.mano-sec01 .jal-text02 span{
	position:relative;
	display:block;
}
.mano-sec01 .jal-text02{
    font-size: 14px;
    color: #fff;
    position: absolute;
    z-index: 10;
    right: 19%;
    bottom: 220px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.mano-sec01 .jal-text02:before{
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background:url(../img/mano-scroll01.png) no-repeat center center;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
	animation: scrr 1s 0.5s ease infinite;
}
.mano-sec01 .jal-text02:after{
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background:url(../img/mano-scroll02.png) no-repeat center center;
	bottom:-35px;
	left:0;
	right:0;
	margin:0 auto;
	animation: scrr 1s 0.7s ease infinite;
}
.mano-sec01 .jal-text02 span:after{
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	background:url(../img/mano-scroll03.png) no-repeat center center;
	bottom:-50px;
	left:0;
	right:0;
	margin:0 auto;
	animation: scrr 1s 0.9s ease infinite;
}

@keyframes scrr{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}


.mano-slide-div01{
	background:url(../img/mano-slider_img01.png) no-repeat center center;
}
.mano-slide-div02{
	background:url(../img/mano-slider_img02.png) no-repeat center center;
}
.mano-slide-div03{
	background:url(../img/mano-slider_img03.png) no-repeat center center;
}
.mano-slide-div04{
	background:url(../img/mano-slider_img04.png) no-repeat center center;
}
.mano-slide-div05{
	background:url(../img/mano-slider_img05.png) no-repeat center center;
	text-align:center;
	position:relative;
}
.mano-slide-div05 .inner{
    text-align: center;
    padding: 0;
}



.mano-sec01 .cir-svg01_line{
	bottom: auto;
    top: 0;
}
.mano-sec01 .slick-active .cir-svg01_line:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
	animation: 2s liner1 ease;
    height: 100%;
	opacity:1;
    background: rgba(255,255,255,0.5);
    margin: 0 auto;
    top: 0;
	
	
}
@keyframes liner1 {
	0% {
		height:0;
		opacity:0;
	}

	100% {
		height: 100%;
		opacity:1;
	}
}
.mano-sec01 .circle_w {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.mano-slide-div05 .inner-cen > span{
    font-size: 25px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.mano-slide-div05 .inner-cen > span + div.w-title{
	font-weight: bold;
}

.mano-sec02{
	max-width: 1870px;
	min-width:1200px;
	margin: 20px auto 0;
	border-radius: 10px;
	background-color: #e7f0ff;
	text-align:center;
	padding:120px 0 100px;
	    position: relative;
}
.mano-tit{
	font-size:50px;
	color:#000;
}
.mano-tit span{
	color:#0257dc;
	font-sizE:18px;
	font-family: 'Cardo', serif;
	display:block;
	font-weight:bold;
}
.mano-txtbox{
	max-width:1200px;
	margin:30px auto 100px;
	position:relative;
}
.mano-txtbox .txt-abs{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	z-index:10;
}
.mano-txtbox .txt-abs .txt span{
	font-sizE:100px;
	font-family: 'Cardo', serif;
	color:#fff;
}
.mano-txtbox .txt-abs .txt02{
	font-size:30px;
	color:#fff;
	display: table;
    margin: -15px auto 0;
}

.mano-txtbox .txt-abs .txt span.line{
	position:relative;
	
}
.mano-txtbox .txt-abs .txt span.line:before{
    position: absolute;
    content: '';
    bottom: 5px;
    left: 0;
    height: 2px;
    width: 210px;
    background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.mano-txtbox .txt-abs .txt span.line:after{
	position: absolute;
    content: '';
    bottom: 3px;
    right: -170px;
    height: 6px;
    width: 6px;
    background: #fff;
    border-radius: 100%;
}
.img-aniload02 .txt-abs .txt span.line:before{
	animation: line 2s 1.3s ease;
}
@keyframes line{
	0%{
		width:0px;
	}
	100%{
		width: 210px;
	}
}
.mano-txtbox .img{
	position:relative;
	z-index:2;
}
.mano-txtbox .img img{
	display:table;
}
.mano-txtbox .img:before{
	content:'';
	position:absolute;
	bottom:-100px;
	left:0;
	right:0;
	margin:0 auto;
	width:12px;
	height:127px;
	background:url(../img/mano-line.png) no-repeat center bottom;
}
.top-right_box:before{
    content: '';
    width: 194px;
    height: 194px;

    /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=40); 

	/* Netscape */
	-moz-opacity: 0.4;

	/* Safari 1.x */ 
	-khtml-opacity: 0.4;

	/* Standard */ 
	opacity: 0.4;

    border: solid 5px #0257dc;
	box-sizing:border-box;

    position: absolute;
    right: -60px;
    top: -30px;

    z-index: 1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.top-right_box:after{
    content: '';
    width: 127px;
    height: 127px;

    /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=20); 

	/* Netscape */
	-moz-opacity: 0.2;

	/* Safari 1.x */ 
	-khtml-opacity: 0.2;

	/* Standard */ 
	opacity: 0.2;

    border: solid 5px #0257dc;
    position: absolute;
	right: -140px;
    top: -110px;
    z-index: 1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.img-aniload02 .top-right_box:before{
	transition-delay: 0.2s;  
    right: -100px;
    top: -62px;
}
.img-aniload02 .top-right_box:after{
	transition-delay: 0.2s; 
    right: -182px;
    top: -145px;
}

.bottom-left_box:before{
    content: '';
    width: 194px;
    height: 194px;
    
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=40); 

	/* Netscape */
	-moz-opacity: 0.4;

	/* Safari 1.x */ 
	-khtml-opacity: 0.4;

	/* Standard */ 
	opacity: 0.4;

    border: solid 5px #0257dc;
    position: absolute;
	left: -65px;
    bottom: 0;
    z-index: 1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.bottom-left_box:after{
    content: '';
    width: 127px;
    height: 127px;
    
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 

	/* IE 5-7 */ 
	filter: alpha(opacity=20); 

	/* Netscape */
	-moz-opacity: 0.2;

	/* Safari 1.x */ 
	-khtml-opacity: 0.2;

	/* Standard */ 
	opacity: 0.2;

    border: solid 5px #0257dc;
	box-sizing:border-box;
    position: absolute;
	left: -145px;
    bottom: -80px;
    z-index: 1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.img-aniload02 .bottom-left_box:before{
	transition-delay: 0.5s;  
    left: -100px;
    bottom: -27px;
}
.img-aniload02 .bottom-left_box:after{
	transition-delay: 0.5s;  
    left: -182px;
    bottom: -108px;
}

.body-main .sub_content, .brand-intro .sub_content, .body-brandstory-vivacity .sub_content, .body.body-goods-list .sub_content, .brand-intro-hway .sub_content, .body-brandstory-manoplan .sub_content{
	max-width:1920px;
	min-width:1200px;
}

.body-index #container{
	padding-top:100px !important;
}
.scroll_wrap{
	display:none;
}

.main-wrap{
	opacity:0;
}

.main-slide_wrap{
	width:98%;
	margin:20px auto;
	border-radius:20px;
	position:relative;
	
}
.main-wrap .slick-slide {
	opacity:0 !important;
}
.main-wrap .slick-active {
	opacity:1 !important;
}
.goodFood-slide_wrap{
	min-height:745px;
	position:relative;
}

.goodFood-slide_bg01{
	background: linear-gradient(90deg, rgba(247,238,232,1) 0%, rgba(247,243,232,1) 100%);
}
.goodFood-slide_bg02{
	background: linear-gradient(90deg, rgba(241,239,246,1) 0%, rgba(245,240,246,1) 100%);
}
.goodFood-slide_bg03{
	background: linear-gradient(90deg, rgba(251,239,252,1) 0%, rgba(221,225,255,1) 100%);
}
.goodFood-img > div{
	position:absolute;
	font-size:0;
}

.img-cent{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 535px;
    left: 50%;
    margin-left: -267.5px;
    margin-top: -267.5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    width: 535px;

}
.slick-active .img-cent{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.img-main{
	top: 50%;
    left: 46%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-o-animation:animain02 1.7s ease-out;
	-moz-animation:animain02 1.7s ease-out;
	-webkit-animation:animain02 1.7s ease-out;
	animation:animain02 1.7s ease-out;
}
.slick-active .img-main{
	-o-animation:animain 1.5s ease-out;
	-moz-animation:animain 1.5s ease-out;
	-webkit-animation:animain 1.5s ease-out;
	animation:animain 1.5s ease-out;
}
@-o-keyframes animain {
  0% {
	left:-60%;   
  }
  100% {
	left: 46%;
  }
}
@-moz-keyframes animain {
  0% {
	left:-60%;   
  }
  100% {
	left: 46%;
  }
}
@-webkit-keyframes animain {
  0% {
	left:-60%;   
  }
  100% {
	left: 46%;
  }
}
@keyframes animain {
  0% {
	left:-60%;   
  }
  100% {
	left: 46%;
  }
}
@-o-keyframes animain02 {
  0% {
	left:46%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-moz-keyframes animain02 {
  0% {
	left:46%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}

@-webkit-keyframes animain02 {
  0% {
	left:46%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@keyframes animain02 {
  0% {
	left:46%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
.img-element01{
	top: 43%;
    left: 76%;
	-moz-animation:element01_2 1s ease-out;
	-webkit-animation:element01_2 1s ease-out;
	animation:element01_2 1s ease-out;
}
.slick-active .img-element01{
	-moz-animation:element01 1.3s ease-out;
	-webkit-animation:element01 1.3s ease-out;
	animation:element01 1.3s ease-out;
}
@-o-keyframes element01 {
  0% {
	left:-60%;   
  }
  100% {
	left: 76%;
  }
}
@-moz-keyframes element01 {
  0% {
	left:-60%;   
  }
  100% {
	left: 76%;
  }
}
@-webkit-keyframes element01 {
  0% {
	left:-60%;   
  }
  100% {
	left: 76%;
  }
}
@keyframes element01 {
  0% {
	left:-60%;   
  }
  100% {
	left: 76%;
  }
}
@-o-keyframes element01_2 {
  0% {
	left:76%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-moz-keyframes element01_2 {
  0% {
	left:76%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-webkit-keyframes element01_2 {
  0% {
	left:76%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@keyframes element01_2 {
  0% {
	left:76%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
.img-element02{
    top: 69%;
    left: 75%;
	-moz-animation:element02_2 1s ease-out;
	-webkit-animation:element02_2 1s ease-out;
	animation:element02_2 1s ease-out;
}
.slick-active .img-element02{
	-moz-animation:element02 1.5s ease-out;
	-webkit-animation:element02 1.5s ease-out;
	animation:element02 1.5s ease-out;
}
@-o-keyframes element02 {
  0% {
	left:-60%;   
  }
  100% {
	left: 75%;
  }
}
@-moz-keyframes element02 {
  0% {
	left:-60%;   
  }
  100% {
	left: 75%;
  }
}
@-webkit-keyframes element02 {
  0% {
	left:-60%;   
  }
  100% {
	left: 75%;
  }
}
@keyframes element02 {
  0% {
	left:-60%;   
  }
  100% {
	left: 75%;
  }
}
@-o-keyframes element02_2 {
  0% {
	left:75%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-moz-keyframes element02_2 {
  0% {
	left:75%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-webkit-keyframes element02_2 {
  0% {
	left:75%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}

@keyframes element02_2 {
  0% {
	left:75%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
.img-element03{
    top: 56%;
    left: 78%;
	-moz-animation:element03_2 1s ease-out;
	-webkit-animation:element03_2 1s ease-out;
	animation:element03_2 1s ease-out;
}
.slick-active .img-element03{
	-moz-animation:element03 1.6s ease-out;
	-webkit-animation:element03 1.6s ease-out;
	animation:element03 1.6s ease-out;
}
@-o-keyframes element03 {
  0% {
	left:-60%;   
  }
  100% {
	left: 78%;
  }
}
@-moz-keyframes element03 {
  0% {
	left:-60%;   
  }
  100% {
	left: 78%;
  }
}
@-webkit-keyframes element03 {
  0% {
	left:-60%;   
  }
  100% {
	left: 78%;
  }
}
@keyframes element03 {
  0% {
	left:-60%;   
  }
  100% {
	left: 78%;
  }
}
@-o-keyframes element03_2 {
  0% {
	left:78%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-moz-keyframes element03_2 {
  0% {
	left:78%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-webkit-keyframes element03_2 {
  0% {
	left:78%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@keyframes element03_2 {
  0% {
	left:78%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
.img-element04{
    top: 67%;
    left: 83%;
	-moz-animation:element04_2 1s ease-out;
	-webkit-animation:element04_2 1s ease-out;
	animation:element04_2 1s ease-out;
}
.slick-active .img-element04{
	-moz-animation:element04 1.7s ease-out;
	-webkit-animation:element04 1.7s ease-out;
	animation:element04 1.7s ease-out;
}
@-o-keyframes element04 {
  0% {
	left:-60%;   
  }
  100% {
	left: 83%;
  }
}
@-moz-keyframes element04 {
  0% {
	left:-60%;   
  }
  100% {
	left: 83%;
  }
}
@-webkit-keyframes element04 {
  0% {
	left:-60%;   
  }
  100% {
	left: 83%;
  }
}
@keyframes element04 {
  0% {
	left:-60%;   
  }
  100% {
	left: 83%;
  }
}
@-o-keyframes element04_2 {
  0% {
	left:83%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-moz-keyframes element04_2 {
  0% {
	left:83%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@-webkit-keyframes element04_2 {
  0% {
	left:83%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}
@keyframes element04_2 {
  0% {
	left:83%;   
  }
  100% {
	left: 120%;
	opacity:0;
  }
}


.main-slide .slick-arrow{
	width:138px;
	height:570px;
}
.main-slide .slick-prev{
	background:url(../img/mainarrow-bg_prev.png) no-repeat center center;
	left:-20px;
}
.main-slide .slick-prev:before{
	content:'';
	position:absolute;
	width:11px;
	height:19px;
	background:url(../img/main-arrow.png) no-repeat center center;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 48%;
	left:50%;


}
.main-slide .slick-prev:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #000;
    top: 50%;
    left: 71px;
    margin-top: -2px;
	-moz-animation:bar2 0.3s linear;
	-webkit-animation:bar2 0.3s linear;
	animation:bar2 0.3s linear;
}
.main-slide .slick-prev:hover{
	left:0;
}
.main-slide .slick-next:hoveR{
	right:0;
}

.main-slide .slick-next{
	background:url(../img/mainarrow-bg_next.png) no-repeat center center;
	right:-20px;

}
.main-slide .slick-next:before{
	content:'';
	position:absolute;
	width:11px;
	height:19px;
	background:url(../img/main-arrow.png) no-repeat center center;
	top: 48%;
	right: 50%;

}
.main-slide .slick-next:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #000;
    top: 50%;
    right: 71px;
    margin-top: -2px;
		-moz-animation:bar2 0.3s linear;
	-webkit-animation:bar2 0.3s linear;
	animation:bar2 0.3s linear;
	
}
.main-slide .slick-prev:hover:after{
	width:80px;
	-moz-animation:bar 0.5s linear;
	-webkit-animation:bar 0.5s linear;
	animation:bar 0.5s linear;
}
.main-slide .slick-next:hover:after{
	width:80px;
	-moz-animation:bar 0.5s linear;
	-webkit-animation:bar 0.5s linear;
	animation:bar 0.5s linear;
	
}
@-o-keyframes bar {
  0% {
    width:0px;
  }
  100% {
    width:80px;
  }
}
@-moz-keyframes bar {
  0% {
    width:0px;
  }
  100% {
    width:80px;
  }
}
@-webkit-keyframes bar {
  0% {
    width:0px;
  }
  100% {
    width:80px;
  }
}
@keyframes bar {
  0% {
    width:0px;
  }
  100% {
    width:80px;
  }
}

@-o-keyframes bar2 {
  0% {
	width:80px;
   
  }
  100% {
	width:0px;
  }
}
@-moz-keyframes bar2 {
  0% {
	width:80px;
   
  }
  100% {
	width:0px;
  }
}

@-webkit-keyframes bar2 {
  0% {
	width:80px;
   
  }
  100% {
	width:0px;
  }
}

@keyframes bar2 {
  0% {
	width:80px;
   
  }
  100% {
	width:0px;
  }
}



.goodFood-txt{
    padding: 200px 0 0 300px;
    position: relative;
    z-index: 10;
    display: table;
    text-align: left;
}
.goodFood-txt .big01 span, .goodFood-txt .big02 span{
    font-size: 60px;
    color: #000;
    font-weight: 100;
    line-height: 1;
    margin: 15px 0;
	font-family: 'S-CoreDream';
}
.goodFood-txt .big01 span > span, .goodFood-txt .big02 span > span {
	margin:0;
}
.goodFood-txt .c-txt{
    margin: 30px 0;
}
.goodFood-txt .brand-name{
    font-size: 14px;
    color: #ff4c00;
    font-weight: 900;
}
.goodFood-txt .prod-name{
    font-size: 23px;
    color: #343434;
    font-weight: 600;
}
.main-slide .slick-dots{
	width: auto;
    right: 13%;
    bottom: initial;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}
.main-slide .slick-dots li{
    display: block;
    margin: 45px 0;
}
.main-slide .slick-dots li span{
	font-size: 15px;
    color: #bebebe;
    font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}
.main-slide .slick-dots li button{
    font-size: 15px;
    color: #bebebe;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    opacity: 1;
	padding:0;
}
.main-slide .slick-dots li.slick-active button, .main-slide .slick-dots li.slick-active span{
	color:#ff4c00;
}




.btn_goods_down_more{
    border: 0;
    display: table;
    width: auto;
    margin: 50px auto 0;
}
.btn_goods_down_more .btn_goods_view_down_more{
	position:relative;
	border: 0;
    color: #a1a1a1;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a1a1a1;
    padding: 5px 0;
    width: 213px;
    text-align: left;
	font-family: 'Lato', sans-serif;
	letter-spacing:0;
	backgrounD:transparent !important;
}
.btn_goods_down_more .btn_goods_view_down_more:before{
	content:'';
	position:absolute;
    background: url(../img/more.png) no-repeat right center;
	width:11px;
	height:11px;
	right:0;
	top:10px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.btn_goods_down_more:hover .btn_goods_view_down_more:before{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.bc-div .item_basket_type ul li{
	margin-top: 140px;
    background: #fcf1ef;
    border-radius: 25px;
    margin-right: 2%;
    padding: 0 20px;
	width:23.5% !important;
	min-height: 543px;
	margin-bottom:30px;
}
.bc-div .item_basket_type ul li:nth-child(4n){
	margin-right:0;
}
.bc-div .item_basket_type ul li .item_cont{
	margin-top: -50px;
    text-align: center;
}
.bc-div .item_basket_type ul li .item_photo_box{
    border: 0;
	margin-bottom:10px;
}
.bc-div .item_basket_type ul li .item_info_cont .item_brand strong{
	color: #ff4c00;
    font-size: 14px;
}
/*
.bc-div .item_basket_type ul li .item_info_cont a, .item_basket_type ul li .item_info_cont a{
    height: 50px;
    display: block;
}*/
.bc-div .item_basket_type ul li .item_info_cont a strong.item_name{
    font-size: 17px;
    color: #363636;
    padding: 0;
	font-weight: 600;
	position: relative;
	height:54px;
    /*top: 50%;
    transform: translateY(-50%);*/
}
.review_score_widget{
    height: 20px;
    display: block;
}
/*
.item_basket_type ul li .item_info_cont a strong.item_name{
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	height:auto !important;
}*/
.bc-div .item_basket_type .item_link, .main-new .item_basket_type .item_link{
	display:block;
	position: static;
	background: transparent;
    margin: 30px 0 5px;
	text-align: left;
}
.item_money_box strong.item_price{
	display:inline-block;
}
.item_money_box strong.item_price span{
    font-size: 28px;
    color: #343434;
	padding-left:0;
}
.item_money_box span{
	display:inline-block;
	font-size: 15px;
    color: #a0a0a0;
    padding-left: 5px;
}
.bc-div .bing-btn{
    width: 49px;
    height: 49px;
    border-radius: 30px;
	display:inline-block;
	margin-right:3px;
	padding:0;
}
.bc-div .bing-btn span{
	font-size:0;
}
.bc-div .bing-btn_cart{
	background:#fff url(../img/proc-i01_gr.png) no-repeat 12px center;
	background-size:25px;
}
.bc-div .bing-btn_buy{
	background:#fff url(../img/proc-i02_gr.png) no-repeat 12px center;
	background-size:25px;
}
.bc-div .bing-btn02{
    width: 94px;
    height: 94px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    right: -15px;
    bottom: -15px;
}

.bc-div .bing-btn:hover{
	padding:0 15px 0 ;
	padding-left:45px;
	width:auto;
}
.bc-div .bing-btn:hover span{
	font-size:14px;
	color:#fff;
	text-align:right;	
	font-weight:bold;
}
.bc-div .bing-btn:hover.bing-btn_cart{
	background:#ff4c00 url(../img/proc-i01_w.png) no-repeat 12px center;
	background-size:25px;
}
.bc-div .bing-btn:hover.bing-btn_buy{
	background:#ff4c00 url(../img/proc-i02_w.png) no-repeat 12px center;
	background-size:25px;
	padding-left:50px;
}
.bc-div .bing-btn02 span{
	font-size:0;
}
.bc-div .bing-btn_present{
	background:#ff4c00 url(../img/proc-i03_w.png) no-repeat center center;
	background-size:40px;
	transform:scale(1);
}
.bc-div .bing-btn02:hover.bing-btn_present{
	background:#fff;
	border:2px solid #ff4c00;
	background-size:0;
}
.bc-div .bing-btn02:hover span{
	font-size:15px;
	coloR:#ff4c00;
	font-weighT:bold;
}
.item-review > div{
	display:inline-block;
	vertical-align:middle;
	padding-right:5px;
	line-height:0;
}
.item-review > div img{
	vertical-align:middle;
}
.item-review > span{
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	color:#a7a7a6;
}

.main-new > div{
	max-width: 1300px;
	min-width:1200px;
    margin: 0 auto;
	padding:70px 0 80px;
}
.main-new .item_basket_type .item_link{
	display:block;
	position: initial;
	background: transparent;
    margin: 30px 0 5px;
	text-align: left;
}

.main-new .item_cont{
    padding: 0 140px;
}
.main-new .item_photo_box{
	border:0;
	width:395px;
	height:395px;
	border-radius:50px;
	background:#fcf1ef;
	text-align:center;
    padding: 70px 0;
	margin-right:80px;
	position:relative;
	overflow: visible;
}
.main-new .item_photo_box:before{
	content:'new';
	position:absolute;
	top:-15px;
	left:-15px;
	color:#fff;
	background:#ff4c00;
	width:94px;
	height:94px;
	border-radius:25px;
	line-height: 94px;
	z-index:10;
	font-size:20px;
	font-weighT:bold;
	letter-spacing:0;
}
.main-new .item_info_cont{
	position:relative;
	display:inline-block;
	width: calc( 100% - 480px );
	padding:25px 0 10px;
	border-top:1px soliD rgba(17,17,17,0.1);
	border-bottom:1px soliD rgba(17,17,17,0.1);
	min-height: 290px;
}
.main-new .item_brand strong{
	font-size:14px;
	coloR:#ff4c00;
}
.main-new .item_name{
	font-size:24px !important;
	color:#343434;
	font-weight:bold;
}



.main-new .bing-btn{
    width: 49px;
    height: 49px;
    border-radius: 30px;
	display:inline-block;
	margin-right:10px;
	padding:0;
}
.main-new .bing-btn span, .main-new .bing-btn02 span{
	font-size:0;
}
.main-new .bing-btn_cart{
	background:#f5f5f5 url(../img/proc-i01_gr.png) no-repeat center center;
	background-size:25px;
}
.main-new .bing-btn_buy{
	background:#f5f5f5 url(../img/proc-i02_gr.png) no-repeat center center;
	background-size:25px;
}
.main-new .bing-btn_cart:hover{
	background:#ff4c00 url(../img/proc-i01_w.png) no-repeat center center;
	background-size:25px;
}
.main-new .bing-btn_buy:hover{
	background:#ff4c00 url(../img/proc-i02_w.png) no-repeat center center;
	background-size:25px;
}
.main-new .bing-btn_present{
	width:48px;
	height:48px;
	border-radius:15px;
	background:#ff4c00 url(../img/proc-i03_w.png) no-repeat center center;
	background-size:22px;
}
.main-new .slick-arrow{
	top:55%;
}
.main-new .slick-arrow:after{
	content:'';
	width:73px;
	height:73px;
	background:#f5f5f5;
	position:absolute;
	left:-50%;
	top:-50%;
	border-radius:100%;
	z-index:1;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	left:0;
	top:0;
}
.main-new .slick-arrow:hover:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.main-new .slick-prev, .main-new .slick-next {
	z-index:1 !important;
	width:73px;
	height:73px;
}
.main-new .slick-prev:before{
	content:'';
	width:73px;
	height:73px;
	position:absolute;
	left:-50%;
	top:-50%;
	border-radius:100%;
	background:url(../img/new-prev.png) no-repeat center center;
	z-index:100;
	left:0;
	top:0;
}
.main-new .slick-next:before{
	content:'';
	width:73px;
	height:73px;
	position:absolute;
	left:-50%;
	top:-50%;
	border-radius:100%;
	background:url(../img/new-next.png) no-repeat center center;
	z-index:100;
	left:auto;
	top:0;
	right:0;
}
.main-new .slick-next{
	right:40px;
}
.main-new .slick-dots{
    position: absolute;
    top: 0;
    bottom: initial;
    z-index: 100;
    right: 139px;
    width: auto;
	height:30px;
}
.main-new .slick-dots li button{
	font-size:26px;
	color:#b4b4b4;
	margin-left: 20px;
	min-height:20px;
	font-family: 'Lato', sans-serif;
}
.main-new .slick-dots li.slick-active button{
	color:#1b1b1b;
	font-weighT:bold;
}
.prod-shop{
	display:none;
}
.main-new .prod-shop{
	display:block;
	float: right;
    margin-top: 15px;
	position:relative;
}
.ani-btn{
	position:relative;
	display:table;
}
.ani-btn a{
	color:#a1a1a1;
	font-weight:bold;
}
.ani-btn:hover a{
	coloR:#1b1b1b;
}
.main-new .prod-shop span, .ani-btn span{
    width: 16px;
    height: 8px;
    overflow: hidden;
    display: inline-block;
    margin-left: 30px;
	position:relative;
}
.main-new .prod-shop span:before, .main-new .prod-shop span:after, .ani-btn span:before, .ani-btn span:after{
	position: absolute;
    left: 0;
    width: 16px;
    height: 8px;
    content: "";
}
.main-new .prod-shop span:before, .ani-btn span:before{
	background: url(../img/arrow_01.png) no-repeat center center;
}
.main-new .prod-shop span:after, .ani-btn span:after{
	background: url(../img/arrow_02.png) no-repeat center center;
	left:-30px;
}
.main-new .prod-shop:hover span:before, .ani-btn:hover span:before{
	background: url(../img/arrow_02.png) no-repeat center center;
	-moz-animation:spbe 0.2s linear;
	-webkit-animation:spbe 0.2s linear;
	animation:spbe 0.2s linear;
}
.main-new .prod-shop:hover span:after, .ani-btn:hover span:after{
	background: url(../img/arrow_02.png) no-repeat center center;
	-moz-animation:spaf 0.2s linear;
	-webkit-animation:spaf 0.2s linear;
	animation:spaf 0.2s linear;
}

@-moz-keyframes spbe {
  0% {
    left:0;
  }
  100% {
    left:30px;
  }
}
@-webkit-keyframes spbe {
  0% {
    left:0;
  }
  100% {
    left:30px;
  }
}
@keyframes spbe {
  0% {
    left:0;
  }
  100% {
    left:30px;
  }
}

@-moz-keyframes spaf {
  0% {
    left:-30px;
  }
  100% {
    left:0;
  }
}
@-webkit-keyframes spaf {
  0% {
    left:-30px;
  }
  100% {
    left:0;
  }
}
@keyframes spaf {
  0% {
    left:-30px;
  }
  100% {
    left:0;
  }
}


.main-new .prod-shop:before, .main-new .prod-shop:after, .ani-btn:before, .ani-btn:after{
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 3px;
    width: 100%;
    content: "";
    z-index: 0;
}
.main-new .prod-shop:before, .ani-btn:before{
	background:#cccccc;
}
.main-new .prod-shop:after, .ani-btn:after {
    z-index: 1;
    background-color: #ff4c00;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform 1s cubic-bezier(.165,.84,.44,1);
}
.main-new .prod-shop:hover:after, .ani-btn:hover:after{
	transform-origin:0 50%;
	transform:scaleX(1);
}



.main-recom{
    background: #faf8f2;
    border-radius: 13px;
    width: 98%;
    margin: 0 auto;
	min-height: 910px;
}
.main-recom > div{
	max-width:1400px;
	min-width:1200px;
	margin:0 auto;
	padding:70px 0 80px;
}

.rec-wr > ul{
	font-size:0;
	margin-top: 100px;
}
.main-recom ul > li{
	display:inline-block;
	vertical-align:top;
	width:25%;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-family: 'S-CoreDream';
	font-weight: 600;
	position:relative;
	padding-top:15px;
}
/*
.main-recom ul.rec-ul > li:nth-child(3) {
	padding-top:30px;
}
*/
.main-recom ul > li.act{
	color:rgba(0,0,0,1);
}
.main-recom ul > li:hover .review_score_widget img{
	display:none;
}
.main-recom ul > li:hover .review_score_widget img.hov{
	display:inline-block;
	vertical-align:middle;
}
.main-recom ul > li:hover .review_score_widget .cnt{
	color:#fff;
}

.rec-wr ul > li:before{
	content:'';
	position:absolute;
	top:-30px;
	width:100%;
	height:1px;
	background:#d8d8d8;
	left:0;
}
.rec-wr > ul > li:first-child:before{
	width:50%;
	left:auto;
	right:0;
}
.rec-wr > ul > li:last-child:before{
	width:50%;
}

.rec-wr > ul > li:after{
	content:'';
	position:absolute;
	top:-35px;
	width:11px;
	height:11px;
	backgrounD:#ff4c00;
	border-radius:100%;
	left:0;
	right:0;
	margin:0 auto;
}


.main-recom .item_photo_box{
	border:0;
}
.main-recom .item_info_cont{
	text-align:center;
	display: block;
	position:relative;
	padding-top: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.main-recom ul > li:hover .item_info_cont{
	min-height:265px;
}
.main-recom .goods_list_cont ul{
	margin-top:50px;
}
.main-recom .item_brand strong{
	font-size: 14px;
    color: #ff4c00;
}
.main-recom .item_tit_box .item_name{
	font-size: 16px;
    color: #363636;
    padding: 0;
	width: 80%;
    margin: 0 auto;
}
.main-recom .item_info_cont .item_money_box{
    padding-top: 30px;
}
.main-recom .item_info_cont .item-review{
	position: absolute;
    left: 0;
    right: 0;
    top: 53%;
}

.main-recom .item_photo_box a img{
	max-width: 75%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.main-recom .item_basket_type ul > li:before{
    content: '';
    width: 203px;
    height: 203px;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    margin: 0 auto;
    text-align: center;
    left: 0;
	right:0;
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-animation:lev .6s cubic-bezier(1,.005,.37,1.645);
	-moz-animation:lev .6s cubic-bezier(1,.005,.37,1.645);
	-webkit-animation:lev .6s cubic-bezier(1,.005,.37,1.645);
	animation:lev .6s cubic-bezier(1,.005,.37,1.645);
}
-o-@keyframes lev {
  0% {
    transform: scale(1.75);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
-moz-@keyframes lev {
  0% {
    transform: scale(1.75);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
-webkit-@keyframes lev {
  0% {
    transform: scale(1.75);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lev {
  0% {
    transform: scale(1.75);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.main-recom .item_basket_type > ul > li:nth-child(1):before{
	background: #f4eff6;
}
.main-recom .item_basket_type > ul > li:nth-child(2):before{
    background: #faebec;
}
.main-recom .item_basket_type > ul > li:nth-child(3):before{
	background: #eaf8ee;
}
.main-recom .item_basket_type > ul > li:nth-child(4):before{
	background: #faebec;
}

.main-recom .item_basket_type > ul > li:hover:before{
	transform: scale(1.75);
	-o-transform: scale(1.75);
	-moz-transform: scale(1.75);
	-webkit-transform: scale(1.75);
	-o-animation:hov .6s cubic-bezier(1,.005,.37,1.645);
	-moz-animation:hov .6s cubic-bezier(1,.005,.37,1.645);
	-webkit-animation:hov .6s cubic-bezier(1,.005,.37,1.645);
	animation:hov .6s cubic-bezier(1,.005,.37,1.645);
}

@keyframes hov {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1.75);
  }
}
-o-@keyframes hov {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1.75);
  }
}
-moz-@keyframes hov {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1.75);
  }
}
-webkit-@keyframes hov {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1.75);
  }
}



.main-recom .item_link{
    display: block;
    background: transparent;
    position: initial;
	margin-top:20px;
}
.main-recom .item_link button.bing-btn{
    width: 49px;
    height: 49px;
	border-radius:100%;
	margin-right:5px;
}
.main-recom .item_link button.bing-btn02{
	width:48px;
	height:48px;
	background:#fff url(../img/proc-i03_or.png) no-repeat center center;
	border-radius:15px;
	background-size:20px;
}
.main-recom .item_link button span{
	font-size:0;
}
.main-recom .bing-btn_cart{
	background:#fc7f4a url(../img/proc-i01_w.png) no-repeat center center;
	background-size:25px;
}
.main-recom .bing-btn_buy{
	background:#fc7f4a url(../img/proc-i02_w.png) no-repeat center center;
	background-size:25px;
}

.main-recom .bing-btn_cart:hover{
	background:#fff url(../img/proc-i01_or.png) no-repeat center center;
	background-size:25px;
}
.main-recom .bing-btn_buy:hover{
	background:#fff url(../img/proc-i02_or.png) no-repeat center center;
	background-size:25px;
}

.main-recom .item_name_explain{
	font-size:14px;
	color:#fff;
	padding:15px 0 0;
	width: 75%;
    margin: 0 auto 10px;
}
.main-recom .item_name_explain, .main-recom .item_link{
	display:none;
}


.main-recom .item_basket_type > ul > li:hover .item_photo_box a img{
	max-width:80px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.main-recom .item_basket_type > ul > li:hover .item_name_explain, .main-recom .item_basket_type > ul > li:hover .item_link{
	display:block;
}
.main-recom .item_basket_type ul > li:hover:before{
	background:#ff4c00;
}

.main-recom .item_basket_type > ul > li:hover .item_money_box{
	display:none;
}
.main-recom .item_basket_type > ul > li:hover .item_tit_box .item_name,
.main-recom .item_basket_type > ul > li:hover .item_brand strong,
.main-recom .item_basket_type > ul > li:hover .item-review > span{
	color:#fff;
}
.item-review .sample02, .main-recom .item_basket_type > ul > li:hover .item-review .sample01{
	display:none;
}
.main-recom .item_basket_type > ul > li:hover .item-review{
	top: 37%;
}
.main-recom .item_basket_type > ul > li:hover .item-review .sample02{
	display:block;
}


.main-recom .item_basket_type > ul > li:hover  .item_photo_box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -130px;
}
.main-recom .item_basket_type > ul > li:hover .item_info_cont{
	margin-top: -50px;
}

.main-box{
    max-width: 1390px;
	min-width:1200px;
    margin: 90px auto 50px;
	padding:0 30px;
}
.box-wrap{
	font-size:0;
}
.box-div{
	width:49%;
	border-radius:15px;
	display:inline-block;
	padding: 20px 40px 35px;
}
.box-div_delivery{
	margin-right:2%;
	background:#f2f2f2 url(../img/delivery-bg.png) no-repeat 90% center;
}
.box-div_present{
	background:#f2f2f2 url(../img/present-bg.png) no-repeat 90% center;
}
.box-div span{
	font-family: 'S-CoreDream';
}
.box-div h3{
    font-size: 21px;
    color: #000000;
    padding: 3px 0 25px;
	font-family: 'S-CoreDream';
}


.rev-top{
	max-width:1390px;
	min-width:1200px;
	margin:80px auto 50px;
	position: relative;
	padding:0 30px;
}
.rev-wrap{
	max-width: 1655px;
	min-width:1200px;
    float: right;
	overflow: hidden;
	padding-left: 30px;
    width: 100%;
}
.rev-top .ani-btn02{
    position: absolute;
    right: 0;
    bottom: 5px;
}
.ani-btn02{
	display:table;
}
.ani-btn02 a{
	width: 211px;
    background: #fff;
    display: table;
    height: 69px;
    line-height: 69px;
    border-radius: 50px;
    padding: 0 40px;
    color: #000;
    font-size: 15px;
	-webkit-box-shadow: 4px 3px 11px 10px rgba(0,0,0,0.03);
	-moz-box-shadow: 4px 3px 11px 10px rgba(0,0,0,0.03);
	-o-box-shadow: 4px 3px 11px 10px rgba(0,0,0,0.03);
	box-shadow: 4px 3px 11px 10px rgba(0,0,0,0.03);
}
.ani-btn02:hover a{
	background:#ff4c00;
	color:#fff;
}
.ani-btn02 span{
    width: 16px;
    height: 8px;
    overflow: hidden;
    display: inline-block;
    margin-left: 30px;
	position:relative;
}
.ani-btn02 span:before, .ani-btn02 span:after{
	position: absolute;
    left: 0;
    width: 16px;
    height: 8px;
    content: "";
}
.ani-btn02 span:before{
	background: url(../img/arrow_01.png) no-repeat center center;
}
.ani-btn02 span:after{
	background: url(../img/arrow_03.png) no-repeat center center;
	left:-30px;
}
.ani-btn02:hover span:before{
	background: url(../img/arrow_03.png) no-repeat center center;
	-moz-animation:spbe 0.2s linear;
	-webkit-animation:spbe 0.2s linear;
	animation:spbe 0.2s linear;
}
.ani-btn02:hover span:after{
	background: url(../img/arrow_03.png) no-repeat center center;
	-moz-animation:spaf 0.2s linear;
	-webkit-animation:spaf 0.2s linear;
	animation:spaf 0.2s linear;
}


/* Slider */
.slider_wrap{overflow:hidden; position:relative; display:block; margin:0 auto; box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-slider{overflow:hidden; position:relative; display:block; margin:0 auto; box-sizing:border-box; text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-slider .slick-list{display:block; overflow:hidden; position:relative; margin:0; padding:0;}
.slick-slider .slick-track, .slider_wrap .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}
.slick-track{display:block; position:relative; top:0; left:0;}
.slick-track:before,
.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
/*.slick-slide img{display:block; position:static !important; top:0px !important;}*/
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{font-size:0; line-height:0; position:absolute; top:45%; display:block; width:27px; height:44px; padding:0; cursor:pointer; z-index:10; background-repeat:no-repeat;
    -webkit-transform:translate(0, -45%);
    -ms-transform:translate(0, -45%);
    transform:translate(0, -45%);
}
.slick-prev{left:25px; right:auto;}
.slick-next{left:auto; right:25px;}
.slick-dots{display:block; position:absolute; bottom:30px; width:100%; margin:0; padding:0; text-align:center;}
.slick-dots li{display:inline-block; position:relative; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button{display:block; padding:5px; font-size:0; line-height:0; cursor:pointer; border:0; outline:none; opacity:0.75;}
.slick-dots li.slick-active button{opacity:1;}

/**/

.sub-fadeUp{
	margin:100px auto;
	max-width:1450px;
	min-width:1200px;
}
.sub-fadeUp .sct-con{}
.sub-fadeUp .sct-con > ul{
	font-size:0px;
	text-align:center;
}
.sub-fadeUp .sct-con > ul > li{
	margin-right:10px;
	display:inline-block;
	width:calc((100% / 4) - 10px);
	min-height:33%;
	vertical-align:top;
}
.sub-fadeUp .sct-con > ul > li:last-child{
	margin-right:0px;
}
.sub-fadeUp .sct-con .sub-helper{
	margin: 0 auto;
	display:block;
	font-size:13px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.sub-fadeUp .sct-con .sub-helper > ul{
	margin-top:10px;
}
.sub-fadeUp .sct-con .sub-helper > ul > li{}
.sub-fadeUp .sct-con .sub-helper p{
	border-bottom:1px solid #aaa;
	box-sizing:border-box;
}
.sub-fadeUp .sct-con .sub-helper .sub-side{
	padding:15px 0;
	font-size:20px;
	text-align:center;
	background:transparent;
}
.sub-fadeUp .sct-con .sub-helper figure{
	margin: 0 auto;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
}
.sub-fadeUp .sct-con .sub-helper figure img{
	max-width:100%;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
}

.reason-img{
	margin:45px auto;
}
.reason-image{
	position:relative;

	margin:0 auto;
	display:block;
	width:1200px;
	height:480px;
	border:1px solid transparent;
	box-sizing:border-box;
	border-radius:50px;
	
	background:#eee url('../img/reason-image.jpg') no-repeat center;
	background-size:cover;
}
/* .reason-image:hover{
	border:1px solid #ccc;
	box-sizing:border-box;
} */
.reason-image:hover .view-map{
	display:block;
}
.view-map{
	display:none;

	position:absolute;
	top:0;
	left:0;

	width:100%;
	height:100%;
	box-sizing:border-box;
	border-radius:50px;
	background-color:rgba(0,0,0,0.4);
}
.view-mapper{
	text-align:center;
	display:table;
	width:100%;
	height:480px;
	overflow:hidden;
}
.view-map-tit{
	display:table-cell;
	vertical-align: middle;
	color:#fff;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
	background:url('../img/aright-arrow.png') no-repeat 65% center;
	background-size:19px;
}