@charset "UTF-8";

    /*------------------------------
     * dnaxstage
     ------------------------------*/
    #dnaxstage {
        width: 1000px;
		height:750px;
		position:relative;
		margin:0 auto;
		background-image:url(../bg.png);}

    #dnaxstage_main {
        position:absolute;
        top: 45px;
        left:30px; }
		
	#title1{
		position:absolute;
		right:350px;
		top:10px;
	}
	#title2{
		position:absolute;
		right:350px;
		top:140px;
	}
	#title3{
	    position:absolute;
		right:350px;
		top:395px;
		
	}
	#title4{
		position:absolute;
		right:350px;
		top:520px;
	}
	#title5{
		position:absolute;
		right:350px;
		top:270px;
	}
	#choice_cat{
		width:500px;
		position:absolute;
		right:20px;
		top:25px;
	}
  #choice_cat ul li{
	  list-style:none;
	  margin-left:8px;
	  float:left;
	  width:96px;
	  height:90px;
	  background-image:url(../bd.png);  
  }
  
   #choice_cat ul li img{
	    cursor:pointer;
		padding-left:8px;
		padding-top:5px;
  }
  #choice_cat_n{
	   width:30px;
	  height:46px;
	  background-image:url(../img/left_bt.png);
	   float:right;
	   margin-top:35px;
	   cursor:pointer;
  } 
   #choice_cat_p{
	   width:30px;
	   height:46px;
	   background-image:url(../img/right_bt.png);
	   float:left;
	   margin-top:35px;
	   cursor:pointer;
  }
  
  
  /*****/
  #choice_item{
		width:500px;
		position:absolute;
		right:20px;
		top:155px;
	}
  #choice_item ul li{
	  list-style:none;
	  margin-left:8px;
	  float:left;
	  width:96px;
	  height:90px;
	  background-image:url(../bd.png);  
  }
  
   #choice_item ul li img{
	    cursor:pointer;
		position:relative;
		margin:0 auto;
		width:40px;
		top:30px;
		left:28px;
		
  }
  #choice_item_n{
	   width:30px;
	  height:46px;
	  background-image:url(../img/left_bt.png);
	   float:right;
	   margin-top:35px;
	   cursor:pointer;
  } 
   #choice_item_p{
	   width:30px;
	   height:46px;
	   background-image:url(../img/right_bt.png);
	   float:left;
	   margin-top:35px;
	   cursor:pointer;
  }
  /**********/

	 #text-wrapper{
		width:500px;
		position:absolute;
		right:20px;
		top:425px;
	}
	#txt{
		position:absolute;
		left:50px;
		width:400px;
		height:50px;
	}
	#iput{
		position:absolute;
		right:65px;
		top:488px;
		width:63px;
		height:31px;
		cursor:pointer;
	
	}
	
	#color_control{
	position: absolute;
	width: 60px;
	height: 36px;
	right:140px;
	top:488px;
	}
	
	#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/select.png);
	}
	#colorSelector div{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
	}
	#bolds{
		position: absolute;
		right:220px;
		top:488px;
	}
	#bolds p{
		font-weight:bold;
		display:inline;
		color:#643c00;
	}
	
	/*******/
	
	
	
	
	#choice_ma{
		width:500px;
		position:absolute;
		right:20px;
		top:285px;
	}
  #choice_ma ul li{
	  list-style:none;
	  margin-left:8px;
	  float:left;
	  width:96px;
	  height:90px;
	  background-image:url(../bd.png);  
  }
  
   #choice_ma ul li img{
	    cursor:pointer;
		position:relative;
		margin:0 auto;
		width:40px;
		top:25px;
		left:28px;
		
  }
  #choice_ma_n{
	   width:30px;
	  height:46px;
	  background-image:url(../img/left_bt.png);
	   float:right;
	   margin-top:35px;
	   cursor:pointer;
  } 
   #choice_ma_p{
	   width:30px;
	   height:46px;
	   background-image:url(../img/right_bt.png);
	   float:left;
	   margin-top:35px;
	   cursor:pointer;
  }
	
	
	/****/
	 #tools{
		width:500px;
		position:absolute;
		left:535px;
		top:550px;
	}
	.tools_rel{
		position:relative;	
	}
	#one_del{
		position:absolute;	
		 cursor:pointer;
	}
	#all_del{
		top:0px;
		left:75px;
		position:absolute;	
		 cursor:pointer;
	}
	#i_up{
		top:0px;
		left:150px;
		position:absolute;	
		 cursor:pointer;
	}
	#i_dow{
		top:0px;
		left:225px;
		position:absolute;	
		 cursor:pointer;
	}
	
	#pen{
		top:50px;
		left:0px;
		position:absolute;	
		cursor:pointer;
	}
	#pentool{
		display:none;
		width:150px;
		height:120px;
		-webkit-border-radius: 10px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-radius: 10px;
		-moz-border-radius-topright: 20px;
		border-radius: 10px;
		border-top-right-radius: 20px;
		top:50px;
		left:75px;
		position:absolute;	
		cursor:pointer;
		background-color:#C30;
	}
	#pentool p{
		display:inline;
		color:#ffd75a;
	}

	
	
	
	
	#brush{
		position:absolute;	
		left:15px;
		top:10px;
	}
	
	#brush_width{
		position:absolute;	
		left:15px;
		top:40px;
	}
	
	#brush_color{
		position:absolute;	
		left:15px;
		top:70px;
	}
	
    #colorSelector2 {
	left:75px;
	top:-20px;
	position: relative;
	width: 60px;
	height: 36px;
/*	background: url(../images/select.png);*/
	}
/*	#colorSelector2 div{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
	}*/
	
	#saves{
		position: absolute;
		bottom:50px;
		right:30px;
		cursor:pointer;
	}
	#dw{
		position: absolute;
		bottom:50px;
		right:30px;
		display:none;
	}
	
	#dw a{
		display:block;
		width:63px;
		height:31px;
		background-image:url(../img/dw.png);		
		
	}
	#cp{
		position: absolute;
		bottom:10px;
		right:20px;
	}
		#red{
		position:absolute;
		bottom:50px;
		right:120px;
		cursor:pointer;
		display:none;
	
	}
	.tooltipsy
{
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}
/***/

#footer {position:fixed;width:100%;height:132px;margin:0;padding:0;border-top:#83615b solid 1px;background:#83615b; bottom:0px;/*background:#dddddd;*/}
#warp_footer {position:relative; width:970px; margin:0 auto;}
.wrap_footer{position:absolute;width:970px;height:132px; background:url(../img/copyright.jpg) no-repeat;top:0px;}
.pw{display:block;position:absolute;top:20px; width:550px; left:360px;height:60px;}
.wrap_footer .p1{font-family:Verdana,微軟正黑體,新細明體,Geneva,sans-serif; color:#fff; line-height:20px; font-size: 7.5pt;}
.wrap_footer .p2{font-family:Verdana,微軟正黑體,新細明體,Geneva,sans-serif; color:#fff; line-height:20px; font-size: 6pt;}
.wrap_footer .p3{font-family:Verdana,微軟正黑體,新細明體,Geneva,sans-serif; color:#fff; line-height:8px; font-size: 7pt; float:left;}
.wrap_footer ul{ display:block;position:absolute;top:75px; width:350px; left:360px;height:20px;margin:0;padding:0;list-style:none;}
.wrap_footer li {clear:none !important;float:left;height:20px;margin:0;padding:0;font-family:Verdana,微軟正黑體,新細明體,Geneva,sans-serif; color:#fff; line-height:30px; font-size: 7pt;}
.wrap_footer li a {font-family:Verdana,微軟正黑體,新細明體,Geneva,sans-serif; color:#fff; line-height:30px; font-size: 8pt;}

/**/#preload_bg {
   
}
#preload {
	    top:50%;
    height: 50%;
    margin-left: -15px;
    margin-top: -50px;
    position: fixed;
    width: 30px;
    height: 30px;
    left: 50%;

}
#dnaxtitle{
	position:relative;
	width:1000px;
	height:119px;
	margin:0 auto;
	background-image:url(../img/title_top.png);
	margin-bottom:30px;
}
.clear{ clear:both;}


#show_pic{
width:1000px;
position:relative;
margin:0 auto;
margin-top:50px;
height:300px;
}
#show_title{
position:absolute;
background-image:url(../img/st.png);
width:1001px;
 height:43px;
 top:15px;
z-index:3;
}


#show_pic p{font-weight:bold;color:#643c00; font-size:18px;font-family:微軟正黑體;}
#show_pic ul li img{ width:70px;}
#show_pic ul{ list-style:none; position:absolute; top:50px; left:-15px;}
#show_pic ul li{ float:left; margin-left:5px;}
.share_bg  {position:relative;width:90px; height:110px; background-image:url(../img/sbg.png); z-index:3;}
.s_in{position:absolute; left:10px; top:5px;}
.s_in2{position:absolute; left:0px; top:px; width:90px; height:110px; background-image:url(../img/sbg2.png)}
.s_in2 a{display:block;width:90px; height:110px; z-index:3;}
#all_cat{ width:1055px; height:353px; background-image:url(../img/bottom_img.png); position:absolute; top:-47px; left:-120; z-index:2;}

.footer{width:100%; height:100px; background-image:url(../img/footer.png); position:relative; bottom:0px;z-index:5;}
.logo{ position:absolute; width:178px; height:72px; margin-left:-89px; left:50%; top:10px;}