html {
height:100%;}
body {
height:100%;}
.portrait {
    height:100%;position:relative;width:100%;overflow:scroll;-webkit-overflow-scrolling: touch;
}
#content {
height:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling: touch;}



.Poster{width:100%;background:url(../images/custom/custom1_bg.jpg) center center no-repeat;background-size:cover;padding-top:5rem;position:relative;}
.Custom_title{width:58.13%;display:block;margin:0 auto;
                              position:relative;
     top: -2rem;
     opacity: 0;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
}

.Custom_title.animate {
        top: 0px;
        opacity: 1;
    }

.Custom_title1.animate {
       bottom:-12rem; 
        opacity: 1;
    }






.Custom_title1{width:60%;display:block;bottom:-16rem; left:20%;
                                       position:relative;
  
     opacity: 0;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;


}
.Poster p{text-align:center;position:absolute;bottom:5rem;width:100%;color:#ffffff;font-size:1rem;line-height:1.8rem;letter-spacing:3px;}
.Poster .next{width:6.72%;position:absolute;bottom:0;left:46.64%;

   opacity: 0;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;


}

.Poster .next.animate {
        bottom: 2rem;
        opacity: 1;
    }










.CultureList ul li{width:90%;font-family:'Hiragino Sans GB';color:#595757;}
.CultureList ul li:nth-child(2n+1){border:1px solid #bdbdbd;margin:0 auto;padding:2rem 0;}
.CultureList ul li:nth-child(2n){margin:auto;}
.CultureList ul li .More1{width:3px;display:block;margin:auto;}
.CultureList ul li h1{text-align:center;font-weight:bolder;margin-top:0.5rem;font-size:2.4rem;line-height:3.2rem;letter-spacing:8px;}
.CultureList ul li h2{text-align:center;font-weight:normal;letter-spacing:13px;letter-spacing:7px;font-size:1.2rem;}
.CultureList ul li.few h1{text-align:center;font-weight:bolder;margin-top:0.5rem;font-size:1.8rem;line-height:2.4rem;letter-spacing:4px;}
.CultureList ul li.few h2{text-align:center;font-weight:normal;letter-spacing:6px;font-size:1.4rem;}
.CultureList ul li .line{width:21.64%;height:2px;display:block;margin:1.8rem auto;background:#ff0000;}
.CultureList ul li .CultureDetail{width:93.37%;display:block;margin:1rem auto;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;}
.CultureList ul li img{margin-top:1rem;}
.CultureList ul li p{width:100%;text-align:left;margin:1rem auto 0;font-size:1.2rem;line-height:1.8rem;letter-spacing:1px;}

.CultureList ul li .More{width:15%;display:block;margin:2rem auto 0;}
/*.CultureList ul li .More.open{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}*/

.famousteacher_center { width:83.59%; margin:auto;}
.famousteacher_center ul li h1{text-align:center;font-weight:bolder;margin-top:2rem;font-size:2.4rem;line-height:3.2rem;letter-spacing:4px; color:#595757;}
.famousteacher_center ul li h2{text-align:center;font-weight:normal;letter-spacing:6px;font-size:1.4rem;}
.famousteacher_center ul li p {margin-top:1.5rem;font-size:1.2rem;line-height:2rem; color:#595757; }
.famousteacher_center ul li .line{width:21.64%;height:2px;display:block;margin:1.8rem auto;background:#ff0000;}
.famousteacher_img { width:100%; display:block; margin-top:1.5rem;margin-bottom:1.5rem;}
.famousteacher_img1 { width:50%; display:block; float:left;}
.famousteacher_img2 { width:90%; display:block; margin:1rem auto;}
.famousteacher_center .More_1 { transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); width:15%;display:block;margin:2rem auto 0;padding-bottom:2rem;float:left; margin-left:35%;}
.famousteacher_center .More_2 { transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); width:15%;display:block;margin:1rem auto 0;padding-bottom:2rem; float:left;margin-left:8%;}
.famousteacher_center ul li h3{text-align:left;font-weight:bold;font-size:1.2rem;}

.CultureList { padding-top:2.5rem;
}

.noiphone_4 {display:block;}
.iphone_4 {display:none;}




.swiper-container {
  /*  width: 320px;
    height: 480px;*/
	width: 100%;
    height: 100%;
	background:#fff;
      overflow:hidden;
  
}  

.swiper-slide{
	width:100%;
	height:100%;
	background-color:#ffffff;
	background-size:100% 100%;


}

.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.ani{
	position:absolute;
	}
.txt{
	position:absolute;
}
#array{
	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}


@media(max-height:450px) {
    .Poster{width:100%;background:url(../images/famousteacher/famousteacher1_bg.jpg) center center no-repeat;background-size:cover;padding-top:2rem;position:relative;}
    .famousteacher_title{width:45%;display:block;margin:0 auto;}
    .Poster p{text-align:center;position:absolute;bottom:5rem;width:100%;color:#ffffff;font-size:0.7rem;line-height:1.6rem;}
    .CultureList { padding-top:2.5rem;}
    .CultureList ul li:nth-child(2n+1){border:1px solid #bdbdbd;margin:0 auto;padding:1rem 0;}
    .CultureList ul li .line{width:21.64%;height:2px;display:block;margin:0.5rem auto;background:#ff0000;}
    .CultureList ul li img{margin-top:0.1rem;}
    .CultureList ul li.few h1{text-align:center;font-weight:bolder;margin-top:0.1rem;font-size:1.6rem;line-height:2rem;letter-spacing:4px;}
    .iphone_4 { display:block;}
        .noiphone_4 { display:none;}
    .CultureList ul li .CultureDetail{ height:auto;}



    .famousteacher_img2 { display:none;}





}