#bases { margin: -332px 0px 0px -500px; padding: 0px; width: 1000px; height: 664px; background: url(../i/top_back.jpg) no-repeat center top; position: absolute; left: 50%; top: 50%; }
#mark { font-size: 0px; line-height: 0px; background: url(../i/mark.png) no-repeat left bottom; margin: 0px 0px 25px; padding: 25px 0px 0px; height: 43px; width: 127px; }

#EB { text-align: left; margin: 0px; padding: 0px 0px 0px 20px; width: 100px; height: 634px; float: left; }
#EB b a { color: #333; text-decoration: none; padding-left: 10px; font-weight: normal; }
#EB b a:hover { color: #099; text-decoration: none; padding-left: 10px; font-weight: normal; }

.eb1 { text-align: left; margin: 0px 0px 1px; padding: 5px 0px; width: 100px; float: left; background: url(../i/white_alpha.png) repeat left top; }
.eb1 a { color: #099; text-decoration: none; padding-left: 10px; }
.eb1 a:hover { color: #333; text-decoration: none; padding-left: 10px; }
.eb2 { text-align: left; margin: 0px 0px 1px; padding: 5px 0px; width: 100px; float: left; background: url(../i/white_alpha.png) repeat left top; }
.eb2 a { color: #099; text-decoration: none; padding-left: 10px; }
.eb2 a:hover { color: #333; text-decoration: none; padding-left: 10px; }
.eb3 { text-align: left; margin: 0px 0px 1px; padding: 5px 0px; width: 100px; float: left; background: url(../i/white_alpha.png) repeat left top; }
.eb3 a { color: #099; text-decoration: none; padding-left: 10px; }
.eb3 a:hover { color: #333; text-decoration: none; padding-left: 10px; }
.eb4 { text-align: left; margin: 0px 0px 1px; padding: 5px 0px; width: 100px; float: left; background: url(../i/white_alpha.png) repeat left top; }
.eb4 a { color: #099; text-decoration: none; padding-left: 10px; }
.eb4 a:hover { color: #333; text-decoration: none; padding-left: 10px; }

.FB1 { font-size: 10px; line-height: 30px; text-align: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; float: left; }
.FB2 { font-size: 10px; line-height: 30px; text-align: left; margin: 0px 20px 0px 0px; padding: 0px; float: left; }

#footer { margin: 0px; padding: 0px; height: 30px; width: 100%; background: #333; text-align: center; clear: both; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #099; text-decoration: none; }
#footer b a { color: #099; text-decoration: none; }
#footer b a:hover { color: #FFF; text-decoration: none; }
.copyright { font-size: 10px; line-height: 30px; text-align: left; margin: 0px; padding: 0px 10px 0px 0px; float: right; color: #666; }

.win { margin: 0px; padding: 0px; width: 300px; position: absolute; top: 500px; left: 240px; }
.win .str1 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail1 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
#detail1 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

/* Collection top1 */
#bases_co_top1 { margin: -332px 0px 0px -500px; padding: 0px; width: 1000px; height: 664px; background: url(../collection/i/co_top_back1.jpg) no-repeat center top; position: absolute; left: 50%; top: 50%; }
#bases_co_top2 { margin: -332px 0px 0px -500px; padding: 0px; width: 1000px; height: 664px; background: url(../collection/i/co_top_back2.jpg) no-repeat center top; position: absolute; left: 50%; top: 50%; }
#list { margin: 0px; padding: 0px; height: 209px; width: 629px; position: absolute; left: 200px; top: 280px; }
#list .c1 { text-align: left; margin: 0px; padding: 0px; height: 209px; width: 127px; float: left; }
#list .c2 { text-align: left; margin: 0px; padding: 0px; height: 209px; width: 120px; float: left; }

/* Collection 01-12 */
#b_page { margin: 0px; padding: 0px; height: 17px; width: 460px; position: absolute; left: 270px; top: 608px; }
.b_back { margin: 0px; padding: 0px; float: left; height: 17px; width: 43px; }
.b_next { margin: 0px; padding: 0px; height: 17px; width: 43px; float: right; }
.b_back a { font-size: 0px; line-height: 0px; background: url(../collection/i/b_back.gif) no-repeat left top; margin: 0px; padding: 0px; height: 17px; width: 43px; display: block; }
.b_next a { font-size: 0px; line-height: 0px; background: url(../collection/i/b_next.gif) no-repeat left top; display: block; margin: 0px; padding: 0px; height: 17px; width: 43px; }
.b_back a:hover { font-size: 0px; line-height: 0px; background: url(../collection/i/b_back.gif) no-repeat left bottom; margin: 0px; padding: 0px; height: 17px; width: 43px; display: block; }
.b_next a:hover { font-size: 0px; line-height: 0px; background: url(../collection/i/b_next.gif) no-repeat left bottom; display: block; margin: 0px; padding: 0px; height: 17px; width: 43px; }

#mark_black { font-size: 0px; line-height: 0px; background: url(../collection/i/mark_black.gif) no-repeat left bottom; margin: 0px 0px 25px; padding: 25px 0px 0px; height: 43px; width: 127px; }
#bases_co { margin: -332px 0px 0px -500px; padding: 0px; width: 1000px; height: 664px; position: absolute; left: 50%; top: 50%; }
#c_Back { margin: 0px; padding: 0px; height: 531px; width: 800px; position: absolute; left: 200px; top: 66px; }

.win01_1 { margin: 0px; padding: 0px; width: 380px; position: absolute; top: 60px; left: 200px; }
.win01_1 .str01_1 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win01_1 #detail01_1 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
.win01_1 #detail01_1 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win01_2 { margin: 0px; padding: 0px; width: 350px; position: absolute; top: 390px; left: 645px; }
.win01_2 .str01_2 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win01_2 #detail01_2 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
.win01_2 #detail01_2 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win02_1 { margin: 0px; padding: 0px; width: 400px; position: absolute; top: 46px; left: 200px; }
.win02_1 .str02_1 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win02_1 #detail02_1 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
.win02_1 #detail02_1 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win02_2 { margin: 0px; padding: 0px; width: 370px; position: absolute; top: 46px; left: 630px; }
.win02_2 .str02_2 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win02_2 #detail02_2 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
.win02_2 #detail02_2 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win03 { margin: 0px; padding: 0px; width: 260px; position: absolute; top: 46px; left: 200px; }
.win03 .str03 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail03 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail03 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win04 { margin: 0px; padding: 0px; width: 400px; position: absolute; top: 46px; left: 600px; }
.win04 .str04 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail04 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
#detail04 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win05 { margin: 0px; padding: 0px; width: 350px; position: absolute; top: 46px; left: 200px; }
.win05 .str05 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail05 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail05 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win06 { margin: 0px; padding: 0px; width: 380px; position: absolute; top: 46px; left: 620px; }
.win06 .str06 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail06 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
#detail06 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win07_1 { margin: 0px; padding: 0px; width: 360px; position: absolute; top: 46px; left: 200px; }
.win07_1 .str07_1 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win07_1 #detail07_1 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
.win07_1 #detail07_1 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win07_2 { margin: 0px; padding: 0px; width: 500px; height: 200px; position: absolute; top: 46px; left: 500px; }
.win07_2 p { margin: 0px; padding: 5px; height: 190px; overflow-x: hidden; overflow-y: auto; }
.win07_2 .str07_2 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win07_2 #detail07_2 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
.win07_2 #detail07_2 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win08 { margin: 0px; padding: 0px; width: 400px; position: absolute; top: 46px; left: 200px; }
.win08 .str08 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail08 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail08 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win09_1 { margin: 0px; padding: 0px; width: 230px; position: absolute; top: 46px; left: 200px; }
.win09_1 .str09_1 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win09_1 #detail09_1 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
.win09_1 #detail09_1 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win09_2 { margin: 0px; padding: 0px; width: 300px; position: absolute; top: 46px; left: 700px; }
.win09_2 .str09_2 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
.win09_2 #detail09_2 { margin: 0px; padding: 0px; width: 100%; height: 20px; }
.win09_2 #detail09_2 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; float: right; }

.win10 { margin: 0px; padding: 0px; width: 300px; position: absolute; top: 46px; left: 200px; }
.win10 .str10 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail10 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail10 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win11 { margin: 0px; padding: 0px; width: 400px; position: absolute; top: 46px; left: 200px; }
.win11 .str11 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail11 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail11 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

.win12 { margin: 0px; padding: 0px; width: 400px; position: absolute; top: 46px; left: 200px; }
.win12 .str12 { background: url(../../i/black_alpha.png) repeat; padding: 10px; color: #FFF; }
#detail12 { margin: 0px; padding: 0px; width: 113px; height: 20px; }
#detail12 a { margin: 0px; padding: 0px; width: 113px; height: 20px; background: url(../../i/b_detail.gif) no-repeat left top; display: block; }

