/* CSS Document */

.content_spa{background: url(../images/spa_bg_1.jpg) no-repeat top center;}
.spa_top{height: 456px;}
.spa_top img{display:none;}

/* spa_title */
.spa_title{height: 120px;}
.spa_title_1{background: url(../images/spa_title_1.png) no-repeat center;}
.spa_title_2{background: url(../images/spa_title_2.png) no-repeat center;}
.spa_title_3{background: url(../images/spa_title_3.png) no-repeat center;}

/* spa_desc */
.spa_desc{background: url(../images/spa_bg_2.png) repeat; height: 400px;}
.spa_desc_bottom{height: 80px;}
.desc_left{width: 58%; float: left;}
.desc_text{width:80%;margin:10px auto;color: #555555; font-family:songFont; font-size: 17.5px; line-height: 3; font-weight: normal; padding-top: 100px;}
.desc_text:hover{color:#570f0f;}
.desc_image{width: 40%; float: left;}
.desc_image img{width: 80%; padding: 50px 0 0 30px;    padding-top: 0px;}

/* spa_advantage */
.spa_advantage{padding-bottom: 40px;}
.adv_slogan{text-align: center; font-family:fangsongFont; color: #591212; font-size: 1rem; line-height: 2; padding-bottom: 30px;}
.adv_list li{width: 33.3%; float: left; padding-bottom: 100px; color: #fff; text-align: center;}
.adv_image_wrapper{position: relative; width: 340px; margin: 0 auto; display: inline-block;}
.adv_list li:first-child{text-align: left;}
.adv_list li:last-child{text-align: right;}
.adv_image{padding: 5px; width: 330px; height: 230px;}
.adv_outline{width: 340px; height: 240px; position: absolute; top: 0; left: 0;}
.adv_desc{width: 76px; height: 150px; position: absolute; top: 160px; left: 50%; margin-left: -40px; background: url(../images/adv_text_bg.png) no-repeat center; background-size: 100% 100%; display: inline-block;}
{writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.adv_list li:hover .adv_desc{background-image: url(../images/adv_text_hover_bg.png);}
.adv_desc h2{font-family: jianFont; font-size: 17px; margin-left: 28px;  margin-top: 15px;font-weight: 500; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: left; text-indent: 35px; float: left;}
.adv_desc h3{text-transform: uppercase; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; float: left; text-indent: 38px; font-size: 8px; font-weight: normal; line-height: 12px; font-family: songFont;}
.adv_text{writing-mode: tb-rl; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; height: 140px; float: left; padding-top: 35px; font-family: jianFont; padding-left: 10px; font-size: 12px; line-height: 1.5; text-align: left;}

/* spa_activity */
.spa_activity{background: url(../images/spa_bg_2.jpg) repeat center; background-size: auto 100%; padding-bottom: 50px;}
.activity_wrapper{padding-top: 40px;}

/* flexise */
.nbs-flexisel-container{position:relative; max-width:100%;}
.nbs-flexisel-ul{position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;  }
.nbs-flexisel-inner{position: relative; overflow: hidden; float:left; width:100%;}
.nbs-flexisel-item{float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.somejj img{max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px;}

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{padding:5px 10px; position: absolute; cursor: pointer; z-index: 4; }
.nbs-flexisel-nav-left{left: 0px;}
.nbs-flexisel-nav-right{right: 0px;}
.nbs-flexisel-nav-left:before{content: url(../images/spa_button_a1.png)}
.nbs-flexisel-nav-right:before{content: url(../images/spa_button_b1.png)}













@media (max-width: 768px) {
.spa_desc{height: auto; overflow: hidden;}
.spa_top{background:none;height:auto;}
.spa_top img{width:100%;display:block;}
.desc_text{line-height:28px;}
.spa_desc_bottom{height:20px;}



.adv_image_wrapper{width:100%;}
.adv_image{width:93%;height:auto;}
.adv_outline{width:100%;height:auto;}


.adv_desc{top: 49%; display:none;}
.adv_desc h2{font-size:12px;}

.nbs-flexisel-item{width:25%;height:auto;}
.nbs-flexisel-item img{width:100%;height:auto;

}







@media (max-width: 600px) {
	
	
	.spa_title_1{width:90%;background-size: 78%; height: 51px; padding-top: 10%;}
.desc_text{padding-top:0px;font-size:0.8rem;}

	.spa_title_2{background-size: 58%; height: 51px; padding-top: 1%;}
	.adv_slogan{font-size:0.8rem;padding-bottom: 15px;line-height:1.5;}
	
	.adv_list li{padding-bottom:2%;}
	
	.spa_title_3{background-size: 58%; height: 51px; padding-top: 1%;}
	
	.activity_wrapper{padding-top:10px;}
}









@media (max-width: 500px) {
	.nbs-flexisel-item{width:46%;}
	
}

@media (max-width: 400px) {
	.desc_text{height:80px;}
}