@charset "utf-8";

/* main */
#main #container {width:1200px; margin:auto}
#main #container #flip_area {position:relative; width:100%; height:498px; overflow:hidden;}
#main #container .slider_area {width:1200px; min-width:1200px; margin:0 auto;}

#container #slider {position:relative; left:0px; top:0px; width:1200px; height:500px; margin:0; padding:0; overflow:hidden;}
#container #slider .handle {position:absolute; width:1200px; z-index:10; *zoom:1;}
#container #slider .handle:after {content:""; clear:both; display:block;}
#container #slider .handle .page {position:absolute; top:458px; left:570px; width:200px;}
#container #slider .handle .page li {float:left; cursor:pointer; margin-right:6px;}
#container #slider .handle .button {position:absolute; top:230px; left:20px; width:1160px;}
#container #slider .handle .button li {float:left; padding-left:1px; cursor:pointer;}
#container #slider .handle .button li.next{float:right}
#container #slider .list {position:relative; left:0px; top:0px; width:7000px; margin:0; padding:0;}
#container #slider .list li {position:relative; float:left; width:1200px; height:498px; cursor:pointer;}
#container #slider .list li img {position:absolute;}
#container #slider .list li.s01 {}
#container #slider .list li.s01 .part01 {left:0; top:0;}
#container #slider .list li.s01 .part02 {left:0; top:0;}
#container #slider .list li.s01 .part03 {left:0; top:0;}
#container #slider .list li.s02 {}
#container #slider .list li.s02 .part01 {left:0; top:0;}
#container #slider .list li.s02 .part02 {left:0; top:0;}
#container #slider .list li.s02 .part03 {left:0; top:0;}
#container #slider .list li.s03 {}
#container #slider .list li.s03 .part01 {left:0; top:0;}
#container #slider .list li.s03 .part02 {left:0; top:0;}
#container #slider .list li.s03 .part03 {left:0; top:0;}
#container #slider .list li.s04 {}
#container #slider .list li.s04 .part01 {left:0; top:0;}
#container #slider .list li.s04 .part02 {left:0; top:0;}
#container #slider .list li.s04 .part03 {left:0; top:0;}