.bg_cream{background-color:#f7f4ed;}
.bg_white{background-color:#ffffff;}

/* Home Slide */
.div_home_slide{ position:relative; height:675px;}
.div_home_slide_slider{ width:100%; height:100%; }
.div_home_slide_bg{ width:100%; height:100%;  background-size:cover; background-position:center; background-repeat: repeat-x;}
.div_home_slide_content{ position:absolute;  margin-left:-600px; left:50%;bottom:70px; width:1200px; height:295px; pointer-events: none;}
.home_slide_content{ position:absolute; left:0px; top:0px; width:600px;height:295px; overflow: hidden;}
.home_slide_title{color:#fff; font-size:50px; font-weight:bold; line-height:48px; margin-left:40px; margin-top:18px;margin-bottom:0px;width:85%; white-space:nowrap; }
.home_slide_desciption{color:#fff; font-size:28px; font-weight:bold; line-height:26px; margin-left:40px; width:85%; padding-top:10px; }
.home_slide_button{position:absolute;width:200px; left:40px; top:230px; pointer-events:auto;}

/* WhySpringmate */
.div_whyspringmate{ margin-top:60px;padding-bottom:60px; height:730px;}

.div_whyspringmate_left{  }
.div_whyspringmate_link{ position:relative; background-color:#fff; width:100%; height:340px; overflow: hidden; }
.div_whyspringmate_link  a{ position:absolute; left:0; top:0; display:block; width:100%;height:100%}
.div_whyspringmate_link .whyspringmate_img{float:left; width:390px;height:340px;}
.div_whyspringmate_link .whyspringmate_text{float:left; width:390px;height:340px; color:#57671e;}
.div_whyspringmate_link .whyspringmate_text .title{ margin-left:50px; margin-top:105px; }
.div_whyspringmate_link .whyspringmate_text .desc{ margin-left:50px; margin-top:0px; }
.div_whyspringmate_link .whyspringmate_text .link{ margin-left:50px; margin-top:35px; }
.div_home_video{ width:100%; height:360px; background-color:#fff; margin-top:20px; }
.div_home_video .thumb{ position:relative;width:100%; height:360px; background-size:contain; background-position:center; background-repeat: no-repeat; }
.div_home_video .thumb a{ position:absolute; left:0; top:0; display:block; width:100%;height:100%}

.div_whyspringmate_right{ position:relative; background-color:#fff; height:720px; overflow: hidden; }
.div_whyspringmate_right .map_img{ position:relative; width:380px;height:auto;}
.div_whyspringmate_right .map_img img{max-width: 100%; height: auto;}
.div_whyspringmate_right .client_text{ color:#4a6484; text-align: center; margin-top:-50px; }
.div_whyspringmate_right .room_count { float:left; width:55%; margin-top: 40px; color:#4a6484; text-align: right; font-family:'Times New Roman';font-size: 48px; font-weight:bold; line-height: 36px;}
.div_whyspringmate_right .room_text{ float:left; width:30%; margin-top: 52px; margin-left: 20px;  color:#4a6484; text-align:left; }
.div_whyspringmate_right .home_client_button{ position:relative; width:200px; margin: 48px auto;}

/* popup video */
.opacity{ background: url('../../home/popup_opacity.png'); width: 100%; height: 100%; z-index: 8500; position:absolute;display: none; }
a.btn_close_video{ position:absolute; right:0px; top:0px;width: 50px;height: 50px; 
		background: url('../../home/popup_close.png') no-repeat; display:block; text-indent: -9999px; overflow: hidden;}
.bg_gallery_video{  position:relative; width:820px; height:430px; margin: 1220px auto 0 auto;  /* left:50%; margin-top:100px; margin-left:-410px; */ }
.popupgallery .youtube_video{ position:relative; top:0px; width:720px; height:430px;  display:block; margin: 0px auto; }

/* Promotion Product */
.div_promotion_product{}

.div_promotion{ position:relative; height: 470px; margin-bottom:40px;}
.div_promotion .seperate{position:absolute; top:10%; right:0; background-color:#e0e0e0; width:2px; height:90%;}
.div_promotion .title{ color:#4a6484; margin-top:30px; }
.div_promotion .div_promotion_slide{ position:relative;margin-top:40px; width:540px; height:320px; }
.div_promotion .div_promotion_slide .promotion_data{ position:relative; width:100%; height:100%; overflow: hidden; }
.promotion_data img{ width:100%; height:auto; overflow: hidden; }
.promotion_data .promotion_text{ margin-top:20px;color:#272727; max-height: 108px;overflow: hidden; }
.div_promotion .link{color:#4a6484; position:absolute; bottom:30px; right:40px;}

.div_product{ position:relative; height: 530px; margin-bottom:40px;}
.div_product .title{ color:#57671e; margin-top:30px;margin-left:60px; }
.div_product .div_product_slide{ position:relative;margin:40px auto; width:420px; height:320px; }
.div_product .div_product_slide .product_data{ position:relative; width:100%; height:100%; overflow: hidden; }
.product_data .image{ width:100%; height:240px; overflow: hidden; background-size:contain; background-position:center; background-repeat: no-repeat;}
.product_data .product_text{ margin-top:10px;color:#272727; max-height: 96px; text-align:center; overflow: hidden; font-size:46px!important; line-height:48px!important;}
.div_product .link1{color:#57671e; position:absolute; bottom:60px; right:0px;}
.div_product .link2{color:#57671e; position:absolute; bottom:30px; right:0px;}

/* override slick arrow */
.slick-prev,
.slick-next {
  height: 60px !important;
  width: 27px !important;
  cursor: pointer;
  background: url('../../home/arrow_prev.png') !important;
}
.slick-next {background: url('../../home/arrow_next.png') !important;}
.slick-prev {
  left: -35px !important; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -35px !important; }
.slick-prev:before {
    content: "" !important; }
    [dir="rtl"] .slick-prev:before {
      content: ""  !important; }
.slick-next {
  right: -35px !important; }
  [dir="rtl"] .slick-next {
    left: -35px !important;
    right: auto; }
.slick-next:before {
    content: ""  !important; }
    [dir="rtl"] .slick-next:before {
      content: ""  !important; }

/* Location */
.div_location{ position:relative; height:117px; background: url('../../home/home_googlemap.jpg') center no-repeat; background-size:cover;}
.div_location .home_location_button{ position:relative; width:200px; top:40px; margin: 0px auto;}

@media screen and (max-width: 480px) {
	.div_home_slide { height:600px; }
	.div_home_slide_content{ width:100%; margin-left:auto;left:0px;bottom:0px; }
	.div_home_slide_bg{background-size:contain; background-position:top; }
	.home_slide_content{ width:100%;}
	.home_slide_title{font-size:34px; font-weight:normal; margin-left:16px; margin-top:15px; line-height:32px; }
	.home_slide_desciption{font-size:22px; font-weight:normal; margin-left:16px;padding-top:6px;line-height:20px; }
	.home_slide_button{ margin-left:-105px;left:50%;top:200px; }
	
	.div_whyspringmate{ height:1640px; padding-bottom:40px;}
	
	.div_whyspringmate_link{ height:auto; }
	.div_whyspringmate_link .whyspringmate_text .title{ margin-left:25px; }
	.div_whyspringmate_link .whyspringmate_text .desc{ margin-left:25px; }
	.div_whyspringmate_link .whyspringmate_text .link{ margin-left:25px; }

	.div_whyspringmate_client{ margin-top:60px;}
	
	.div_whyspringmate_right{ margin-top:0px; }
	.div_whyspringmate_right .map_img{width:100%;}
	
	.div_home_video{ height:200px; }
	.div_home_video .thumb{ height:200px; }
	.bg_gallery_video{ zoom:0.4;margin-top:3200px;}
	
	.div_promotion{ margin-bottom:20px;height: 300px;}
	.div_promotion .seperate{width:100%; height:2px; top:auto; right:auto; left:0; bottom:0;}
	.div_promotion .div_promotion_slide{width:100%;}
	
	.div_product{ margin-bottom:40px;height: 445px;}
	.div_product .title{ margin-top:10px;margin-left:0px;  }
	.div_product .div_product_slide{width:80%;margin:0px auto;}
	.product_data .product_text{ font-size:36px!important; line-height:33px!important;}
	.div_product .link1{bottom:50px; }
	.div_product .link2{bottom:20px; }
}