/* slider parent */

#slider-code{ height: 600px; clear: both; margin-bottom: 10px; }
#slider-code #main_s{ position: absolute; width:745px; margin:0 auto 0; z-index:0; }
/* slider */
#slider-code .viewport{ float:left; width:709px; overflow:hidden; position:relative; height: 500px; margin-bottom:5px; border:solid 4px #ccc; }
#slider-code .buttons{ background-image: url(../img/menu/back.gif); background-repeat: no-repeat;background-position: 0 0; display:block; float:left; width:30px; height:500px; text-indent:-9999px; }
#slider-code .next{ background-image: url(../img/menu/next.gif); background-repeat: no-repeat;background-position: 0 0; }
#slider-code .buttons:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#slider-code .disable{visibility:hidden; }
#slider-code .overview{list-style:none; position:absolute; left:0; top:0; margin:0; padding:0; }
#slider-code .overview li{float:left; width:717px; height:508px;}
#slider-code .overview li img{}
/* pager */
#slider-code .pager{ list-style:none; padding:0; margin:0 auto; width:500px; position:relative; float: left; clear: both; }
#slider-code .pager li{display:inline;}
#slider-code .pager li a.pagenum{border:solid 3px #eee; display:block; margin:7px; float:left; background-repeat:no-repeat; background-position:center; width:100px; height:71px; text-indent:-9999px; overflow:hidden;}
#slider-code .pager li a.pagenum:hover{border:3px #fff solid;}
#slider-code .pager li a.pagenum{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#slider-code .pager li a.pagenum.active{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#slider-code .pager li a.active{border:3px #c00 solid;}

#slider-code .overview li span{width:173px; height:27px; display:block; text-align:left; padding:3px 10px; float:right;}
#slider-code .overview li span a{background:url(/menus/images/enlarge.gif) no-repeat; width:340px; height:27px; display:block; text-indent:-9999px;}

/* ua */
#slider-code .viewport .msg{text-align:center; background:#ccc;}

body.pc #slider-code .viewport{background:url(/menus/images/msg.gif) no-repeat 230px 450px #ccc;}
body.smph #slider-code .viewport{background:url(/menus/images/msg2.gif) no-repeat 230px 450px #ccc;}