@import url(common.css);


#container {position:relative;  left:25.5%; top:170px; width:1056px; height:6033px; /*border:1px dashed red;*/}

.t_box {position: absolute; left:0px; top:-17px; width:9px; height: 114px; background: #444444; }
h2 {position:absolute; left:64px; top:0px; font:28px "Century Gothic"; color:#444444}
.kate {position:absolute; left:64px; top:55px; width:250px; height:16px; font:16px "Century Gothic"; color:#444444;}
.kate li {float:left; margin-right:35px;}

.color {position:absolute; left:0; top:478px; width:100px; height:9px;}
.color li {float:left; margin-right:7px}

.c1 {position:absolute; left:0; top:155px;}
.c1 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c1 p span {font-weight:bold;}
.c1 .color li:nth-child(1) {width:9px; height:9px; background:linear-gradient(70deg, #ff68391 50%, #1e280f 50%); }

.c2 {position:absolute; left:352px; top:155px;}
.c2 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c2 p span {font-weight:bold;}    
.c2 .color li:nth-child(1) {width:9px; height:9px; background:#110e2b;}    
.c2 .color li:nth-child(2) {width:9px; height:9px; background:#0e1464;}    

.c3 {position:absolute; left:704px; top:155px;}
.c3 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c3 p span {font-weight:bold;}        
.c3 .color li:nth-child(1) {width:9px; height:9px; background:#110e37;}        

.c4 {position:absolute; left:0px; top:676px;}
.c4 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c4 p span {font-weight:bold;}     
.c4 .color li:nth-child(1) {width:9px; height:9px; background:#0a0b28;}     
.c4 .color li:nth-child(2) {width:9px; height:9px; background:#000;}     
.c4 .color li:nth-child(3) {width:9px; height:9px; background:#d1d1d1;}     
.c4 .color li:nth-child(4) {width:9px; height:9px; background:#6d6f89;}     

.c5 {position:absolute; left:352px; top:676px;}
.c5 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c5 p span {font-weight:bold;}       
.c5 .color li:nth-child(1) {width:9px; height:9px; background:#0e1464;}     
.c5 .color li:nth-child(2) {width:9px; height:9px; background:#121530;}  

.c6 {position:absolute; left:704px; top:676px;}
.c6 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c6 p span {font-weight:bold;}   
.c6 .color li:nth-child(1) {width:9px; height:9px; background:#e3dddd;}     
.c6 .color li:nth-child(2) {width:9px; height:9px; background:#93abf8;}   

.c7 {position:absolute; left:0px; top:1195px;}
.c7 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c7 p span {font-weight:bold;}       
.c7 .color li:nth-child(1) {width:9px; height:9px; background:#504e4e;}      
.c7 .color li:nth-child(2) {width:9px; height:9px; background:#000;}      

.c8 {position:absolute; left:352px; top:1195px;}
.c8 p {position:absolute; left:0; top:855px; font:14px/24px "Century Gothic"; color:#444444;}
.c8 p span {font-weight:bold;}      
.c8 .color {position:absolute; left:0; top:912px; width:100px; height:9px;}    
.c8 .color li:nth-child(1) {width:9px; height:9px; background:#000;}       
.c8 .color li:nth-child(2) {width:9px; height:9px; background:#530b0b;}       
.c8 .color li:nth-child(3) {width:9px; height:9px; background:#504e4e;}         

.c9 {position:absolute; left:0px; top:2158px;}
.c9 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c9 p span {font-weight:bold;} 
.c9 .color li:nth-child(1) {width:9px; height:9px; background:#000;}       
.c9 .color li:nth-child(2) {width:9px; height:9px; background:#e0dfd3;}   

.c10 {position:absolute; left:352px; top:2158px;}
.c10 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c10 p span {font-weight:bold;}        
.c10 .color li:nth-child(1) {width:9px; height:9px; background:#000;}           

.c11 {position:absolute; left:704px; top:2158px;}
.c11 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c11 p span {font-weight:bold;}     
.c11 .color li:nth-child(1) {width:9px; height:9px; background:#000;}    
.c11 .color li:nth-child(2) {width:9px; height:9px; background:#aeaeae;}    
.c11 .color li:nth-child(3) {width:9px; height:9px; background:#530b0b;}    

.c12 {position:absolute; left:0px; top:2678px;}
.c12 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c12 p span {font-weight:bold;}  
.c12 .color li:nth-child(1) {width:9px; height:9px; background:#d6cab9;}     

.c13 {position:absolute; left:352px; top:2678px;}
.c13 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c13 p span {font-weight:bold;}       
.c13 .color li:nth-child(1) {width:9px; height:9px; background:#90340d;}     
.c13 .color li:nth-child(2) {width:9px; height:9px; background:#000;}     
.c13 .color li:nth-child(3) {width:9px; height:9px; background:#314927;}     

.c14 {position:absolute; left:704px; top:2678px;}
.c14 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c14 p span {font-weight:bold;}  
.c14 .color li:nth-child(1) {width:9px; height:9px; background:#c3b1a9;}     
.c14 .color li:nth-child(2) {width:9px; height:9px; background:#000}     

.c15 {position:absolute; left:0px; top:3198px;}
.c15 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c15 p span {font-weight:bold;}   
.c15 .color li:nth-child(1) {width:9px; height:9px; background:#231f20;}    

.c16 {position:absolute; left:352px; top:3198px;}
.c16 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c16 p span {font-weight:bold;} 
.c16 .color li:nth-child(1) {width:9px; height:9px; background:#000}    
.c16 .color li:nth-child(2) {width:9px; height:9px; background:#c3b1a9;}    

.c17 {position:absolute; left:704px; top:3198px;}
.c17 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c17 p span {font-weight:bold;}   
.c17 .color li:nth-child(1) {width:9px; height:9px; background:#181b22;}    

.c18 {position:absolute; left:0px; top:3718px;}
.c18 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c18 p span {font-weight:bold;}   
.c18 .color li:nth-child(1) {width:9px; height:9px; background:#000;}   
.c18 .color li:nth-child(1) {width:9px; height:9px; background:#434343;}   

.c19 {position:absolute; left:352px; top:3718px;}
.c19 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c19 p span {font-weight:bold;}  
.c19 .color li:nth-child(1) {width:9px; height:9px; background:#28253f;}     
.c19 .color li:nth-child(1) {width:9px; height:9px; background:#231f20;}     

.c20 {position:absolute; left:0px; top:4238px;}
.c20 p {position:absolute; left:0; top:855px; font:14px/24px "Century Gothic"; color:#444444;}
.c20 p span {font-weight:bold;}     
.c20 .color {position:absolute; left:0; top:912px; width:100px; height:9px;}        
.c20 .color li:nth-child(1) {width:9px; height:9px; background:#16173b;}    
.c20 .color li:nth-child(2) {width:9px; height:9px; background:#070815;}    
.c20 .color li:nth-child(3) {width:9px; height:9px; background:#8b9ab4;}    

.c21 {position:absolute; left:673px; top:4238px;}
.c21 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c21 p span {font-weight:bold;}     
.c21 .color li:nth-child(1) {width:9px; height:9px; background:#766659;}      

.c22 {position:absolute; left:0px; top:5186px;}
.c22 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c22 p span {font-weight:bold;}      
.c22 .color li:nth-child(1) {width:9px; height:9px; background:#000;}      

.c23 {position:absolute; left:352px; top:5186px;}
.c23 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c23 p span {font-weight:bold;}    
.c23 .color li:nth-child(1) {width:9px; height:9px; background:#766659;}      

.c24 {position:absolute; left:704px; top:5186px;}
.c24 p {position:absolute; left:0; top:420px; font:14px/24px "Century Gothic"; color:#444444;}
.c24 p span {font-weight:bold;}  
.c24 .color li:nth-child(1) {width:9px; height:9px; background:#aab7bf;}      
.c24 .color li:nth-child(2) {width:9px; height:9px; background:#11101d;}      
.c24 .color li:nth-child(3) {width:9px; height:9px; background:#28253f;}