#container{}

#top{ height:52px; overflow:hidden}

#banner,#footer,#main,.header{ width:960px; margin:0 auto;overflow:hidden}
#main,#footer{ padding-bottom:10px}

#main #left{ width:258px; float:left;}
#main #right{ width:690px; float:right; padding:0 0px 0 0px;}

#footer{ text-align:center}
#footer .a{ height:27px; line-height:27px; }
#footer p{ padding:15px 0 35px 0; color:#999}

.header{ margin-top:10px;}
.header #logo{ float:left; font-size:28px; font-weight:bold; padding:5px 20px;}
.header #topnav{ float:right; padding:15px 25px 0 0}
.header #topnav li{ float:left; padding:0 3px}

.header #nav{ height:28px; font-weight:bold}
.header #nav .nav{ background:url(1-vv.gif) no-repeat right; padding-left:15px}
.header #nav .nav li{ float:left; width:100px;}
.header #nav .nav li a{height:28px; line-height:28px; text-align:center; display:block; }

.header #search{ height:29px;}

.header #search .search{ padding:4px 0 0 30px}
.header #search .search dt{ float:left}
.header #search .search dt input{ width:191px;}
.header #search .search dd{ float:left; padding:0 20px 0 5px}
.header #search a{ margin:0 5px}
.header #search .search dd input{height:21px; width:67px;}





.list_a,.list{ padding:3px 0}
.list_a li,.list li{ height:22px; line-height:22px; padding-left:15px}


#contact,#shop,#affiche{width:254px; margin:0; margin-top:8px; background:#69F}

#shop{ padding:4px 0 2px 0;}
#shop .shop{width:216px; margin:0 auto;  margin-bottom:2px; padding-left:30px; line-height:26px; font-weight:bold;overflow:hidden; }


#contact ul.list_c{ padding:10px 0 33px 0}
#contact ul.list_c li{ padding-left:15px; line-height:22px}

#photograph,#status,#content,#news,#about_us,#photograph,#play_a,#play,#news{ margin-top:8px; overflow:hidden}

#news{width:669px; padding:10px}
#news .slide_a{ width:284px; height:190px; float:left; overflow:hidden;}
#news .news{ float:right; width:375px}

#play_a,#play{ width:329px; padding:5px; float:left}
#play_a{ float:right}

#messageboard,#product,#photograph,#content,#news,#about_us,#photograph{ width:678px;padding:5px; overflow:hidden}
#photograph ul.img{width:678px; margin-top:10px; padding-left:10px}
#photograph ul.img li{ width:155px; height:141px; overflow:hidden; margin:0 5px; float:left}
#photograph ul.img li dl{width:155px;}
#photograph ul.img li dl dt{width:155px; height:115px;  text-align:center;}
#photograph ul.img li dl dt img{ width:150px; height:113px; border:#999 solid 1px; padding:1px}
#photograph ul.img li dl dd{ width:155px; padding-top:5px; text-align:center}
#photograph ul.img li dl dd span{ margin-left:2px}

#content p,#about_us p{ padding:10px 20px}

#news .list{ padding:10px 15px !important}
#news .list li .time{ float:right}
#content h3{ padding:15px 0; margin-top:25px; text-align:center; font-size:18px;}

#status{ padding:3px 0; padding-left:20px}

#photograph .photograph_a{ width:640px; margin:10px 20px; overflow:hidden; margin-bottom:10px}
#photograph .photograph_a dt{ float:left; width:240px; text-align:center}
#photograph .photograph_a dt img{ width:220px; padding:1px; border:#ccc solid 1px }
#photograph .photograph_a dd{ float:left; width:390px; padding:0 5px;}
#photograph .photograph_a dt h3{ padding:3px 0}
#photograph p{ padding:5px 10px 50px 15px}
#photograph p a{ width:100px; display:block; float:left; margin:3px; text-align:center;}






.focus{ width:284px; height:190px; padding:0px; margin:0px; display:inline; position:relative; overflow:hidden;  float:left;}
.focus ul{ position:absolute; right:8px; height:15px;bottom:8px}
.focus li{ float:left; text-align:center; color:#ffffcc; background:#000; margin-right:3px;width:15px;height: 15px;cursor:pointer; font-family:Arial;}
.focus li.cur{font-weight: bold;color: #fff;font-size:16px;}

.mpc{ height:190px;text-align:center; margin:0px auto 0; *padding-top:1px; overflow:hidden;}
.mpc div{}
.mpc div img{width:284px; height:190px; margin:0 auto;}

#product .product_attribute dd  img{float:left;  overflow:hidden; padding-top:10px;margin-left:200px}