@charset "utf-8";

/* globals */
body {margin:0;padding:0;text-align:left; background: url(http://dev1.drgnr.com/img/bg_side.gif) repeat-y #ffffff;}
form,input,p,img,ul,ol,li,dt,dd,dl,input,h1,h2,h3,h4,h5,h6,q{list-style:none; margin:0; padding:0;}
form {background:none; border:none;}
img {border:0;}
hr {display:none;}

h1 {font-size:127%;line-height:normal;font-weight:bold;color:#2885A3;text-decoration:none;border-width:0;margin:14px 0 12px 0;padding:0;text-align:left;}

blockquote {padding: 0 10px; margin: 0 0 0 5px; border-left: #e6e6e6; border-width: 0 0 0 1px; border-style: none none none solid;}



a { text-decoration: none; }
a:link { color:#FF6600 }
a:visited { color:#FF6600 }
a:hover { color:#ffc200 }
a:active { color: #ff0000 }

h1 {
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: normal;
	color: #25448F;
	margin: 0px;
	padding-left: 15px;
	}
h2 {
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	color: #000000;
	margin: 0px;
	font-weight: bold;
	padding-top: 0.3em;
	padding-bottom: 5px;
	line-height:1.5em;
	}
h2 a { color:#10A3D2;text-decoration: none;}
h2 a :link { color:#25448F; }
h2 a :visited { color:#25448F;}
h2 a :hover { color:#25448F;}
h2 a :active { color: #25448F;}

h3 {
	width: auto;
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: bold;
	color: #546BD0;
	margin: 0px;
	padding-top: 1px;
	padding-left: 15px;
	}

h4 {
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px; }


hr#hr1 {
	width: 100%;
	height: 1px;
	border: 1px solid #cccccc;
	border-left-style: none;
	border-right-style: none;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	}
hr#hr2 {
	width: 100%;
	height: 1px;
	border: 1px dashed #cccccc;
	border-left-style: none;
	border-right-style: none;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	}
   
p{
  font-size: 12px;
  line-height: 1.5em;
  padding: 0px;
  margin: 0px;
}


iframe#formmail {
   width: 516px;
   height: 600px;
   border: solid 1px #ececec;
   margin: 15px; 
   }
iframe#publication {
   width: 516px;
   height: 700px;
   border: solid 1px #ececec;
   margin: 15px; 
   }
.clear-right{ clear: right; }
.clear-both { clear:both; }	


.table1 table {
   width: auto;
   border: none;
   font-weight: normal;
   font: 12px "Trebuchet MS";
   color: #25448F;
   text-align: center;
   background-color: #cfcfcf;
   margin: 15px;
   }
.table1 th {
   width: atuo;
   padding: 5px;
   font-weight: normal;
   background-color: #ffffff;
   border: none;
   text-align: left;
   }
.table1 td {
   text-align: left;
   font-weight: normal;
   padding: 5px;
   background-color: #ffffff;
   border: none;
   } 

.table2 table {
   width: atuo;
   border: none;
   font-weight: normal;
   font: 12px "Trebuchet MS";
   color: #25448F;
   line-height: 1.5em;
   text-align: center;
   background-color: #cfcfcf;
   margin: 15px;
   }
.table2 th {
   width: 100px;
   padding: 5px;
   font-weight: normal;
   line-height: 1.5em;
   background-color: #f8f8f8;
   border: none;
   text-align: center;
   }
.table2 td {
   text-align: left;
   font-weight: normal;
   line-height: 1.5em;
   padding: 5px;
   background-color: #ffffff;
   border: none;
   } 

/************************** end of GENRERAL **************************/

/************************** ICONS **************************/

.icon_sp_arrow_red {
    background: url(http://dev1.drgnr.com/img/icon/icon_sp_arrow_red.gif) no-repeat top left;
	padding-left: 17px;
	margin-bottom: 0px;	
	}
.icon_tr_arrow_yellow {
    background: url(http://dev1.drgnr.com/img/icon/icon_tr_arrow_yellow.gif) no-repeat top left;
	padding-left: 17px;
	margin-bottom: 0px;	
	}
.icon_tr_arrow_blue {
    background: url(http://dev1.drgnr.com/img/icon/icon_tr_arrow_blue.gif) no-repeat top left;
	padding-left: 17px;
	margin-bottom: 0px;	
	}
.icon_tr_arrow_red {
    background: url(http://dev1.drgnr.com/img/icon/icon_tr_arrow_red.gif) no-repeat top left;
	padding-left: 17px;
	margin-bottom: 0px;	
	}
.icon_cr_arrow_red {
    background: url(http://dev1.drgnr.com/img/icon/icon_cr_arrow_red.gif) no-repeat top left;
	padding-left: 17px;
	margin-bottom: 0px;	
	}	
/************************** end of ICONS **************************/	
	
/************************** PICS **************************/

#pic1{
   float: left;
   border: 1px solid #666666;
   margin: 15px;
   }
   
#pic2{
   float: right;
   border: 1px solid #666666;
   margin: 15px;
   } 

#pic3{
   float: none;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 10px;
   border: 1px solid #666666;
   } 
#pic_ad1{
   float: none;
   margin-top: 15px;
   margin-right: 0px;
   margin-bottom: 10px;
   margin-left: 15px;
   border: 1px solid #666666;
   }
#pic_sidebar_banner{
   float: none;
   margin-top: 15px;
   margin-right: 15px;
   margin-bottom: 0px;
   margin-left: 15px;
   border: 1px solid #666666;
   }        
#pic-no-border1{
   float: right;
   margin-top: 10px;
   margin-left: 10px;
   border: none;
   }
#pic-menubars{
   margin-bottom: 7px;
   border: 1px solid #cccccc;
   }
#pic_shanghai_map{
   float: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 10px;
   margin-left: 10px;
   border: none;
   } 
   
/************************** end of PICS **************************/
/************************** ADS **************************/


/************************** end of ADS **************************/
/************************** CONTENTS **************************/
.content {
     width: 760px;
	 height: auto;
	 background: #F3F3F3;
	 margin: auto;
	 text-align: left;
	 border-right: solid 1px #777777;
	 border-left: solid 1px #777777;
	}
	
/************************** end of CONTENTS **************************/
	
/************************** HEADER **************************/
.header-bg {
    clear: both;
	width: 760px;
	background-image: url(http://dev1.drgnr.com/img/bg-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-style: normal;
	font-size: 12px;
	text-align:left;
	line-height: 1.5em;
	overflow: hidden; 
	padding-right: 15px;
	padding-left: 15px;
   }

.header1 {
	width: auto;
	height: 22px;
	background: #FFFFFF;
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: normal;
	color: #25448F;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	overflow: hidden;
	}
.header1 a { text-decoration: none; }
.header1 a:link { color:#006699 }
.header1 a:visited { color:#006699 }
.header1 a:hover { color:#ffc200; }
.header1 a:active { color: #ff0000 }	

.header1 img{
    float: left;
	margin-bottom: 10px;
	margin-left: 15px;
	border: 0px;
	}
.header2 {
	clear: both;
	width: 100%;
	height: 3px;
	margin: 0px;
	background: #006699;
	overflow: hidden;
	}		
.header3 {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	line-height: 1.5em;
	overflow: hidden;
	}
	
.flashmain {
	 float: left;
     width: auto;
	 height: 200px;
	 margin; auto;
	 text-align: left;
	 border-top: solid 1px #666666;
	 overflow: hidden;
	}	

.bar {
    float: left;
	width: auto;
	height: 8px;
	overflow: hidden;
	text-align: right;
	background: #B4BDDA;
	margin: 0px;
	border-bottom: solid 1px #666666;
	}
.side_titlebar {
	width: 100%;
	height: 20px;
	overflow: hidden;
	text-align: left;
	background: url(http://dev1.drgnr.com/img/ttl_side_titlebar.gif) no-repeat #B4BDDA;
	margin: 0px;
	border-top: solid 1px #666666;
	}
	
.center_titlebar {
	width: auto;
	height: 20px;
	text-align: left;
	background: url(http://dev1.drgnr.com/img/ttl_center_titlebar.gif) no-repeat #B4BDDA;
	margin: 0px;
	border-top: solid 1px #666666;
	overflow: hidden;
	}
.center_titlebar2 {
	width: auto;
	height: 20px;
	text-align: left;
	background: url(http://dev1.drgnr.com/img/ttl_center_titlebar.gif) no-repeat #B4BDDA;
	margin-top: 15px;
	border-top: solid 1px #666666;
	overflow: hidden;
	}
/************************** end of HEADER **************************/	


	


/************************** CENTER **************************/
					
.center {
	float: left;
	width: 550px;
	background: #ffffff;
	height:auto;
	padding-bottom: 15px;
	margin-bottom:30px;
	border-right: solid 1px #777777;
	border-bottom: solid 1px #777777;
	}
	
.center h1 {
	width: auto;
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: bold;
	color: #00008b;
	margin: 0px;
	padding-top: 0px;
	padding-left: 17px;
	}
			
.center h2 {
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
    font-weight: bold;
	color: #1171AD;
	margin: 0px;
	padding-top: 2px;
	padding-left: 15px;
	}

.center p { 
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: normal;
	color: #25448F;
	width: auto;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	line-height: 1.5em;
	}
		
.center a { text-decoration: none; }
.center a: link{ color:#B2862F; }
.center a: visited{ color:#B2862F; }
.center a: hover{ color:#993333; }
.center a: active{ color: #993333 }


.center ul {
    font-size: 12px;
    list-style-image:url(ttl_arrow.gif);
	font-weight: normal;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	margin: 0px;
	}
.center li {
    font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
	list-style: outside square;
	margin-left: 15px;
	padding: 0px;
	}
	
.center img {
	float: none;
	border: none;
	padding: 0px;
	margin: 15px;
	}
.news {
    width: auto;
    height: auto;
    padding: 15px;
	}
	
p#news_admin { 
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: normal;
	color: #25448F;
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5em;
	text-align: right;
	}
		
/************************** end of CENTER **************************/

/************************** RIGHT **************************/


/************************** RIGHT **************************/

.sidebar {
	float: right;
	width: 209px;
	height:auto;
	background: #F3F3F3;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	}
	
	
.sidebar a { text-decoration: none; }
.sidebar a:link { color:#FF6600}
.sidebar a:visited { color:#FF6600}
.sidebar a:hover { color:#ffc200; }
.sidebar a:active { color: #ff0000}

.sidebar h1 {
	width: auto;
	font: 12px "Trebuchet MS",Verdana,Arial,sans-serif,;
	font-weight: bold;
	color: #00008b;
	margin: 0px;
	padding-top: 0px;
	padding-left: 15px;
	}
	
.sidebar h2 {
    font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	line-height: 1.5em;
	color: #25448F;
	list-style: outside square;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
	}
		   	
.sidebar ul {
    list-style-image:url(ttl_arrow.gif);
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 0px;
	}
.sidebar li {
    font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	line-height: 1.5em;
	color: #25448F;
	list-style: outside square;
	margin-left: 15px;
	}
.sidebar p {
    font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	line-height: 1.5em;
	color: #25448F;
	list-style: outside square;
	margin: 15px;
	}
.sidebar img {
	margin: 0 0 0 15px;
	border: none;
	}		
/************************** end of RIGHT **************************/

/************************** FOOTER **************************/
.footer {
    clear: both;
	width: auto;
	height: auto;
	background: #FFFFFF;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
	overflow: hidden; 
	padding-top: 5px;
	border-top: solid 1px #777777;
	border-bottom: solid 1px #777777;
   }
.footer a { text-decoration: none; }
.footer a:link { color:#FF6600}
.footer a:visited { color:#FF6600}
.footer a:hover { color:#ffc200; }
.footer a:active { color: #ff0000}

.address {
    clear: both;
	width: auto;
	background: #F3F3F3;/*B4BDDA*/
	text-align: right;
    line-height: 1.5em;
	overflow: hidden;
	margin-top: 5px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-top: solid 1px #777777;	
   }
.address a { text-decoration: none; }
.address a:link { color:#546BD0 }
.address a:visited { color:#546BD0 }
.address a:hover { color:#ffc200; }
.address a:active { color: #ff0000 }

address {
	font-style: normal;
	font-size: 12px;
	color: #333333;
	text-align: right;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif,;
	border: none;
	}

address a { color:#333333;  text-decoration: none; }
address a :link { color:#333333; }
address a :visited { color:#333333; }
address a :hover { color:#333333; }
address a :active { color: #333333; }


.footer-bg {
    clear: both;
	width: 760px;
	background-image: url(http://dev1.drgnr.com/img/bg-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-style: normal;
	font-size: 12px;
	text-align:left;
	line-height: 1.5em;
	overflow: hidden; 
	padding-right: 15px;
	padding-left: 15px;
   }

/************************** end of FOOTER **************************/