*{ margin: 0; padding: 0; }
body
{
    font-family: Arial;
    font-size: 10pt;
    color: #464646;
}
img
{
    border-style: none;
    border-width: 0px;
}
p,div{margin:0;padding:0}
a
{
    color: #000000;
    text-decoration: underline;
}
a:link
{
	color: #000000;
	text-decoration: underline;
}
a:visited
{
	color: #000000;
	text-decoration: underline;
}
a:hover
{
    color: #333333;
    text-decoration: underline;
}
a:active
{
	color: #000000;
	text-decoration: underline;
}

a.dflink 
{
    text-decoration: none;
}
a.dflink:link
{
	text-decoration: none;
}
a.dflink:visited
{
	text-decoration: none;
}
a.dflink:hover
{
    text-decoration: none;
}
a.dflink:active
{
	text-decoration: none;
}

/* layout */
#content { margin: 0 auto; width: 1024px; }
.mainintro
{
    background-image: url(  '../images/intro/zootro.gif' );
    width: 1024px;
    height: 700px;
    background-repeat: no-repeat;
}
.main01
{
    float:left ;
    width:330px;
    height:350px;
}
.main02
{
    float:left ;
    width:337px;
    height:350px;
}
.main03
{
    float:left ;
    width:330px;
    height:350px;
}
.footnote
{
    float:left ;
    background-image: url('../images/intro/zootrofootnote.jpg' );
    width: 1024px;
    height: 84px;
}

#header {
	margin: 0 0 0 0;
	height: 225px;
}
#headersearch {
	margin: 0 0 0 0;
	height: 337px;
}
#headersearch .hdefault
{
    background-image: url('../images/default/header_zoo_search.jpg' );
    width: 1024px;
    height: 362px;
    background-repeat: no-repeat;
}
#headleft
{
    float:left;
    position:relative ;
    width: 202px;    
	margin: 0 0 0 36px;
}
#headleft .hsearch
{
    margin: 186px 0 0 0;
}
#headmid
{
    float:left;
    width: 523px;    
	margin: 0 0 0 0;
}
#headmid .hmenu
{
    margin: 70px 0 0 0;
}
#headmid .hmenu ul li
{
    float:left ;
    list-style: none;
    display: inline;    
}
#hresult
{
    margin: 89px 0 0 0;
}
#hresult ul li
{
    float:left ;
    list-style: none;
    display: inline;    
}
#hresult .txt
{
    width: 500px;
    height: 26px;
    line-height:26px;
    padding-left: 24px;
}
#hresult .result
{
  width:500px;
  height:26px;
  line-height:26px;
  padding-left: 24px;
}
#hresult ul
{
    
}
#hresult ul li .corder
{
  width:100px;
  height:20px;
  line-height:20px;
}
#headright
{
    float:left;
    width: 232px;
	margin: 0 0 0 0;
}
#headright .hemail
{
	margin: 95px 0 0 0;
}
#headright ul
{
    float:left ;
    list-style: none;
    display: inline;    
}
#headright ul li 
{

  width:20px;
  height:20px;
}
.noboder
{
    border: 1px solid #CCCCCC;
}

#header .hcate1
{
    background-image:url('../images/default/header_zoo_1.jpg' );
    width:1024px;
    height: 210px;
    background-repeat: no-repeat;
}
#header .hcate2
{
    background-image:url( '../images/default/header_zoo_2.jpg' );
    width:1024px;
    height: 210px;
    background-repeat: no-repeat;
}
#header .hcate3
{
    background-image:url( '../images/default/header_zoo_3.jpg' );
    width:1024px;
    height: 210px;
    background-repeat: no-repeat;
}
#header .hcate4
{
    background-image:url( '../images/default/header_zoo_4.jpg' );
    width:1024px;
    height: 210px;    
    background-repeat: no-repeat;
}
#header .hcate5
{
    background-image:url( '../images/default/header_zoo_5.jpg' );
    width:1024px;
    height: 210px;    
    background-repeat: no-repeat;
}

#bcontent
{
}
#left {
	float: left;
	position:relative;
	width: 202px;
	margin: 0 0 0 36px;
    top: 0px;
    left: 0px;
}
#right {
	float: right;
	width: 727px;
	margin: 0 36px 0 23px;
}
#footer { 
	clear: both; 
	background: #FFF;
}
#footer .fbar
{
    float: right;
    background-image: url( '../images/default/footnote.png' );
    clear: both;
    width: 1024px;
    height: 84px;
    background-repeat: no-repeat;
}
#footer .fmenu  
{    
    float:right;
    margin:0 140px 0 0;   
}
#footer .fmenu .fspace 
{    
    width:26px;   
}
.fclear
{
    height: 0px;
    clear: both;
}

#footerintro { 
	clear: both; 
}
#footerintro .fbar  
{    
    float: right; 
	clear: both; 
	width:1024px;
	height:85px;    
}
#footerintro .fmenu  
{    
    float:right;
    margin:63px 140px 0 0;   
}
#footerintro .fmenu .fspace 
{    
    width:26px;   
}

/*************************** body content ***************************************/
.dfspace
{
    width: 100%;
    height: 20px;    
}
.space70
{
    width: 100%;
    height: 70px;    
}
.wspacemenu
{
    height: 13px;  
    line-height : 13px;
    min-height :13px;
    width:23px;
}
.wspacemenu2
{
    height: 13px;  
    line-height : 13px;
    min-height :13px;
    width:37px;
}
.wspacemenu3
{
    height: 13px;  
    line-height : 13px;
    min-height :13px;
    width:38px;
}
.hi80
{
    height: 80px;
}
.space3
{
    width: 100%;
    height: 3px;  
}
.space8
{
    width: 100%;
    height: 8px;  
}
.space12
{
    width: 100%;
    height: 12px;  
}
.space15
{
    width: 100%;
    height: 15px;  
}
.space25
{
    width: 100%;
    height: 25px;  
    line-height : 25px;
    min-height :25px;
}

.space36
{
    width: 100%;
    height: 36px;  
}
.space90
{
    width: 100%;
    height: 90px;  
}
.space190
{
    width: 100%;
    height: 190px;  
}
.txt_1
{
    width:500px;
    margin : 0 264px 20px 0;
}
.txt_2
{
    width:500px;
    margin : 0 134px 20px 130px;
}
.txt_cap1
{
    width:244px;
    margin : 0 0 20px 0;
}
.txt_cap2
{
    width:244px;
    margin : 0 134px 20px 0;
}
.txt_cap3
{
    width:244px;
    margin : 0 0 20px 484px;
}
.vdo
{
    width: 640px;
    height:385px;
}
.pic_1
{
    width: 244px;
}
.pic_2
{
    width: 370px;
}
.pic_3 
{
    width: 728px;
}
#pic1_2
{
    width:700px;
    
}
#pic1_2 .p1left
{
    float:left ;
    
}
#pic1_2 .pspace
{
    float:left;
    width:12px;
}
#pic1_2 .p1right
{
    float:left ;
    
}

#pic1
{
    width:500px;
    height:244px;
}
#pic1 .p1left
{
    float:left ;
    width:244px;
}
#pic1 .c1righttop
{
    float:right ;
    width:244px;
}

#pic2
{
    width:630px;
}
#pic2 .p2left
{
    float:left ;
    width:370px;
}
#pic2 .c1righttop
{
    float:right ;
    width:244px;
}
.pic1p{position:relative; width:500px; }
.p1pleft{position:absolute; top:0; left:0;  width:244px; }
.pic2p{position:relative; width:630px; }
.p2pleft{position:absolute; top:0; left:0;  width:370px; }
.c1prightbot{position:absolute; bottom:0; right:0;  width:244px; }

#temp21
{
    width:630px;
}
#temp21 
{
    
} 

#pict_1
{
    width:728px;
}
#pict_1 .pleft
{
    float:left ;
    width:244px;
}
#pict_1 .tright
{
    float:right ;
    width:472px;
}

#pict_2
{
    width:728px;
}
#pict_2 .tleft
{
    float:left ;
    width:472px;
}
#pict_2 .pright
{
    padding-left:10px;
    float:left ;
    width:244px;
}

.bar_0
{
    width: 100%;
    height: 8px;
    background-color: #000000;
}
.bar_1
{
    width: 100%;
    height: 8px;
    background-color: #EC2079;
}
.bar_2
{
    width: 100%;
    height: 8px;
    background-color: #F9DC23;
}
.bar_3
{
    width: 100%;
    height: 8px;
    background-color: #00C7BB;
}
.bar_4
{
    width: 100%;
    height: 8px;
    background-color: #95DC40;
}
.bar_5
{
    width: 100%;
    height: 8px;
    background-color: #92298D;
}

#article_left
{
    position: absolute;
    width: 202px;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
}

#article_left ul
{
    min-height:33px;
    line-height:33px;
    border-bottom: 1px solid #ccc;
}
#article_left ul li
{
    float:left ;
    list-style: none;
    display: inline;
}

#article_left ul li.carticle
{
    float:left ;
    text-align:left ;
    width:80px;
}
#article_left ul li.cprevious
{
    float:left ;
    text-align:left ;
    width:70px;
}
#article_left ul li.cspace
{
    float:left ;
    text-align:left ;
    width:1px;
}
#article_left ul li.cnext
{
    float:left ;
    text-align: right;
    width:50px;
}
#article_left ul li.cheading
{
    float:left ;
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
}
/******************************** slide page **************************/
#cslide
{
    width:216px;
    float:right;
}
#cslide ul
{

}
#cslide ul.cline
{
    min-height:23px;
    line-height:23px;
    border-bottom: 1px solid #ccc;
}
#cslide li
{
    list-style: none;
    display: inline;
}
#cslide ul li.cshots
{
    float : left ;
    text-align:left ;
    width : 80px;    
}
#cslide ul li.cprevious
{
    float : left ;
    text-align:left ;
    width : 50px;    
}
#cslide ul li.cline
{
    float : left ;
    text-align:left ;
    width : 1px;    
}
#cslide ul li.cnext
{
    float : left ;
    text-align:left ;
    width : 50px;    
}
#cslide ul li.cfirst
{
    float : left ;
    text-align:left ;
    width : 45px;    
}
#cslide ul li.carrow
{
    float : left ;
    text-align:left ;
    width : 20px;   
}
#cslide ul li.cnumber
{
    float : left ;
    text-align:center ;
    width : 80px;   
}
#cslide ul li.clast
{
    float : left ;
    text-align:right ;
    width : 45px;  
}
#pimgpn a
{
    text-decoration:none;
}
#pimgpn a.pprevious
{
    width:70px;
}
#pimgpn a.pnext
{
    width:50px; 
    text-align:right; 
}
#pboxtxt a
{
    text-decoration:none;
}
#pboxtxt a.cfirst
{
    float : left ;
    text-align:left ;
    width : 45px;
}
#pboxtxt span.cnumactive
{
    float : left ;
    text-align:center ;
    width : 10px;
}
#pboxtxt a.cnum
{
    float : left ;
    text-align:center ;
    width : 10px;
}
#pboxtxt a.clast
{
    float : right ;
    text-align:right ;
    width : 45px;
}



/******************************** short cut ***********************************/
.sc_previous
{
    text-align:left ;
    width :70px;
}

.sc_next
{
    text-align:right ;
    width :70px;    
}
.short_cut_w
{
    width:950px;
}
#short_cut
{
    width:972px;
    margin: 0 0 36px 36px;
}
#short_cut ul
{

}
#short_cut ul li
{
    float: left;
    width: 140px;
    text-align: left;
    text-decoration: none;
    list-style: none;
    display: inline;
    
}
#short_cut ul li img .imgs
{
    width:140px;
    height:140px;    
}
#short_cut ul li.space
{    
    float: left;
    width: 22px;
    text-align: left;
    text-decoration: none;
    list-style: none;
    display: inline;

}

#short_cut ul li.spaceline
{
    background-position: bottom;
    float: left;
    width: 22px;
    text-align: left;
    text-decoration: none;
    list-style: none;
    display: inline;
    background-image: url('../images/default/short_cut_line.jpg' );
    background-repeat: no-repeat;
    height: 235px;
}
#short_cut ul li.spaceline_n
{
    background-position: bottom;
    float: left;
    width: 22px;
    text-align: left;
    text-decoration: none;
    list-style: none;
    display: inline;
    height: 235px;
}
#short_cut ul li.btnpn
{
    float: left;
    width: 310px;
    text-align: left;
    text-decoration: none;
    list-style: none;
    display: inline;
    
}
#dpagernext1 a sc_previous
{
    text-align : left ;
    width :151px;
}
#dpagernext1 a sc_next
{
    text-align : right ;
    width :151px;
}

.sc_h
{
    font-weight: bold;
    height:20px;
}
.sc_t
{
    height:42px;
}
.sc_l
{
    height:18px;
}
.cate1
{
    color: #EC2079;
}
.cate2
{
    color: #F9DC23;
}
.cate3
{
    color: #00C7BB;
}
.cate4
{
    color: #95DC40;
}
.cate5
{
    color: #92298D;
}

#imggallery ul li
{
    list-style: none;
}

#box_txt
{
    width:728px;
}

#box_txt .boxleft {
	float: left;
	width: 500px;	
}
#box_txt .boxright {
	float: right;
	width: 216px;	
}

/*************************** search ***************************************/


#box_search
{
    width:768px;
}

#box_search ul li.bspic
{
    float:left;
    list-style: none;
    display: inline;
    text-align:left ;
    width:140px;
    height:140px;
    margin:0 12px 24px 0 ;
}
#box_search ul li.bsheader
{
    float:left;
    list-style: none;
    display: inline;
    text-align:left ;
    width:176px;
    height:140px;
    margin:0 0px 24px 0 ;
}
#box_search ul li.bslink
{
    float:left;
    list-style: none;
    display: inline;
    text-align:left ;
    width:16px;
    height:140px;
    margin:0 40px 24px 0 ;
}

.img_shortcut
{
    width:140px;
    height:140px;
}

/******************************** search *********************************/
#psearchpn a.pprevious
{
    width: 200px;
    color: #CC99FF;
}
#psearchpn a.pnext
{
    text-align: right;
    width: 110px;
    color: #6600FF;
}
#search_left
{
    width:202px;
    margin: 0 0 0 0;
}
#search_left ul
{

}
#search_left ul li
{
    float:left ;
    list-style: none;
    display: inline;
}

#divStayTopLeft
{
    left: 5px;
    position: absolute;
    top: 15px;
    background-color: #99FFCC;
}