@charset"utf-8";
/*Css Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0; font-size:12px; font-family:Helvetica,Arial,sans-serif; color:#333333}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
strong, b{ font-weight: bold; }
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
.clearfix:after {content: "."; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
/*link style*/
a:link,a:visited{color:#333333;text-decoration:none;}
a:hover{color:#bc2931;text-decoration:underline;}
/**/
#slider { width: 420px; height: 100px; border:5px solid #cdcdcd; margin:0 auto; position:relative;}
.click_bt p{width: 50px; height: 80px; background:#cdcdcd; position:absolute; top:10px; text-align:center;}
.click_bt p.back{ left:10px;}
.click_bt p.next{ right:10px;}
.slider-dat{margin:10px auto; width: 270px; height: 80px; background:#CDCDCD; position:relative; padding:0 0 0 10px; overflow:hidden; }
.slider-dat ul{position:relative; left:0;}
.slider-dat ul li{width: 80px; height: 60px; background:#FFFFFF; float:left; margin:10px 10px 0 0 ;   }