/* import redesign-File */
@import url('redesign.css');


#info_tit {
position: absolute;
top: 0;
left: 0;
height: 120px;
width: 100%;
border: 0;
}

#info_toc {
position: absolute;
top: 140px;
left: 0;
border: 0;
min-height: calc(100% - 140px);
width: 500px;
background: #F2F2F2 none repeat scroll 0% 0%;
padding-left: 50px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 25px;
}

#info_txt {
position: fixed;
top: 120px;
left: 500px;
border: 0;
border-left: 0px solid #ffffff;
height: 100%;
height: calc(100% - 120px);
width: calc(100% - 500px); 
}

#name_tit, #diff_1st {
position: fixed;
top: 0;
left: 0;
height: 140px;
width: 100%;
border: 0;
}


#name_nav, #diff_2nd, #watch_nav {
position: absolute;
top: 140px;
left: 1px;
border: 0;
height: auto;
min-height: calc(100% - 140px);
width: 500px;
padding: 35px 45px 70px 97px;
}

.nav_300 {
width: 300px !important;
}

.nav_350 {
width: 350px !important;
}

#name_img, #diff_3rd {
position: fixed;
left: 500px !important;
top: 140px !important;
border: 0;
border-left: 0px solid #ffffff;
height: 100%;
height: calc(100% - 140px);
width: calc(100% - 500px);
background-color: #333333;
text-align: center;
padding-top: 50px;
padding-bottom: 60px;
overflow-x: scroll;
}

#diff_3rd {
background-color: #fff;
}


#diff_3rd #diff_img {
position: absolute;
left: 0% !important;
top: 0px !important;
height: 100% !important;
width: 100%;
}



#diff_img {
position: absolute;
left: 500px !important;
top: 140px !important;
border: 0;
border-left: 0px solid #ffffff;
height: 100%;
height: calc(100% - 140px);
width: calc(100% - 500px);
background-color: #333333;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}


#diff_df {
height: 100%;
padding: 15px;
}

#diff_dx {
display: none;
height: 100%;
padding-left: 15px;
padding-right: 15px;
}

#diff_rp {
display: none;
height: 100%;
padding-left: 15px;
padding-right: 15px;
}

#diff_tx {
display: none;
height: 100%;
padding-left: 15px;
padding-right: 15px;
}

#diff_rs {
display: none;
padding-left: 15px;
height: 100%;
background-color: #ffffff;
}

#compareWBC_nav, #compareFilms_nav, #compareBMC_nav {
position: absolute;
top: 0;
left: 0;
border: 0;
border-left: 5px solid #fff;
width: 50%; 
height: 100%;
background-color: #fff;
padding: 20px;
}


#compareWBC_img {
    position: absolute;
    top: 0;
    left: 50%;
    border: 0;
    border-left: 0px solid #ffffff;
    width: 50%;
    height: 85%;
    background-color: #333333;
    z-index: 99;
    box-shadow: #ccc 2px -15px 15px;
    overflow:hidden;
    padding-top: 15px;
}


#compareWBC_rule {
    position: absolute;
    top: 85%;
    left: 50%;
    border: 0;
    border-left: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
    width: 50%;
    height: 15%;
    background-color: #fff;
    text-align: left;
    box-shadow: #ccc 2px 0px 15px;
    padding: 13px;
}

#compareWBC_rule #rule {
width: auto;
}


#compare_img, #compare_film, #compareBMC_img {
position: absolute;
top: 0;
left: 50%;
border: 0;
border-left: 0px solid #ffffff;
width: 50%; 
height: 100%;
background-color: #333333;
overflow:auto;
box-shadow: 2px 3px 10px #aaa;
}

#compareWBC_img #slide, #compare_img #slide, #compare_film #slide{
max-width: 100%;
padding: 20px;
}

#slide, #cellCircle{
max-width: 100%;
padding: 20px;
}

#slide2{
max-width: 100%;
padding: 20px;
margin-left: 0px !important;
}

.font200{
	font: bold 200% Times;
}

.font150{

}

.font125{

}

.font110{

}

.display-block-special {
display: block;
margin-bottom: -90px;
margin-top: 2px !important;
}

.font90{
	font: bold 90% Times;
}

.font85{
	font: bold 85% Times;
}

.font_red{
color: #D74641;
line-height: inherit !important;
}

ul { margin: 0; margin-top: 5px; margin-bottom: 15px;} 

h2  { margin: 1em 0 0.2em 0 }
h3  { margin: 1em 0 0.2em 0  }
h4  { margin: 1em 0 0.2em 0  }
h5  { margin: 1em 0 0.2em 0  }
h6  { margin: 1em 0 0.2em 0  }

a {
  position: relative;
}

a[data-tooltip]:before {
  position: absolute;
  left: 10px;
  top: 20px;
  background-color: #fff;
  color: #000;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
  width: 300px;
  border-radius: 5px;
  padding: 5px 15px;
  content: attr(data-tooltip);
  white-space: wrap;
  display: none;
  z-index: 99;
  opacity: 1;
}

a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
  display: block;
  z-index: 99;
  
}