body, html {
    height: 100%;
	margin:0;
	padding:0;
	z-index:-1;
	position:relative;	
	font-family: 微軟正黑體, 微软正黑体, 'Microsoft JhengHei', 微軟雅黑體, 微软雅黑体, 'Microsoft YaHei', 華文黑體, 华文黑体, STHeiti, 華文細黑, 华文细黑, STXihei, '儷黑 Pro', 'LiHei Pro', Helvetica, Arial, Tahoma, sans-serif;

}


a, img{
	border:none;
	}
a{
text-decoration: none;
color:#000;
}

.H1 {
	font-size:36px;
}

.H2 {
	font-size:24px;
}

.H3 {
	font-size:18px;
}

.H4 {
	font-size:14px;
}

.H5 {
	font-size:12px;
}

.C1 {
	color:#39D1B3;
}

.C2 {
	color:#262626;
}

.C3 {
	color:#555555;
}

.C4 {
	color:#a1a1a1;
}

.C5 {
	color:#ffffff;
}

.C6 {
	color:#ff3535;
}

.slide{
	
	width:100%;
	height:100%;
	z-index:-10;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center top;
	min-height:460px;
	max-height:1000px;
}

.slide .bg{
	
	width:100%;
	height:100%;
	z-index: -1000;
position: relative;
}

.slide .bg img{
	min-height:460px;
	min-width:460px;
	}
.slide img{
}

.slide .text {
	
	position:absolute ;
	top:0px;
	left:0;
	width:100%;
	color:#fff;
	font-weight:100;
	z-index:1000;
	margin:0 auto;
	font-size:20px;

}

#slide1{
	background-color:#e4f0f5;
	padding-bottom:50px;
}
#slide1 .bg{
top: 0%;
}


#slide1 .item{
	height:180%;
}


#slide1 .text{
	margin-top:70px;
	width:100%;
	position:relative;
	
}

#slide1 .logo {
text-align:center;
margin-bottom:10px;
}

#slide1 .text h2{
	font-size:20px;
width:78%;
	color:#555555;
	margin:0 auto;
	text-align:justify;
}

#slide1 .text .title{
	margin-top:25%;
	text-align:center;
}


#slide1 .phone-c{
   top: 15%;
   min-width:252px;
	position:absolute;
	
	display:block;
  left: 70%;

}

#slide1 .text .btn{
	width:25%;
	min-width:256px;
}

#musicTherapy{
	width:84%;
	padding:20px 8% 0px 8%;
	float:left;
}

#musicTherapy div{
	width:29.3%;
	float:left;
	font-size:16px;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin: 0px 2% 10px 2%;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	
}
#musicTherapy .name{
	width:100%;
	text-align:center;
	position:absolute;
	height:20px;
	bottom:0;
	padding:4px 0 10px 0;
}

#musicTherapy div img{
	min-width:50px;
}


#slide1 #list {

	width:84%;
	padding:0px 8%;
	float:left;
}
#slide1 #list div{
	width:29.3%;
	float:left;
	font-size:16px;
	color:#555555;
	margin: 0px 2% 10px 2%;
	position:relative;
	text-align:center;
	
}

#slide2 .text .logo img,#slide8 .text .logo img{

   min-width:150px;
   max-width:250px;
   
	
}

.slide .text .title{
font-size: 40px;
font-weight: 100;
letter-spacing: 3px;
margin:20px 0;
}

.slide .text .intro{
font-weight: 100;
letter-spacing: 3px;line-height: 27px;
	text-align:left;

}
.slide .text.center .button {

	/*box-shadow: 0px 18px 36px  rgba(0,0,0,0.5);*/
	cursor:pointer;
	letter-spacing: 2px;
	 /* Firefox 3.6 */ 
 /*background-image: -moz-linear-gradient(top, #0bbbb9, #3ecfb2); */
 /* Safari & Chrome */ 
/* background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3ecfb2),color-stop(1, #0bbbb9)); */
  /* IE6 & IE7 */ 
/*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0bbbb9', endColorstr='#3ecfb2'); */
 /* IE8 */ 
 /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0bbbb9', endColorstr='#3ecfb2')"; */

	
}


.slide .text.center , .slide .text.end{
	text-align:center;
	top:10%;
}



.slide .text.left {
	text-align:left;
	top:25%;
}
.slide .text.left .intro{
	margin-left:27px;
	}

.phone-content{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	
} 

.text .eng{
	
	letter-spacing: 1px;
	font-family:helvetica, arial;
}


 .text .thumbnail div{
	
	width:140px;
	height:68px;
	float:left;
	position:relative;
	cursor:pointer;
	background-color:#000000;
	-webkit-border-radius: 10px;
}
.text .thumbnail div img{
	-webkit-border-radius: 10px;
}

.text .thumbnail span{
	position:absolute;
	top: 17px;
	left: 55px;
}
/*#slide2{
	background-image:url(../../images/bg_slide2_full.jpg);
}
#slide3{
	background-image:url(../../images/bg_slide3_full.jpg);
}
#slide4{
	background-image:url(../../images/bg_slide4_full.jpg);
}
#slide5{
	background-image:url(../../images/bg_slide5_full.jpg);
}
#slide6{
	background-image:url(../../images/bg_slide6_full.jpg);
}
#slide7{
	background-image:url(../../images/bg_slide7_full.jpg);
}*/

#slide2 .txt img{
max-width:287px;
}

#slide2 .text{
   color:#fff;
   margin-left:5%;

}

#slide2 .text h2{
	margin-left:0px;
}
#slide2 .text .reg{

  color:#39d1b3;
}

#slide2 .text .intro{
	font-size:14px;
	letter-spacing:2px;
	width:300px;
	MAX-WIDTH: 90%;
}



#slide2 .text  .button{
	min-width:120px;
}

#slide2 .text .intro .large{
	font-size:22px;
  line-height: 1.6;
  color:#ffffff;
}

#slide2 .text .intro .color{
	color:#35bea3;
	position:relative;
}


#slide2 .text .intro .color img{
	position:relative;
	top:12px;
	margin-right:5px;
}
#slide2 .text .notice{
	color:#cccccc;
	margin-top:20px;
	font-size: 12px;
}

#slide2 .text .notice > a{
  top: 7px;
  position: relative;
}

#slide3 .phone-c{
 left:55%;
   top: 5%;
   z-index:1000;
   width:30%;
   position:absolute;
   min-width:250px;

}
#slide4 .phone-c{
 left:65%;
   top: 25%;
   z-index:1000;
   width:20%;
   position:absolute;
   min-width:250px;

}


#slide4 .text{
   top: 15%;

}
#slide5 .text{
	margin-left:34px;
}
#slide5  .text .title{
	margin-left:0;
}
#slide5  .text .intro{
	margin-left:0;
}
#slide5 h1{
	margin:0px;
}
#slide5 h2{
	margin-bottom:0px;
	margin-top:0px;
	color:#555555;
}

#slide5 img{
	margin-bottom:10px;
}
#playlist-c{
	width:100%;
   position:absolute;
    top:45%;
}
#playlist{
	margin:0 auto;
	padding-top:10px;
position: relative;
}
#playlist .list{
	width:100%;
   float:left;margin-top: 20px;
}
#playlist .playlist_bg{
	position:absolute;
	z-index:-2;
}
#playlist .title{
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#555555;
}



#playlist .list div{
	float:left;
	font-size:16px;
	color:#fff;
	-webkit-border-radius: 12px;
	margin: 0px 20px 10px 0px;
	cursor:pointer;
	position:relative;
	
}
#playlist .list div.r{
	margin-right:0px;
}

#playlist .name{

	position:absolute;

	background-image:url(../../images/p4/overlay_green.png);

}

#playlist .list  div img{
	min-width:50px;
}

.next{
	position:absolute;
	z-index:1000;
	height:7%;
	width:100%;
	text-align:center;
	cursor:pointer;
	min-height:50px;
	opacity:0.6;
	bottom:0;
}
.next img{
	height:100%;
    width: auto;
}


.store{
	position:absolute;
	top:80px;
	z-index:100;
	height:7%;
	width:100%;
	text-align:right;
	cursor:pointer;
}


.store a{
	margin-right:10px;
}


#slide7 .text{
	text-align:center;
	width:100%;
}
#slide7  .text .title{
	margin-left:0;
}
#slide7  .text .intro{
	text-align:center;
}

#slide7 h2{
	margin:0px auto;
}

#slide8 {
	height:130%;
}

#slide8 .reg-c{
	width:100%;
	height:100%;
	/*top:63%;*/
	top:33%;
	/*background: url(../../images/m6_bottom_bg.png) repeat;*/
	background-color: rgba(0, 0, 0, 0.6);
	z-index:10;
	position:absolute;
}

#slide8 .reg{
	margin: 0 auto;
	width:100%;
	position:relative;
}
#slide8 .reg a{
	color:#fff;
}
#slide8 .reg div{

	float:left;
	padding:10px 0;
}
#slide8 .reg #news{
	width:100%;
	text-align:center;
	border-bottom:1px solid #555555;
}
#slide8 .reg #contactus{
	width:100%;
	text-align:center;
	border-bottom:1px solid #555555;
}

.footer{
	width:100%;
	/*top:91%;*/
	background-color:#f8f8f8 ; 
	z-index:10;
	position:absolute;
	font-size:12px;
	color:#565656;
	line-height:17px;
	text-align:center;
	padding:2% 0;
}
#slide8 .text {
/*top:15%;*/
}

#slide8 .text .intro{
	margin:0 auto;
	text-align:center;

}
.footer a{

	color:#565656;
}

.arrow {
	padding-left:14px;
}


#share{

	/*background: rgba(0, 0, 0, 0.6);*/
	padding:12px 0px;
	width:100%;
	
	float:left;
	color:#fff;
	font-size:0.5em;
	/*border-top:1px solid #555555;*/


}

#share #btn-o{
	margin: 0 auto;
    position: relative;
	width:54%;
	color:#fff;
	max-width:320px;
}

#share .btn{
	float:left;
	margin-right:7%;
	width:28.5%;
}


#share .btn.r{

	margin-right:0px;
}

#share .btn .txt{
	margin-top:6px;
	text-align:center;
	color:#fff;
	font-size:12px;
}

@media screen and (min-width:720px){


#slide2 .text .intro{
	width:370px;
	  font-size: 16px;
  margin-top: 40px;
  color:#cccccc;
}

#slide2 .text .intro .large{
	font-size:30px;
  line-height: 1.6;
  color:#ffffff;
}

#slide2 .text .intro .color{
	color:#35bea3;
	position:relative;
}


#slide2 .text .intro .color img{
	position:relative;
	top:19px;
	margin-right:5px;
}


#slide2 .text img,#slide8 .text img{
	margin-bottom:15px;
}

#slide5 .text{
	top:17%;
}
#playlist{
	width:600px;
	height:350px;
	padding-top:10px;
}

	#playlist .list div,#playlist .title{
		font-size:30px;
		
	}
	#playlist .title{
	padding:20px 0px;
	}
	#playlist  .list div{

	
		margin: 0px 5px 15px 20px;
	width:120px;
	height:120px;
	
	}
	#slide2 .text{
	   top: 20%;

	}
	
#playlist .name{

	width:116px;
	height: 40px;
	top: 76px;
	padding:2px;
}
#share .btn .txt{
	font-size:22px;
}
#slide7 .text{
	top:15%;
}
#slide7 h1{
	margin:0px 0px 20px 0px;
	font-size:55px;
}
#slide7 h2{
	font-size:60px;
}
#slide7 .text .banner{
   max-width:400px;
}
#slide7 .text .btn{
   max-width:200px;
}

.text .intro{
	font-size:22px;

	}
#slide8 .text .intro{
   width:440px;
   }
#slide8 .reg a{
	font-size:30px;
}
}

@media screen and (max-width: 719px){
#slide2 .text .intro{
  margin-top: 0;
}


#slide2 .text img,#slide8 .text img{


	margin-bottom:5px;
}

#slide8 .reg a{
	font-size:20px;
}
#slide8 .text .intro{
   width:250px;
   }
#slide7 .text{
	top:17%;
}
#slide5 .text{
	top:9%;
}
	#slide2 .text{
  top: 15%;

	}
#slide3 .text{

}
#playlist{
	width:300px;
	height:190px;
	padding-top:10px;
}
	#playlist .title{
		font-size:15px;
	margin: 5px 10px 5px 0px;
		
	}
#playlist .name{

	width:56px;
	height:20px;
	top:36px;
	padding:2px;
}
#slide7 .text .banner{
   max-width:250px;
}

#playlist  .list div{
	float:left;
	font-size:15px;
	margin: 0px 0px 15px 12px;
	width:60px;
	height:60px;
	
}
#playlist .title{
	padding:5px 0px;
	}
.text .intro{
	font-size:18px;

	}

#slide7 h1{
	margin:0px 0px 10px 0px;
	font-size:35px;
}
#slide7 h2{
	font-size:40px;
}

}

#player{
	width:100%;
	height:100%;
	background:url(../../images/p1/lightbox_bg.png);
	text-align:center;
	position:fixed;
	z-index:2000;
	display:none;
}

#player #close{
	position:absolute;
	top:7%;
	left:90%;
	cursor:pointer;
	z-index:10000;
}
#player video{
  position: FIXED;
  TOP: 0;
  LEFT: 0;
  RIGHT: 0;
  BOTTOM: 0;
  margin: auto;
}

#slide8{
	padding-bottom:70px;
}