.dummybox {
  position: relative;
  padding-bottom: 56%;
  height: 0;
}

.relative {
  position: relative;
  width: 100%;
  height: 0;
}

.abstextbox {
  position: absolute;
  width: 100%;
  height: 0;
}

.abstextboxpad {
  position: relative;
  z-index: 2;
  height: 0;
  padding-bottom: 56.25%;
}

.abs22 {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 0;
}

.abs2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.abs2 img {
  position: absolute;
  z-index: 1;
  opacity: 0.01;
  width: 100%;
  height: 100%;
}

.abs33 {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 0;
}

.abs3 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.abs3 #muteYouTubeVideoPlayer {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.pp {
  font-family: cwTeXYen-zhonly, serif;
  text-align: center;
  font-size: 30px;
  color: red;
  padding-top: 15%;
}


div.pdf_face_frame{
  position:relative;
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  height: 446px;
  border : 1px solid #000000;
}


div.face-pdf-absolute {
  position: absolute;
   margin: 0 auto;
  width: 100%;
  max-width: 500px;
  height: 386px;
  
}

div.inside_face_mess{
  position: absolute;
  z-index: -1;
  bottom: 0px;
  margin:0 auto;
  width: 100%;
  max-width: 498px;
  height: 60px;
  color: #000000;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.3px;
  background-color: white;
}





div.face-absolute {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  height: 511px;
  border : 1px solid #000000;
}



p.poster_header1 {
  text-align: left;
  line-height: 1.1em;
  font-size: 25px;
   font-weight: bold;
  color: orangered;
}

p.poster_header2 {
  text-align: right;
  line-height: 1.6em;
  font-size: 16px;
  color: black;
}

div.imgInfrontPost{
  position:absolute;
  top:-60px;
  right:0;
  
}


@media only screen and (min-width:790px){
div.slider_box{
  margin:0 auto;
   max-width: 730px;
}
}

@media only screen and (min-width:760px) and (max-width:780px){
div.slider_box{
  margin:0 auto;
   width:auto;
 padding-top:40px;
}
}

.bigframe
{
position: relative;
border-radius: 25px;
width:100%;
padding-bottom: 133%;
height: 0;
z-index:0;
overflow: hidden;
border: 0px solid #000000;
}

.frameTitle
{
position: absolute;
border-radius: 10px;
right: 0%;
width: 16%;
height: 24%;
opacity:0.5;
z-index:2;
background-color: blue;
}

.frameTitle_4
{
position: absolute;
border-radius: 10px;
right: 0%;
width: 16%;
height: 32%;
opacity:0.5;
z-index:2;
background-color: blue;
}

.lefttdTitle_3 {
width:100% ;
border-radius: 10px;
line-height: 100%;
border: 0px solid red;
text-align:center;
font-size: 20px;
font-weight: bold;
color : white;
opacity: 1;
}

.frameTitleMid
{
position: absolute;
border-radius: 10px;  
right: 0%;
width: 16%;
height: 24%;
opacity:1;
z-index:1;
}

.frameTitleMid_4
{
position: absolute;
border-radius: 10px;  
right: 0%;
width: 16%;
height: 32%;
opacity:1;
z-index:1;
}

#frameCover1
{
position: absolute;
	top:80%;
  width: 100%;
  height: 10%;
  opacity: 0.4;
  z-index: 2;
background-color: black;
}

#frameCover1:hover
{
 opacity:0.0;
}

#frameCover2
{
position: absolute;
	top:90%;
  width: 100%;
  height: 10%;
  opacity: 0.4;
  z-index: 2;
background-color: black;
}

#frameCover2:hover
{
 opacity:0.0;
}

.frameM1
{
position: absolute;
	top:80%;
  width: 100%;
  height: 10%;
  opacity: 1;
  z-index: 1;

}

.frameM2
{
position: absolute;
	top:90%;
  width: 100%;
  height: 10%;
  opacity: 1;
  z-index: 1;
}

.imghov
{
position: absolute;
  width:100%;
  z-index:0;

}

  .imghov:hover
  {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
    transform:scale(1.05);
  }



table.ex1 {
  border-collapse: collapse;
  width: 100%;
}

.lefttd {
width:55% ;
border: 0px solid red;
padding-top:3%;
text-align:left;
font-weight: bold;
height: 10px;
color : white;
opacity: 1;
}

.righttd {
width:45% ;
border: 0px solid red;
padding-top:3%;
text-align:right;
font-weight: bold;
height: 10px;
color : white;
opacity: 1;
}