@charset "UTF-8";

/*add v1.5.0*/
/*
#coverList { overflow: hidden; position: relative; width: 100%; }
*/
#coverList { overflow: hidden; position: relative; width: 100%; height:310px; }
#coverWrap a { text-decoration: none; }
#coverWrap a.pos-abs { position: absolute; top: 0; left: 0; }
#coverWrap img { vertical-align: top; border: none; }


.design02 .nav { left: 50%; margin: -20px 0 0; overflow: hidden; position: relative; text-align: center; }
.design02 .nav ol { list-style-position: outside; list-style-type: none; margin: 5px auto; overflow: hidden; padding: 0; }
.design02 .nav ol li { display: inline; float: left; margin: 0 5px 0 0; }
.design02 .nav ol li a { background: url("../images/ico_cover_nav.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; height: 8px; line-height: 8px; outline: medium none; text-decoration: none; text-indent: -9999em; width: 8px; }
.design02 .nav ol li a.active, #coverAreaSection .nav ol li a:hover { background-position: 0 -8px; }
/*
.design03 .cover-multi img { border: medium none; display: inline; float: left; margin: 0; outline: medium none; width: inherit; }
*/
.design03 #coverLeft { background: url("../images/btn_prev.gif") repeat-y scroll left 0 transparent; cursor: pointer; display: none; height: 27px; left: 10px; position: absolute; top: 50%; width: 27px; margin-top: -13px; }
.design03 #coverRight { background: url("../images/btn_next.gif") repeat-y scroll right 0 transparent; cursor: pointer; display: none; height: 27px; position: absolute; right: 10px; top: 50%; width: 27px; margin-top: -13px; }


/* for debug */
/*
#coverArea { overflow: auto !important; }
#coverAreaInner { overflow: auto !important; }
#coverList { overflow: auto !important; }
*/