/* slider */
* {margin:0; padding:0;}
li {list-style:none;}
img {vertical-align:bottom;}

#slider {
   width:900px;
}

#photo {
   width:680px;
   height:293px;
   float:left;
   position:relative;
}
#photo li {
   position:absolute;
}

#thum {
   width:220px;
   float:right;
}
#thum li {
   cursor:pointer;
}
@media screen and (max-width: 768px) {
#slider {
   width:100%;
	}
#photo {
   width:100%;
   height:160px;
   float:left;
   position:relative;
}
#thum {
	display: none;
}
}