@charset "UTF-8";

@media screen and (max-width: 320px) {

.self-novideo{
  width:300px;
}

.self-video{
  width:300px;
}

.sub_video_in{
  width:290px;
  height:100%;
  padding: 0 0 10px 4px;
}

.moviebg{
  width:300px;
  margin:0;
  padding: 10px 0 0 0;
}

#ps_movie{
  width:300px;
  margin:10px 0 0 4px;
}

#psmovie{
  width:300px;
  margin:10px 0 0 4px;
}

.moviep{
  width:300px;
  font-size:11px;
  line-height:14px;
  margin: 10px 0 0 4px;
  text-align:left;
}

.moviep span{
  color:red;
}

.moremovie{
  font-size:14px;
  text-align:center;
  width:200px;
  margin: 30px auto;
}


.diary_block{
       width:292px;
       margin:0 auto;
  padding:0 0 0 8px;
}

.e{
  margin:0 0 0 10px;
  padding:12px 0 0 0;
  font-size:9px;
  text-align:left;
  width:150px;
  color:#ff8298;
  line-height:11px;
}

.f{
  margin: 8px 0 0 0;
  font-size:10px;
  text-align:left;
  width:160px;
  color:#575353;
  line-height:11px;
  position:relative;
  left:10px;
}


.qleft{
  width:150px;
  float:left;
  position:relative;
  left:-5px;
}

.qright{
  width:150px;
  float:right;
  position:relative;
  left:-12px;
}


#tab03{
       width:300px;
min-height: 100px;
height: auto !important;
height: 100px;
       padding: 0 0 15px 0;
}

#tab01{
       padding:10px 0 0 0;
}

#tab02{
       width:300px;
}



.diary_1{
       float:left;
       width:160px;
       margin:10px 0 0 0;
}

.diary_2{
       width:160px;
       float:right;
       margin:10px 0 0 0;
}

.bunbun p{
      font-size:11px;
      color:black;
      padding:0 0 0 10px;
}

.line_q{
      width:308px;
      height:5px;
      margin:0 0 0 5px;
      padding:0;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      border-top: 1px solid #ff8a9e;
      background: #ff99ab;
      
}
.line_c{
       background:#ff99ab;
       height:20px;
       width:308px;
       margin:0 0 0 5px;
       padding:0;
       border-left: 1px solid #ff8a9e;
       border-right: 1px solid #ff8a9e;
       border-bottom: 1px solid #ff8a9e;
}

#tabzone{
      min-width:310px;
      width:310px;
      background:url(../imgs/backgg.gif);
      margin: 5px 0 0 0;
      text-align:center;
      
}

.bbgg{
      background:#ff99ab;
      width:308px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      margin:0 0 0 5px;
}

#tabnavi {
      margin:0 0 0 5px;
      padding:0;
      width:310px;
}
#tabnavi li{
	display:inline;
      text-align:center;
      position:relative;
      left:-6px;
}

#tabnavi li a{
	display:inline-block;
	background:#ff99ab;
	color:#ffffff;
	border-radius:5px 5px 0 0;
	text-decoration:none;
      font-size:13px;
      font-weight:bold;
      text-align:center;
      margin:0;
      width:98px;
      line-height:28px;
      padding:0;
}

#tabnavi li a.active{
	background:#ffffff;
	color:#333;
}
#tabcontent{
      width:308px;
      margin:0 0 0 5px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      background:white;
}
}

@media screen and (min-width:321px) and (max-width: 374px) {

.self-novideo{
  width:330px;
}

.self-video{
  width:330px;
}

.moviebg{
  width:340px;
  margin:0;
  padding: 10px 0 0 0;
}

.sub_video_in{
  width:340px;
  height:100%;
  padding: 0 0 10px 0;
}


#ps_movie{
  width:330px;
  margin:10px 0 0 7px;
}

#psmovie{
  width:320px;
  margin:10px 0 0 10px;
}

.moviep{
  width:320px;
  font-size:11px;
  line-height:14px;
  margin: 10px 0 0 8px;
  text-align:left;
}

.moviep span{
  color:red;
}

.moremovie{
  font-size:14px;
  text-align:center;
  width:200px;
  margin: 30px auto;
}

.diary_block{
       width:332px;
       margin:0 auto;
  padding:0 0 0 8px;
}

.e{
  margin:8px 0 0 14px;
  font-size:10px;
  text-align:left;
  width:160px;
  color:#ff8298;
  line-height:11px;
}

.f{
  margin: 4px 0 0 0;
  font-size:10px;
  text-align:left;
  width:160px;
  color:#575353;
  line-height:11px;
  position:relative;
  left:13px;
}

.qleft{
  width:160px;
  float:left;
  position:relative;
  left:-5px;
}

.qright{
  width:160px;
  float:right;
  position:relative;
  left:-12px;
}


#tab03{
       width:340px;
min-height: 100px;
height: auto !important;
padding: 0 0 20px 0;
}

#tab01{
       padding:10px 0 0 0;
}

#tab02{
       width:340px;
}



.diary_1{
       float:left;
       width:160px;
       margin:10px 0 0 0;
}

.diary_2{
       width:160px;
       float:right;
       margin:10px 0 0 0;
}

.bunbun p{
      font-size:11px;
      color:black;
      padding:0 0 0 10px;
}

.line_q{
      width:348px;
      height:5px;
      margin:0 0 0 5px;
      padding:0;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      border-top: 1px solid #ff8a9e;
      background: #ff99ab;
      
}
.line_c{
       background:#ff99ab;
       height:20px;
       width:348px;
       margin:0 0 0 5px;
       padding:0;
       border-left: 1px solid #ff8a9e;
       border-right: 1px solid #ff8a9e;
       border-bottom: 1px solid #ff8a9e;
}

#tabzone{
      min-width:350px;
      width:350px;
      background:url(../imgs/backgg.gif);
      margin: 5px 0 0 0;
      text-align:center;
      
}

.bbgg{
      background:#ff99ab;
      width:348px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      margin:0 0 0 5px;
}

#tabnavi {
      margin:0 0 0 5px;
      padding:0;
      width:350px;
}
#tabnavi li{
	display:inline;
      text-align:center;
      position:relative;
      left:-6px;
}

#tabnavi li a{
	display:inline-block;
	background:#ff99ab;
	color:#ffffff;
	border-radius:5px 5px 0 0;
	text-decoration:none;
      font-size:13px;
      font-weight:bold;
      text-align:center;
      margin:0;
      width:100px;
      line-height:28px;
      padding:0;
}

#tabnavi li a.active{
	background:#ffffff;
	color:#333;
}
#tabcontent{
      width:348px;
      margin:0 0 0 5px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      background:white;
}
}



@media screen and (min-width: 375px) and (max-width: 413px) {

.self-novideo{
  width:350px;
}

.self-video{
  width:350px;
}

.moviebg{
  width:365px;
  margin:0;
  padding: 10px 0 0 0;
}

.sub_video_in{
  width:365px;
  height:100%;
  padding: 0 0 10px 0;
}

#ps_movie{
  width:350px;
  margin:10px 0 0 -3px;
}

#psmovie{
  width:350px;
  margin:10px 0 0 -3px;
}

.moviep{
  width:350px;
  font-size:11px;
  line-height:14px;
  margin: 10px 0 0 10px;
  text-align:left;
}

.moviep span{
  color:red;
  position:relative;
  top:-5px;
}

.moremovie{
  font-size:14px;
  text-align:center;
  width:200px;
  margin: 30px auto;
}

.diary_block{
       width:343px;
       margin:0 auto;
  padding:0 0 0 7px;
}

.e{
  margin:0 0 0 14px;
  padding:15px 0 0 0;
  font-size:11px;
  text-align:left;
  width:170px;
  color:#ff8298;
  line-height:11px;
}

.f{
  margin: 8px 0 0 0;
  font-size:11px;
  text-align:left;
  width:170px;
  color:#575353;
  line-height:11px;
  position:relative;
  left:13px;
}

.qleft{
  width:175px;
  float:left;
  position:relative;
  left:-5px;
}

.qright{
  width:175px;
  float:right;
  position:relative;
  left:-12px;
}


#tab03{
width:365px;
min-height: 100px;
height: auto !important;
height: 100px;
padding: 0 0 20px 0;
}

#tab01{
       padding:10px 0 0 0;
}

#tab02{
       width:365px;
}



.diary_1{
       float:left;
       width:160px;
       margin:10px 0 0 0;
}

.diary_2{
       width:160px;
       float:right;
       margin:10px 0 0 0;
}

.bunbun p{
      font-size:11px;
      color:black;
      padding:0 0 0 10px;
}

.line_q{
      width:363px;
      height:5px;
      margin:0 0 0 5px;
      padding:0;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      border-top: 1px solid #ff8a9e;
      background: #ff99ab;
      
}
.line_c{
       background:#ff99ab;
       height:20px;
       width:363px;
       margin:0 0 0 5px;
       padding:0;
       border-left: 1px solid #ff8a9e;
       border-right: 1px solid #ff8a9e;
       border-bottom: 1px solid #ff8a9e;
}
#tabzone{
      min-width:365px;
      width:365px;
      background:url(../imgs/backgg.gif);
      margin: 5px 0 0 0;
      text-align:center;
      
}

.bbgg{
      background:#ff99ab;
      width:363px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      margin:0 0 0 5px;
}

#tabnavi {
      margin:0 0 0 5px;
      padding:0;
      width:365px;
}
#tabnavi li{
	display:inline;
      text-align:center;
      position:relative;
      left:-6px;
}
#tabnavi li a{
	display:inline-block;
	background:#ff99ab;
	color:#ffffff;
	border-radius:5px 5px 0 0;
	text-decoration:none;
      font-size:13px;
      font-weight:bold;
      text-align:center;
      margin:0;
      width:115px;
      line-height:28px;
      padding:0;
}

#tabnavi li a.active{
	background:#ffffff;
	color:#333;
}
#tabcontent{
      width:363px;
      margin:0 0 0 5px;
      background:white;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
}
}

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

.self-novideo{
  width:365px;
}

.self-video{
  width:365px;
}

.sub_video_in{
  width:392px;
  height:100%;
  padding: 0 0 10px 0;
}

.moviebg{
  width:392px;
  margin:0;
  padding:10px 0 0 0;
}

#ps_movie{
  width:365px;
  height:280px;
  position:relative;
  left:4px;
}


.ps-movie{
  width:372px;
  margin:10px 0 0 0;
}

.moviep{
  width:365px;
  font-size:11px;
  line-height:14px;
  margin: 10px 0 0 15px;
  text-align:left;
}

.moviep span{
  color:red;
  position:relative;
  top:-5px;
}

.moremovie{
  font-size:14px;
  text-align:center;
  width:200px;
  margin: 30px auto;
}

.diary_block{
       width:368px;
       margin:0 auto;
   padding:0 0 0 7px;
}

.e{
  margin:0 0 0 14px;
  padding:15px 0 0 0;
  font-size:11px;
  text-align:left;
  width:180px;
  color:#ff8298;
  line-height:11px;
}

.f{
  margin: 8px 0 0 0;
  font-size:11px;
  text-align:left;
  width:180px;
  color:#575353;
  line-height:11px;
  position:relative;
  left:13px;
}

.f2{
  margin: 8px 0 0 0;
  padding:0 0 0 9px;
  font-size:11px;
  text-align:left;
  width:150px;
  color:#575353;
  line-height:11px;
  position:relative;
  left:30px;
}

.qleft{
  width:190px;
  float:left;
  position:relative;
  left:-1px;
}

.qright{
  width:190px;
  float:right;
  position:relative;
  left:-15px;
}


#tab03{
  width:392px;
  min-height: 100px;
  height: auto !important;
  padding: 0 0 20px 0;
}

#tab01{
   padding:10px 0 0 0;
}

#tab02{
   width:392px;
}


.diary_1{
       float:left;
       width:160px;
       margin:10px 0 0 0;
}

.diary_2{
       width:160px;
       float:right;
       margin:10px 0 0 0;
}

.bunbun p{
      font-size:11px;
      color:black;
      padding:0 0 0 10px;
}

.line_q{
      width:392px;
      height:5px;
      margin:0 0 0 10px;
      padding:0;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      border-top: 1px solid #ff8a9e;
      background: #ff99ab;
      
}
.line_qi{
      width:392px;
      height:5px;
      margin:0 0 0 10px;
      padding:0;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      border-top: 1px solid #ff8a9e;
      background: #ff99ab;
      
}
.line_c{
       background:#ff99ab;
       height:20px;
       width:392px;
       margin:0 0 0 10px;
       padding:0;
       border-left: 1px solid #ff8a9e;
       border-right: 1px solid #ff8a9e;
       border-bottom: 1px solid #ff8a9e;
}
.line_ci{
       background:#ff99ab;
       height:20px;
       width:392px;
       margin:0 0 0 10px;
       padding:0;
       border-left: 1px solid #ff8a9e;
       border-right: 1px solid #ff8a9e;
       border-bottom: 1px solid #ff8a9e;
}
#tabzone{
      min-width:365px;
      width:406px;
      background:url(../imgs/backgg.gif);
      margin: 5px 0 0 0;
      text-align:center;
      
}

.bbgg{
      background:#ff99ab;
      width:392px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      margin:0 0 0 10px;
}
.bbggi{
      background:#ff99ab;
      width:392px;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
      margin:0 0 0 10px;
}

#tabnavi {
      margin:0 0 0 10px;
      padding:0;
      width:392px;
}

#tabnavi li{
	display:inline;
      text-align:center;
      position:relative;
      left:-10px;
}
#tabnavi li a{
	display:inline-block;
	background:#ff99ab;
	color:#ffffff;
	border-radius:5px 5px 0 0;
	text-decoration:none;
      font-size:13px;
      font-weight:bold;
      text-align:center;
      margin:0;
      width:115px;
      line-height:28px;
      padding:0;
}

#tabnavi li a.active{
	background:#ffffff;
	color:#333;
}


#tabcontent{
      width:392px;
      margin:0 0 0 10px;
      background:white;
      border-left: 1px solid #ff8a9e;
      border-right: 1px solid #ff8a9e;
}
}

.tww_in{
  width:270px;
  height:600px;
  padding: 20px 0 0 0;
  margin:0 auto;
}


.tab_sch{
       width:320px;
       margin:0 auto;
}