@charset "utf-8";

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}

.vt .mainBox{
  overflow: hidden;
  zoom: 1;
  width: 100%;
}

.vt .leftBox{
  float: none;
  width: 300px;
  position: none;
  margin-left: auto;
  margin-right: auto;
}

.vt .rightBox{
  float: none;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.vt .leftBox img {
    float: none;
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

}

/************************************************************************************
590px-674px
*************************************************************************************/
@media screen and (max-width: 768px) and (min-width: 590px){

.vt ul.pageLink li.next,
.vt ul.pageLink li.prev{
  float: none;
} 
}

/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}

}

/************************************************************************************
smaller than 590
*************************************************************************************/
@media screen and (max-width: 590px) {

.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}
.vt ul.pageLink li.next,
.vt ul.pageLink li.prev{
  float: none;
}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}

}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

.vt .mainImage{
  width: 100%;
  height: auto;
  margin-left: 0;
}

.vt .mainBox{
  overflow: hidden;
  zoom: 1;
  width: 100%;
}

.vt .leftBox{
  float: none;
  width: 260px;
  position: none;
  margin-left: auto;
  margin-right: auto;
}

.vt .rightBox{
  float: none;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.vt .leftBox img {
    float: none;
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.vt .rightBox dd{
  width: 260px;
  text-align: right;
  vertical-align: top;
  margin-top: 1px;
 }

 .vt .photoBox img {
    width: 100%;
    height: auto;
 }
}