@charset "UTF-8";

div.scrollingHotSpotLeft
{
min-width: 75px;
width: 160px;
height: 100%;
background-image: url(big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
cursor: url(cursors/cursor_arrow_left.png), url(cursors/cursor_arrow_left.cur),w-resize;
}
div.scrollingHotSpotLeftVisible
{
background-image: url(arrow_left.gif);
background-color: #fff;
background-repeat: no-repeat;
background-size: 40px 70px;
opacity: 0.35;
-moz-opacity: 0.35;
filter: alpha(opacity = 35);
zoom: 1;
}
div.scrollingHotSpotRight
{
min-width: 75px;
width: 160px;
height: 100%;
background-image: url(big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(cursors/cursor_arrow_right.png), url(cursors/cursor_arrow_right.cur),e-resize;
}
div.scrollingHotSpotRightVisible
{
background-image: url(arrow_right.gif);
background-size: 40px 70px;
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
}
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;

}
div.scrollableArea
{
position: relative;
width: auto;
height: 100%;

}


/*個別設定*/
#panorama{ width:100%; margin:0px auto; text-align:center;}
#makeMeScrollable{width:100%; height:500px;position: relative;overflow:hidden;text-align: center;}
#makeMeScrollable img{height: 100%;width: auto;}
@media screen and (max-width: 767px) {
#panorama{}
#makeMeScrollable{height:260px;}
#makeMeScrollable img{ width:auto!important; height:260px!important;}
div.scrollingHotSpotLeft,div.scrollingHotSpotRight{min-width:10%;width: 10%;}
div.scrollingHotSpotLeftVisible,div.scrollingHotSpotRightVisible{background-size: 20px 40px;}
}