@charset 'utf-8';
body{ word-break:keep-all;}
a,a:hover, a:active, a:focus{outline:0;}
/*
.main .topContWrap{overflow: hidden; position: relative; z-index: 100; width: 100%; height: 100vh;}
.main .mainTop{position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 100vh;}
.main .mainTop .bgImg{height: 100%; width: 100vw; top: 0; left: 0; display: table; position: absolute;}
.main .mainTop .bgImg>div{width:100vw; height:100vh; }
.main .mainTop .bgImg .slick-slide{height:100vh;}
.main .mainTop .bgImg .slick-prev{width:50%; height:100%; position:absolute; left:0; top:0; cursor:url(http://www.hayaanzip.com/web/images/main/arrow-left.png),w-resize;}
.main .mainTop .bgImg .slick-next{width:50%; height:100%; position:absolute; right:0; top:0; cursor:url(http://www.hayaanzip.com/web/images/main/arrow-right.png),w-resize;}
.main .mainTop .bgImg .slick-dots{bottom:97px;}
.main .mainTop .bgImg div.bgImg_01{background:url(http://biznetpia.com/whitehouse/web/images/main/top_banner.png) no-repeat center; background-size:cover;}
.main .mainTop .bgImg div.bgImg_02{background:url(http://biznetpia.com/whitehouse/web/images/main/top_banner02.jpg) no-repeat center; background-size:cover;}
.main .mainTop .bgImg div.bgImg_03{background:url(http://biznetpia.com/whitehouse/web/images/main/top_banner03.jpg) no-repeat center; background-size:cover;}
*/

.main .topContWrap{overflow: hidden; position: relative; z-index: 100; width: 100%; height: 100vh;}
.main .mainTop{position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 100vh;}
.main .mainTop .bgImg{height: 100%; width: 100%; top: 0; left: 0; display: table; position: absolute; bottom:0; right:0;}
.main .mainTop .bgImg div{height:100%;}
/*.main .mainTop .bgImg:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3);}*/
.main .mainTop .bgImg>div{width:100vw; height:100%; overflow:hidden;}
.main .mainTop .bgImg>div.slider_main{display:block;}
.main .mainTop .bgImg>div.slider_main_m{display:none;}
.main .mainTop .bgImg>div div.main_visual{width:100%; height:100%; }
.main .mainTop .bgImg>div div.video_slide{position:relative; overflow:hidden; }
.main .mainTop .bgImg>div div.video_slide:after{content:""; display:block; width:100%; height:100%; position:absolute;left:0; top:0; background:rgba(0,0,0,0.3); z-index:100;}
.main .mainTop .bgImg>div div.video_slide video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; object-fit: inherit;}
.is-ie .main .mainTop .bgImg>div div.video_slide video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; object-fit: inherit;}
.main .mainTop .bgImg .slick-slide{height:100%;}
.main .mainTop .bgImg .slick-prev{width:50%; height:200%; position:absolute; left:0; top:0; cursor:url(http://www.hayaanzip.com/web/images/main/arrow-left.png),w-resize;}
.main .mainTop .bgImg .slick-next{width:50%; height:200%; position:absolute; right:0; top:0; cursor:url(http://www.hayaanzip.com/web/images/main/arrow-right.png),w-resize;}
.main .mainTop .bgImg .slick-dots{bottom:97px;}
.main .mainTop .bgImg div.bgImg_01{background:url(http://www.hayaanzip.com/web/images/main/top_banner.png) no-repeat center; background-size:cover;}
.main .mainTop .bgImg div.bgImg_02{background:url(http://www.hayaanzip.com/web/images/main/top_banner02.jpg) no-repeat center; background-size:cover;}
.main .mainTop .bgImg div.bgImg_03{background:url(http://www.hayaanzip.com/web/images/main/top_banner03.jpg) no-repeat center; background-size:cover;}

#banner .slick-dots li{text-indent:-9999px; background:rgba(255,255,255,0.3)}
#banner .slick-dots li.slick-active{background:rgba(255,255,255,1);}


.main .mainTop .topTxt{display: table-cell; vertical-align: middle; font-family: 'NotoSansCJKkrLight',sans-serif; text-align: center; color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100;}

.main .mainTop .topTxt h1{font-size: 46px;}
.main .mainTop .topTxt p{font-size: 18px; margin-top: 30px; line-height:26px;}

.main .tv{display:block;}
.main .m{display:none;}
.content .tv{display:block;}
.content .m{display:none;}



.content .sec{width: 100%; padding-top: 110px; position: relative; z-index: 100;}
.content .sec h2{font-family: 'WorkSansExtraLight',sans-serif; font-size: 48px; color: #222; text-align: center; letter-spacing: -1px; padding-top:110px;}
.content .sec p{font-family: 'NotoSansCJKkrLight',sans-serif; font-size: 18px;  text-align: center; padding-top: 25px; letter-spacing: -0.031em;}

.content .hiddenSec{width: 100% !important; background: #fff; padding-top: 0; -webkit-animation: visible 0.3s 0s 1 linear alternate; -moz-animation: visible 0.3s 0s 1 linear alternate; -ms-animation: visible 0.2s 0s 1 linear alternate; -o-animation: visible 0.3s 0s 1 linear alternate; animation: visible 0.3s 0s 1 linear alternate; top: 0; transform: translateY(-100%); z-index: 101;}
@keyframes visible {
  0% {
     transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes visible {
  0% {
     transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-moz-keyframes visible {
  0% {
     transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-ms-keyframes visible {
  0% {
     transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-o-keyframes visible {
  0% {
     transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.content .hiddenSec .wrap{height: 75px; position: relative;}
.content .hiddenSec .wrap .scrollArrow{width: 27px; height: 14px; position: absolute; overflow: hidden; left: 50%; margin-left: -11px; -webkit-animation: scroll 0.5s 0s infinite linear alternate; -moz-animation: scroll 0.5s 0s infinite linear alternate; -ms-animation: scroll 0.5s 0s infinite linear alternate; -o-animation: scroll 0.5s 0s infinite linear alternate; animation: scroll 0.5s 0s infinite linear alternate; background: url(http://www.hayaanzip.com/web/images/main/scroll_arr.png) no-repeat; background-size: 100%;}
.ie9 .content .hiddenSec .wrap .scrollArrow{top:40px;}
@keyframes scroll {
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  }
}
@-webkit-keyframes scroll {   
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  }
}
@-moz-keyframes scroll { 
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  }
}
@-ms-keyframes scroll {   
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  }
}
@-o-keyframes scroll {   
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  }
}
@keyframes scroll {   
  0% {
    top: 20px;
  }
  100% {
    top: 40px;
  } 
}

/* 190924 */

#banner{width:100%; height:100%;}
/*
.visual{ position:relative;}

.visual .motion-wrap{ overflow:hidden; position:absolute; width:22px; ; height:28px; bottom:103px; left:50%; margin-left:-11px; }
.visual .img.main_visual{ width:100%;  }
.cont_mdbox2{ margin-top:175px; }


.visual{width:100%; height:100vh;}
.visual_fix {position: absolute; left: 0; top: 0; overflow:hidden;width:100%; height:100%;}
.visual_fix .visul_slider{overflow:hidden;width:100%; height:100%;}
.visual_fix .visul_slider li{float:left;overflow:hidden;}
.visual_fix ul.visul_slider li{ position:absolute; left:100%; top:0px; overflow:hidden; z-index:0; width:100%; height:100%;}


.visual_fix ul.visul_slider li .img{ position:absolute; left:-50%; width:100%;}
.visual_fix ul.visul_slider li:first-child .img{ left:0px; }
.visual_fix ul.visul_slider li:first-child{ left:0px; }
.visual_fix ul.visul_slider li.on .img{ left:-50%; }



.visual_fix ul.visul_slider li .main_visual{width:100%; height:100%; }
.visual_fix ul.visul_slider li.mvi01 .main_visual{background:url();}
.visual_fix ul.visul_slider li.mvi01 .main_visual video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto;}
.visual_fix ul.visul_slider li.mvi01 .main_visual:after{content:""; display:block; width:100%; height:100%; position:absolute;left:0; top:0; background:rgba(0,0,0,0.3); z-index:100;}
.visual_fix ul.visul_slider li.mvi02 .main_visual{background:url(http://www.hayaanzip.com/web/images/main/top_banner.png) no-repeat center; background-size:cover;}
.visual_fix ul.visul_slider li.mvi03 .main_visual{background:url(http://www.hayaanzip.com/web/images/main/top_banner02.jpg) no-repeat center; background-size:cover;}
.visual_fix ul.visul_slider li.mvi04 .main_visual{background:url(http://www.hayaanzip.com/web/images/main/top_banner03.jpg) no-repeat center; background-size:cover;}

.arow_left {
    top: 0;
    bottom: 0;
    width: 50%;
    position: absolute;
    z-index: 1000;
	left:0;
	cursor: url(http://www.hayaanzip.com/web/images/main/arrow-left.png) 29 29,url(http://www.hayaanzip.com/web/images/main/arrow-left.cur) 29 29,pointer !important;
	} 

.arow_right {

    top: 0;
    bottom: 0;
    width: 50%;
    position: absolute;
    z-index: 1000;
	right:0;
	cursor: url(http://www.hayaanzip.com/web/images/main/arrow-right.png) 29 29,url(http://www.hayaanzip.com/web/images/main/arrow-right.cur) 29 29,pointer !important;
	}

.visual .visul_left{ position:absolute; left:50%; bottom:97px; transform:translateX(-50%);}
.visual .visul_left li{ margin-top:10px; display:inline-block; }
.visual .visul_left li a{display:block; width:39px; height:3px; background:rgba(255,255,255,0.5); text-indent:-99999px; }
.visual .visul_left li.on a{ background:rgba(255,255,255,1); }
*/


/* COMFORTABLE LIFE */
.content .sec1{background: #fff; height:1800px; box-sizing: border-box; margin-top: 100vh; padding:0;}
.content .sec1 div.cont{position:relative; width:85%; margin:0 auto;}
.content .sec1 div.cont > div{display: inline-block; position: absolute; font-family: 'NotoSansCJKkrLight',sans-serif; text-align: left;}
.content .sec1 div.cont div > img{width:100%;}
.content .sec1 .live{width:47%; left:0; top:155px;}
.content .sec1 .drink{width:33%; right: 0; top: 311px;}
.content .sec1 .enjoy{width:40%; left: 15%; top: 872px;}
.content .sec1 div.cont h3{font-size: 42px; color: #222; padding-top: 35px;}
.content .sec1 div.cont p{color: #666; font-size: 16px; line-height: 26px; text-align: left; padding-top: 15px;}
.content .sec1 div.cont a{color: #666; font-size: 15px; font-family: 'WorkSansLight',sans-serif; margin-top: 40px; display: inline-block;}
.content .sec1 div.cont a img{margin-left: 7px; margin-top: -7px;}


.content .sec1 > div a:hover img{-webkit-animation: image 0.3s 0s infinite linear alternate; -moz-animation: image 0.3s 0s infinite linear alternate; -ms-animation: image 0.3s 0s infinite linear alternate; -o-animation: image 0.3s 0s infinite linear alternate; animation: image 0.3s 0s infinite linear alternate;}
@keyframes image {
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}
@-webkit-keyframes image {   
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}
@-moz-keyframes image { 
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}
@-ms-keyframes image {   
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}
@-o-keyframes image {   
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}
@keyframes image {   
  0% {
    margin-left: 7px;
  }
  100% {
    margin-left: 15px;
  }
}


/* HOUSE SPACE */
.content .sec2{background: #f6f6f6; padding-bottom: 145px;}
.content .sec2 .contWrap{max-width: 1230px; width: 100%; margin: 60px auto 0;}
.content .sec2 .contWrap::after{display: block; clear: both; content:"";}
.content .sec2 .contWrap .tab{width: 420px; margin: 0 auto;}
.content .sec2 .contWrap .tab::after{display: block; clear: both; content:"";}
.content .sec2 .contWrap .tab li{transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; float: left; width: 50%; border: 1px solid #dadada; box-sizing: border-box; margin-left: -1px; position: relative}
.content .sec2 .contWrap .tab li:first-child{margin-left: 0;}
.content .sec2 .contWrap .tab li:hover {
	color: #fff !important;
	background-color: transparent;
	border: 1px solid #222;
}
.content .sec2 .contWrap .tab li:hover a{
	color: #fff;
}
.content .sec2 .contWrap .tab li:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.content .sec2 .contWrap .tab li:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #222;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.content .sec2 .contWrap .tab li a{display: block; width: 100%; text-align: center; font-family: 'NotoSansCJKkrLight',sans-serif; font-size: 16px; color: #222; padding: 14px 0;  letter-spacing: -1px;}


.content .sec2 .contWrap .tab li.on{background: #222; border: 1px solid #222;}
.content .sec2 .contWrap .tab li.on a{color: #fff;}

.content .sec2 .contWrap .tabItem{display: none; padding-top: 60px;}
.content .sec2 .contWrap .tabItem .slider{display:none;}
.content .sec2 .contWrap .tabItem.on{display: block;}
.content .sec2 .contWrap .tabItem.on .slider{display:block;}

.content .sec2 .contWrap .tabItem .tit_m{display: none; font-family: "NotoSansCJKkrMedium",sans-serif; font-size: 26px; text-align: left; line-height: 36px; width: 100%; position: static; margin-bottom: 20px; padding-top: 0; color: #222; padding-left: 0;}

.content .sec2 .contWrap .tabItem .left{float: right; width: calc(100% - 890px); max-width: 340px; box-sizing: border-box; position: relative; padding-right: 3%; height: 460px;}
.content .sec2 .contWrap .tabItem .left p{text-align: right; font-family: 'NotoSansCJKkrLight',sans-serif; color: #666; line-height: 20px; font-size: 12px; width: 225px; position: absolute; bottom: -50px; left: 44px;}
.content .sec2 .contWrap .tabItem .left p span{margin-left: -50px;}
.content .sec2 .contWrap .tabItem .left .tit{font-family: "NotoSansCJKkrMedium",sans-serif; font-size: 26px; text-align: left; line-height: 36px; width: 100%; position: static; margin-bottom: 20px; padding-top: 0; color: #222; padding-left: 7px; box-sizing: border-box;}
.content .sec2 .contWrap .tabItem .left ul{padding-left: 7px;}
.content .sec2 .contWrap .tabItem .left ul li{padding: 11px 0 11px 60px; box-sizing: border-box; font-family: 'NotoSansCJKkrLight',sans-serif; font-size: 15px; color: #666; line-height: normal;}
.content .sec2 .contWrap .tabItem .left ul li.option1{background: url(http://www.hayaanzip.com/web/images/main/space_ico1.png) no-repeat left center;}
.content .sec2 .contWrap .tabItem .left ul li.option2{background: url(http://www.hayaanzip.com/web/images/main/space_ico2.png) no-repeat 2px center;}
.content .sec2 .contWrap .tabItem .left ul li.option3{background: url(http://www.hayaanzip.com/web/images/main/space_ico3.png) no-repeat 5px center;}
.content .sec2 .contWrap .tabItem .left ul li.option4{background: url(http://www.hayaanzip.com/web/images/main/space_ico4.png) no-repeat 6px center;}
.content .sec2 .contWrap .tabItem .left ul li.option5{background: url(http://www.hayaanzip.com/web/images/main/space_ico5.png) no-repeat left center;}
.content .sec2 .contWrap .tabItem .left ul li.option6{background: url(http://www.hayaanzip.com/web/images/main/space_ico6.png) no-repeat 6px center;}
.content .sec2 .contWrap .tabItem .left ul li.option7{background: url(http://www.hayaanzip.com/web/images/main/space_ico7.png) no-repeat left center;}
.content .sec2 .contWrap .tabItem .left ul li.option8{background: url(http://www.hayaanzip.com/web/images/main/space_ico8.png) no-repeat left center;}
.content .sec2 .contWrap .tabItem .left ul li.option9{background: url(http://www.hayaanzip.com/web/images/main/space_ico9.png) no-repeat left center;}

.content .sec2 .contWrap .tabItem .right{float: right; width: 890px; height: 460px; overflow:hidden;}
.content .sec2 .contWrap .tabItem .right .slider{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; z-index:999; background: none;}
/*.content .sec2 .contWrap .tabItem .right .slider2{height:460px;}*/
.content .sec2 .contWrap .tabItem .right .slider img{width: 100%;}
.content .sec2 .contWrap .tabItem .right .slider .slick-prev{position: absolute; top: 0; margin-top: 0; outline: 0; width: 50%; height: 100%;}
.content .sec2 .contWrap .tabItem .right .slider .slick-next{position: absolute; top: 0; margin-top: 0; outline: 0; width: 50%; height: 100%; margin-left:50%;}
.content .sec2 .contWrap .tabItem .right .slider .slick-prev{left: 0; top:50%; cursor: url(http://www.hayaanzip.com/web/images/main/arrow-left.png),w-resize;}
.content .sec2 .contWrap .tabItem .right .slider .slick-prev:hover{cursor: url(http://www.hayaanzip.com/web/images/main/arrow-left.png),w-resize;}
.content .sec2 .contWrap .tabItem .right .slider .slick-next{right: 0; top:50%; cursor: url(http://www.hayaanzip.com/web/images/main/arrow-right.png),e-resize;}
.content .sec2 .contWrap .tabItem .right .slider .slick-next:hover{cursor: url(http://www.hayaanzip.com/web/images/main/arrow-right.png),e-resize;}

/* SPECIAL BENEFIT */
.content .sec3{background: #fff; padding-bottom: 113px;}
.content .sec3 ul{max-width: 1230px; width: 100%; margin: 0 auto; padding-top: 105px; padding-bottom: 200px;}
.content .sec3 ul::after{display: block; clear: both; content:"";}
.content .sec3 ul li{float: left; width: 25%; text-align: center;}
.content .sec3 ul li img{margin-bottom: 30px;}
.content .sec3 ul li h3{font-family: "NotoSansCJKkrMedium",sans-serif; font-size: 24px; color: #222}
.content .sec3 ul li p{font-family: 'NotoSansCJKkrLight',sans-serif; font-size: 14px; color: #222; line-height: 24px; padding-top: 30px;}
.content .sec3 .questInSec{width: 93.3%; max-width:1590px; margin: 0 auto; background: #f6f6f6; text-align: center; padding-top: 80px; padding-bottom: 87px;}
.content .sec3 .questInSec p{font-size: 24px; line-height: 36px; font-family: 'NotoSansCJKkrLight',sans-serif; padding-top: 20px;}
.content .sec3 .questInSec p span{font-family: "NotoSansCJKkrRegular",sans-serif; }
.content .sec3 .questInSec div{transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; width: 193px; height: 50px; box-sizing: border-box; border: 1px solid #dadada; margin: 40px auto 0; position: relative;}
.content .sec3 .questInSec div a{display: block; text-align: center; font-size: 18px; font-family: 'NotoSansCJKkrLight',sans-serif; color: #222; padding: 15px 0; position: absolute; width: 100%;}
.content .sec3 .questInSec div:hover {
	color: #fff !important;
	background-color: transparent;
	border: 1px solid #222;
}
.content .sec3 .questInSec div:hover a{
	color: #fff;
}
.content .sec3 .questInSec div:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.content .sec3 .questInSec div:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: 0;
	content: '';
	color: #fff !important;
	background: #222;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


@media screen and (max-width: 1200px) and (min-width: 641px){
	#banner .mainTop{height: auto;}
	#banner .topContWrap{height: 450px;}
	#banner .mainTop .topTxt{width:100%; padding:0 25px;}
	#banner .mainTop .topTxt h1{font-size: 35px;}
	#banner .mainTop .topTxt p{font-size: 15px; margin-top: 19px;}
	.visual{height:100%;}
	.visual .visul_left{bottom:15px;}
	.visual .visul_left li{margin-left:3px;}
	.visual .visul_left li:last-child{margin-left:0;}

	.main .mainTop .bgImg>div div.video_slide video{width:100%; height:100%;}
	.main .mainTop .bgImg .slick-dots{bottom:35px;}

	.content .mainTop{height: auto;}
	.content .topContWrap{height: 450px;}
	.content .mainTop .topTxt{width:100%; padding:0 25px;}
	.content .mainTop .topTxt h1{font-size: 35px;}
	.content .mainTop .topTxt p{font-size: 15px; margin-top: 19px;}

	.content .sec{padding-top: 70px;}
	.content .sec h2{font-size: 42px; padding-top:80px;}
	.content .sec p{font-size: 16px; padding-top: 26px;}

	.content .sec1{width:100%; height:1675px; padding:0 25px; margin-top: 450px;}
	.content .sec1 div.cont{height:1450px; width:100%;}
	.content .sec1 .live{width:526px; left:0; top:87px;}
	.content .sec1 .drink{width:365px; right: 0; top: 430px;}
	.content .sec1 .enjoy{width:443px; left: 0; top: 961px;}
	.content .sec1 div.cont h3{font-size: 33px; padding-top: 30px;}
	.content .sec1 div.cont p{font-size: 14px; line-height: 18px; padding-top: 10px;}
	.content .sec1 > div a{font-size: 12px; margin-top: 25px;}

	.content .sec2 .contWrap .tabItem .right .slider .slick-prev{width:0;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-prev:hover{cursor:auto;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-next{width:0;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-next:hover{cursor:auto;}

	.content .sec1 .live a img{width: 25px; margin-left: 8px; margin-top: -4px;}

	.content .sec1 .drink a{float: left; text-align: right;}
	.content .sec1 .drink a img{width: 25px; margin-left: 8px; margin-top: 2px;}

	.content .sec1 .enjoy a img{width: 25px; margin-left: 8px; margin-top: -4px;}

	.content .sec2{padding-bottom: 90px;}
	.content .sec2 .contWrap{width: 100%; margin: 45px auto 0;}
	.content .sec2 .contWrap .tab{width: 285px;}
	.content .sec2 .contWrap .tab li a{font-size: 15px; padding: 15px 0;}
	
	.content .sec2 .contWrap .tabItem{padding-top: 25px;}
	.content .sec2 .contWrap .tabItem .tit_m{display: block; text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 30px;}

	.content .sec2 .contWrap .tabItem .left{float: right; width: 100%; max-width: 100%; height: auto; padding-right: 0; padding-bottom: 45px;}
	.content .sec2 .contWrap .tabItem .left .tit{display: none;}
	.content .sec2 .contWrap .tabItem .left ul{padding-top:48px;}
	.content .sec2 .contWrap .tabItem .left ul::after{display: block;}
	.content .sec2 .contWrap .tabItem .left ul li{float: left; width: 33.3333%; font-size: 14px;}
	.content .sec2 .contWrap .tabItem .left ul li.option1{background: url(http://www.hayaanzip.com/web/images/main/space_ico1.png) no-repeat 20px center; background-size: 32px;}
	.content .sec2 .contWrap .tabItem .left ul li.option2{background: url(http://www.hayaanzip.com/web/images/main/space_ico2.png) no-repeat 20px center; background-size: 29px;}
	.content .sec2 .contWrap .tabItem .left ul li.option3{background: url(http://www.hayaanzip.com/web/images/main/space_ico3.png) no-repeat 20px center; background-size: 25px;}
	.content .sec2 .contWrap .tabItem .left ul li.option4{background: url(http://www.hayaanzip.com/web/images/main/space_ico4.png) no-repeat 20px center; background-size: 24px;}
	.content .sec2 .contWrap .tabItem .left ul li.option5{background: url(http://www.hayaanzip.com/web/images/main/space_ico5.png) no-repeat 20px center; background-size: 31px;}
	.content .sec2 .contWrap .tabItem .left ul li.option6{background: url(http://www.hayaanzip.com/web/images/main/space_ico6.png) no-repeat 20px center; background-size: 24px;}
	.content .sec2 .contWrap .tabItem .left ul li.option7{background: url(http://www.hayaanzip.com/web/images/main/space_ico7.png) no-repeat 20px center; background-size: 31px;}
	.content .sec2 .contWrap .tabItem .left ul li.option8{background: url(http://www.hayaanzip.com/web/images/main/space_ico8.png) no-repeat 20px center; background-size: 29px;}
	.content .sec2 .contWrap .tabItem .left ul li.option9{background: url(http://www.hayaanzip.com/web/images/main/space_ico9.png) no-repeat 20px center; background-size: 26px;}
	.content .sec2 .contWrap .tabItem .left p{line-height: 15px; font-size: 11px; right: 0; left: 40px; top:180px;}
	.content .sec2 .contWrap .tabItem .right{float: right; width: 100%; height: auto;}
	.content .sec2 .contWrap .tabItem .right .bx-wrapper{margin-bottom: 30px;}

	.content .sec3{padding-bottom: 95px;}
	.content .sec3 ul{width: 100%; padding-top: 95px; padding-bottom: 130px;}
	.content .sec3 ul li{width: 50%; min-height: 224px; padding-bottom: 80px;}
	.content .sec3 ul li img{width: 105px; margin-bottom: 25px;}
	.content .sec3 ul li h3{font-size: 20px;}
	.content .sec3 ul li p{font-size: 12px; line-height: 18px; padding-top: 20px;}

	.content .sec3 .questInSec{width: calc(100% - 40px); margin: 0 auto; padding-top: 70px; padding-bottom: 75px;}
	.content .sec3 .questInSec p{font-size: 20px;}
	.content .sec3 .questInSec div{height: 44px; margin: 30px auto 0; width: 150px;}
	.content .sec3 .questInSec div a{width: 150px; font-size: 14px; margin: 0 auto 0; padding: 15px 0;}

	.content .sec3 .questInSec div:before{background:none; color:#222;}
	.content .sec3 .questInSec div:hover a{color:#222;}
	.content .sec3 .questInSec div:hover{background:#fff;}
}

@media screen and (max-width:920px){
	.content .sec1 div.cont{height:1450px; width:100%;}
	.content .sec1 .live{width:526px; left:0; top:87px;}
	.content .sec1 .drink{width:365px; right: 0; top: 482px;}
	.content .sec1 .drink .drink_txt{position:absolute; left:-261px; bottom:0; width:231px; text-align:right;}
	.content .sec1 .drink .drink_txt p{text-align:right;}
	.content .sec1 .drink a{float:right;}
	.content .sec1 .enjoy{width:443px; left: 0; top: 1036px;}
}

@media screen and (max-width: 640px){
	#banner .mainTop{height: auto;}
	#banner .tv{display:none;}
	#banner .m{display:block;}
	#banner .topContWrap{height: 450px;}
	
	/*.main .mainTop .bgImg>div div.video_slide{display:none;}*/
	.main .mainTop .bgImg>div.slider_main{display:none;}
	.main .mainTop .bgImg>div.slider_main_m{display:block;}
	.main .mainTop .bgImg>div div.video_slide video{width:100%; height:100%;}
	.main .mainTop .bgImg .slick-dots{bottom:35px;}


	#banner .mainTop .topTxt{width:90%; margin:0 auto;}
	#banner .mainTop .topTxt h1{font-size: 35px; line-height:40px;}
	#banner .mainTop .topTxt p{font-size: 16px; margin-top: 20px; line-height:20px;}

	.visual{height:100%;}
	.visual .visul_left{bottom:15px;}
	.visual .visul_left li{margin-left:3px;}
	.visual .visul_left li:last-child{margin-left:0;}


	.content .mainTop{height: auto;}
	.content .tv{display:none;}
	.content .m{display:block;}
	.content .topContWrap{height: 450px;}

	.content .mainTop .topTxt{width:90%; margin:0 auto;}
	.content .mainTop .topTxt h1{font-size: 35px; line-height:40px;}
	.content .mainTop .topTxt p{font-size: 16px; margin-top: 20px; line-height:20px;}

	.content .hiddenSec .wrap{height: 45px;}
	.content .hiddenSec .wrap .scrollArrow{width: 15px; height: 8px;}
	@keyframes scroll {
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}
	@-webkit-keyframes scroll {   
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}
	@-moz-keyframes scroll { 
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}
	@-ms-keyframes scroll {   
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}
	@-o-keyframes scroll {   
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}
	@keyframes scroll {   
	  0% {
		top: 18px;
	  }
	  100% {
		top: 27px;
	  }
	}

	.content .sec{padding-top: 0px;}
	.content .sec h2{font-size: 30px; padding-top:79px;}
	.content .sec p{font-size: 16px; padding-top: 25px;line-height:24px;}

	.content .sec1{padding:0 25px; height:auto; margin-top:450px;}
	.content .sec1 > div h3{font-size: 34px; padding-top: 15px;}
	.content .sec1 > div p{font-size: 17px; line-height: 25px; padding-top: 7px;}
	.content .sec1 > div a{font-size: 10px; margin-top: 15px;}
	.content .sec1 > div a img{width: 17px; margin-left: 3px; margin-top: -4px;}
	.content .sec1 div.cont{height:1550px; width:100%;}
	.content .sec1 .live{width:80%; left:0; top:87px;}
	.content .sec1 .drink{width:56%; right: 0; top: 482px;}
	.content .sec1 .drink .drink_txt{position:static; left:0; width:auto;}
	.content .sec1 .drink .drink_txt p{text-align:right; }
	.content .sec1 .enjoy{width:68%; left: 0; top: 1036px;}


	.content .sec2{padding-bottom: 55px;}
	.content .sec2 .contWrap{width: 100%; margin: 30px auto 0;}
	.content .sec2 .contWrap .tab{width: 285px;}
	.content .sec2 .contWrap .tab li a{font-size: 13px; padding: 12px 0;}

	.content .sec2 .contWrap .tabItem .right .slider .slick-prev{width:0;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-prev:hover{cursor:auto;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-next{width:0;}
	.content .sec2 .contWrap .tabItem .right .slider .slick-next:hover{cursor:auto;}
	
	.content .sec2 .contWrap .tabItem{padding-top: 25px;}
	.content .sec2 .contWrap .tabItem .tit_m{display: block; text-align: center; font-size: 17px; line-height: 22px;}

	.content .sec2 .contWrap .tabItem .left{float: right; width: 100%; height: auto; padding-right: 0; padding-bottom: 45px; max-width: 100%;}
	.content .sec2 .contWrap .tabItem .left .tit{display: none;}
	.content .sec2 .contWrap .tabItem .left ul{padding-top:21px;}
	.content .sec2 .contWrap .tabItem .left ul::after{display: block;}
	.content .sec2 .contWrap .tabItem .left ul li{float: left; width: 50%; font-size: 13px;}
	.content .sec2 .contWrap .tabItem .left ul li.option1{background: url(http://www.hayaanzip.com/web/images/main/space_ico1.png) no-repeat 20px center; background-size: 28px;}
	.content .sec2 .contWrap .tabItem .left ul li.option2{background: url(http://www.hayaanzip.com/web/images/main/space_ico2.png) no-repeat 20px center; background-size: 26px;}
	.content .sec2 .contWrap .tabItem .left ul li.option3{background: url(http://www.hayaanzip.com/web/images/main/space_ico3.png) no-repeat 20px center; background-size: 23px;}
	.content .sec2 .contWrap .tabItem .left ul li.option4{background: url(http://www.hayaanzip.com/web/images/main/space_ico4.png) no-repeat 20px center; background-size: 21px;}
	.content .sec2 .contWrap .tabItem .left ul li.option5{background: url(http://www.hayaanzip.com/web/images/main/space_ico5.png) no-repeat 20px center; background-size: 27px;}
	.content .sec2 .contWrap .tabItem .left ul li.option6{background: url(http://www.hayaanzip.com/web/images/main/space_ico6.png) no-repeat 20px center; background-size: 21px;}
	.content .sec2 .contWrap .tabItem .left ul li.option7{background: url(http://www.hayaanzip.com/web/images/main/space_ico7.png) no-repeat 20px center; background-size: 27px;}
	.content .sec2 .contWrap .tabItem .left ul li.option8{background: url(http://www.hayaanzip.com/web/images/main/space_ico8.png) no-repeat 20px center; background-size: 26px;}
	.content .sec2 .contWrap .tabItem .left ul li.option9{background: url(http://www.hayaanzip.com/web/images/main/space_ico9.png) no-repeat 20px center; background-size: 26px;}
	.content .sec2 .contWrap .tabItem .left p{line-height: 15px; font-size: 10px; right: 0; left: 20px; top:205px;}
	.content .sec2 .contWrap .tabItem .right{float: right; width: 100%; height: auto;}
	.content .sec2 .contWrap .tabItem .right .bx-wrapper{margin-bottom: 30px;}
	/*.content .right .slick-dots {width:25px; }*/
	.content .right .slick-dots li{width:25px;}
	.content .right .slick-dots li button{width:25px;}

	.content .sec3{padding-bottom: 45px;}
	.content .sec3 ul{width: 100%; padding-top: 35px; padding-bottom: 45px;}
	.content .sec3 ul li{width: 50%; padding-bottom: 35px; min-height: 200px; box-sizing: border-box;}
	.content .sec3 ul li img{width: 80px; margin-bottom: 15px;}
	.content .sec3 ul li h3{font-size: 13px;}
	.content .sec3 ul li p{font-size: 10px; line-height: 15px; padding-top: 11px;}

	.content .sec3 .questInSec{width: calc(100% - 20px); padding-top: 45px; padding-bottom: 45px;}
	.content .sec3 .questInSec p{font-size: 16px; line-height: 25px; padding-top: 10px;}
	.content .sec3 .questInSec div{width: 118px;  margin: 22px auto 0; height: 33px;}
	.content .sec3 .questInSec div a{ font-size: 11px; padding: 11px 0;}

	#top{position:absolute; left:88%; top:36px;}

	.content .sec3 .questInSec div:before{background:none; color:#222;}
	.content .sec3 .questInSec div:hover a{color:#222;}
	.content .sec3 .questInSec div:hover{background:#fff;}

	.content .sec1 div.cont h3{font-size:40px;}
}
@media screen and (max-width:500px){
	.content .sec1 div.cont{height:1450px; width:100%;}
}