@charset "utf-8";
*{margin: 0px;padding: 0px;}
body{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:url(bj.jpg) left top repeat-x;
	}
a{color: #000;text-decoration: none;}
a:hover{ color:#ff0000; text-decoration: underline; }
table {font-size:12px;}
tr{}
td{padding:4px;}

#main
   {
	margin: 0px auto;
	width:950px;
	background-color:#fff;
	height:980px;
	height:980px; /* FF */ 
    _height:auto; /* IE6 */ 
    *+height:auto; /* IE7 */
	}
#header{
	margin: 0 auto;
	height: 129px;
	text-align: left;
	width:950px;
	background:url(headbj.jpg) no-repeat;
}

#header #lang{width:143px; height:17px; color:#FFF; text-align:center; margin-left:780px}
#header #lang a { color:#fff; text-decoration: none; }
#header #lang a:hover { color:#fff; text-decoration: underline; }

#header #logo a{width:70px;height:70px; margin:15px 0px 0px 30px; float:left}
#header #banner{margin:19px 0px 0px 0px; border:0px; float:left; padding-left:40px}



/*menu部分*/
#menu{text-align:center; width:950px; background:url(menu.gif) left top no-repeat; height:33px; line-height:33px}
#menu ul{ list-style:none; margin-left:70px; font-size:13px; font-weight:bold}
#menu ul li{ float:left; margin-right:29px;color:#fff;}
#menu ul li a{color:#fff; text-decoration:none}
#menu ul li a:hover{color:#0500cf; text-decoration:none}

#menu li ul {
 line-height: 26px; 
 list-style-type: none;
 text-align:left;
 left: -999em; 
 width: 130px; 
 position: absolute; 
 margin-left:-15px!important;
 margin-left:-79px;
 margin-top:0px!important;
 margin-top:24px;
 font-size:12px; 
 font-weight:normal;
}
#menu li ul li{
 float: left; width: 130px; background: #E9EFF1;
}
#menu li ul a{
 display: block; width: 120px!important; width: 130px;text-align:left;padding-left:10px; color:#666; text-decoration:none;

}
#menu li ul a:hover  {
 color:#fff;text-decoration:none;background:#437DBC;
}
#menu li:hover ul {
 left: auto;
}
#menu li.sfhover ul {
 left: auto;
}

/*menu部分*/
#zhtp{
width:935px; 
background:url(zhbj.jpg) left top no-repeat #fff; 
height:126px; 
margin:15px auto 0px 10px!important;
margin:15px auto 12px 0px;
padding:18px 5px 0px 0px; 
float:left
}
#zhtp img{ margin: 0px 5px; width:141px; height:93px}
#demo {
overflow:hidden;
width: 896px;
margin-left:15px!important;
margin-left:0px;
}
#indemo {
float: left;
width: 800%;
overflow:hidden
}
#demo1 {
float: left; overflow:hidden
}
#demo2 {
float: left;
}


#leftbox{width:212px; float:left; margin-left:10px; margin-top:0px}
#leftbox #quicklink{width:212px;}
#leftbox #quicklink #czbm a{width:212px; height:42px; background:url(participation-button.png) left top no-repeat; display:block; margin-bottom:5px}
#leftbox #quicklink #czbm a:hover{background:url(participation-button-hover.png) left top no-repeat;}
#leftbox #quicklink #cgbm a{width:212px; height:42px; background:url(visit-button.png) left top no-repeat; display:block; margin-bottom:5px}
#leftbox #quicklink #cgbm a:hover{background:url(visit-button-hover.png) left top no-repeat;}
#leftbox #quicklink #hkmb a{width:212px; height:42px; background:url(directory-button.png) left top no-repeat; display:block; margin-bottom:5px}
#leftbox #quicklink #hkmb a:hover{background:url(directory-button-hover.png) left top no-repeat;}
#leftbox #quicklink #faq a{width:212px; height:42px; background:url(faq-button.png) left top no-repeat; display:block; margin-bottom:5px}
#leftbox #quicklink #faq a:hover{background:url(faq-button-hover.png) left top no-repeat;}
#leftbox #quicklink #download a{width:212px; height:42px; background:url(download-button.png) left top no-repeat; display:block; margin-bottom:5px}
#leftbox #quicklink #download a:hover{background:url(download-button-hover.png) left top no-repeat;}
#leftbox #scope{ background:url(scope-bg.png) left top no-repeat; width:212px; height:308px; float:left}
#leftbox #scope #more a{ width:49px; height:15px; float:right; margin:11px 11px auto auto;}
#leftbox #scope ul{ list-style:none; text-align:left; margin-top:45px; margin-left:17px;}
#leftbox #scope ul li{ line-height:180%; background:url(dott.gif) 0px 8px no-repeat; padding-left:20px}

#leftbox #zhyd{ width:211px; height:177px; background:url(reservation-bg-left.png) left top no-repeat; float:left}
#leftbox #zhyd ul{ list-style:none; margin-left:40px; text-align:left; margin-top:0px!important; margin-top:38px; padding-top:35px!important; padding-top:0px; }
#leftbox #zhyd ul li{ list-style:none; height:26px; line-height:26px}


#mainbox{width:700px; float:right; margin-right:0px; padding-right:10px}
#mainbox #guidebg{width:695px; float:left; background:url(guide.jpg) left 22px no-repeat; height:30px; text-align:left;}
#mainbox #guide{width:505px; float:left; font-weight:bold; padding-left:5px; font-size:14px}
#mainbox #date{width:150px; float:right; height:30px;}

#mainbox #content{width:690px; float:left; padding:5px; line-height:190%; text-align:left;overflow:hidden; font-size:12px}



#midbox{width:483px; float:left; margin-left:20px}
#midbox #process{width:483px; background:url(Application-process-bg.png) left top no-repeat; height:159px; padding-top:13px}
#midbox #process #more a{ width:49px; height:15px; float:right; margin:0px 15px auto auto;}
#midbox #process img{ margin:15px auto auto 10px; float:left}
#midbox #news{width:480px; margin-top:10px; float:left}
#midbox #news #title{ width:480px; height:36px; background:url(news-title.png) left top no-repeat}
#midbox #news #title a{ width:49px; height:15px; float:right; margin:10px 15px auto auto;}
#midbox #news ul{ list-style:none; text-align:left; margin-left:30px; margin-top:12px}
#midbox #news ul li{ line-height:190%}
#midbox #space{ width:488px; height:18px; background:url(cutapart-line.png) left top no-repeat; float:left; display:block; margin:10px auto 15px auto}
#midbox #welcome{ width:488px;}
#midbox #welcome span{ font-size:22px; font-family:"黑体"; font-weight:bold}
#midbox #welcome p{ line-height:180%; margin-top:12px; text-align:left; margin-left:20px; margin-right:2px}



#rightbox{ width:200px; float:right; margin-right:0px; margin-top:-37px!important;margin-top:0px; padding-right:10px}
#rightbox #order{ width:200px; height:177px; background:url(reservation-bg.png) left top no-repeat}
#rightbox #order ul{ list-style:none; margin-left:40px; text-align:left; margin-top:38px; padding-top:35px!important; padding-top:0px; }
#rightbox #order ul li{ list-style:none; height:26px; line-height:26px}
#rightbox #contacts{ width:200px; margin-top:10px}
#rightbox #contacts #title{ width:200px; height:31px; background:url(contact-button.png) left top no-repeat}
#rightbox #contacts ul{ list-style:none; margin-top:12px; margin-left:8px; text-align:left}
#rightbox #contacts ul li{ line-height:20px; font-family:Arial, Helvetica, sans-serif}
#rightbox #contacts img{ text-align:left; margin-top:20px}


#footer{width:950px; border-top:1px solid #b2b2b2; float:left; margin:3px 0px; background-color:#fff; }
#footer #links{width:950px; text-align:left; background-color:#f5f5f5; padding:5px 0px; float:left; clear:both}
#footer #links ul{ list-style:none; margin: 5px 5px}
#footer #links ul li{ float:left; margin-right:10px; line-height:20px;white-space:nowrap;}
#footer #copyrihgt{width:910px; float:left; margin:10px 10px 10px 10px}

.mydiv {
background-color: #FFF;
border: 1px solid #003333;
text-align: center;
line-height: 28px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 400px;
height: 110px;
left:50%;
top:50%;
padding-top:10px;
padding-bottom:5px;
margin-left:-200px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.codefans.net IE5 IE5.5*/
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
-->