@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;
 }
}