body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#333; line-height:normal; display:block;}
html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }
p, div, html, body, img, h1, h2, ul, li, h3, h4, dl, dt, dd, ol, input{margin:0; padding:0;}
body, html{height:100%;}

a:link, a:visited{color:#333; text-decoration:none;}
a:hover{color:#093; text-decoration:none;}
img{border:0;}

#container{width:818px;}

#top{background:url(../images/common/top-bg.jpg) no-repeat right #129636; height:23px; width:300px;}
#logo{padding:10px;}
#footer{padding:10px 5px;}

#top-nav{width:300px; float:left;}
#top-nav ul{list-style:none;}
#top-nav ul li{float:left; line-height:23px;}
#top-nav ul li a{color:#fff; border-right:1px dotted #fff; padding:0 20px;}
#top-nav ul li a:hover{text-decoration:underline;}

#search{height:18px; width:160px; padding:0; margin:0;}
#search-bar{float:left; width:200px; height:23px; line-height:23px; color:#fff;}
#search-btn a{float:left;background:url(../images/common/search-btn.jpg) no-repeat; text-decoration:-9999px;outline:none; cursor:pointer; border:none; height:23px; width:19px; font-size:10px; text-align:center; line-height:22px; display:block;}
#search-btn a:hover{background:url(../images/common/search-btn.jpg) bottom; color:#fff;}

/*nav*/
#nav ul{list-style:none;}
#nav li{float:left; padding:2px;}
#nav li a{display:block; width:140px; height:48px; text-indent:-9999px;}
#nav li#leaflet-btn a{background:url(../images/common/leaflet.jpg);}
#nav li#leaflet-btn a:hover{background:url(../images/common/leaflet.jpg) bottom;}
#nav li#download-btn a{background:url(../images/common/download.jpg);}
#nav li#download-btn a:hover{background:url(../images/common/download.jpg) bottom;}
#nav li#promotion-btn a{background:url(../images/common/promotion.jpg);}
#nav li#promotion-btn a:hover{background:url(../images/common/promotion.jpg) bottom;}
#nav li#comment-btn a{background:url(../images/common/comment.jpg);}
#nav li#comment-btn a:hover{background:url(../images/common/comment.jpg) bottom;}

#nav.eng li#leaflet-btn a{background:url(../images/common/leaflet_eng.jpg);}
#nav.eng li#leaflet-btn a:hover{background:url(../images/common/leaflet_eng.jpg) bottom;}
#nav.eng li#download-btn a{background:url(../images/common/download_eng.jpg);}
#nav.eng li#download-btn a:hover{background:url(../images/common/download_eng.jpg) bottom;}
#nav.eng li#promotion-btn a{background:url(../images/common/promotion_eng.jpg);}
#nav.eng li#promotion-btn a:hover{background:url(../images/common/promotion_eng.jpg) bottom;}
#nav.eng li#comment-btn a{background:url(../images/common/comment_eng.jpg);}
#nav.eng li#comment-btn a:hover{background:url(../images/common/comment_eng.jpg) bottom;}

#nav.sc li#leaflet-btn a{background:url(../images/common/leaflet_sc.jpg);}
#nav.sc li#leaflet-btn a:hover{background:url(../images/common/leaflet_sc.jpg) bottom;}
#nav.sc li#download-btn a{background:url(../images/common/download_sc.jpg);}
#nav.sc li#download-btn a:hover{background:url(../images/common/download_sc.jpg) bottom;}
#nav.sc li#promotion-btn a{background:url(../images/common/promotion_sc.jpg);}
#nav.sc li#promotion-btn a:hover{background:url(../images/common/promotion_sc.jpg) bottom;}
#nav.sc li#comment-btn a{background:url(../images/common/comment_sc.jpg);}
#nav.sc li#comment-btn a:hover{background:url(../images/common/comment_sc.jpg) bottom;}

/*index*/
#index-content{background:url(../images/index/banner.jpg) no-repeat; height:110px; width:798px; padding:320px 10px 0;}
#index-content.eng{background:url(../images/index/eng.jpg) no-repeat;}
#index-content.sc{background:url(../images/index/sc.jpg) no-repeat;}
#index-link{color:#fff; padding:10px; display:block; width:700px; font-size:15px;}
#index-link a{color:#fff; text-decoration:underline;}
#index-link a:hover{text-decoration:none;}

/*promotion*/
#promotion-content{background:url(../images/promotion/bg.jpg) no-repeat; height:370px; width:778px; padding:60px 20px 0;}
#promotion-content.eng{background:url(../images/promotion/eng.jpg) no-repeat;}
#promotion-content.sc{background:url(../images/promotion/sc.jpg) no-repeat;}
#video{padding:20px; background:#fff; width:400px;margin:0 0 30px; filter:alpha(opacity=95); opacity:0.95;border-radius: 15px;}

/*comment*/
#comment-content{background:url(../images/comment/bg.jpg) no-repeat; height:350px; width:778px; padding:80px 20px 0;}
#comment-content.eng{background:url(../images/comment/eng.jpg) no-repeat; height:350px; width:778px; padding:80px 20px 0;}
#comment-content.sc{background:url(../images/comment/sc.jpg) no-repeat; height:350px; width:778px; padding:80px 20px 0;}
#comment-form{padding:20px; background:#fff; width:400px; margin:0 0 10px; filter:alpha(opacity=95); opacity:0.95;border-radius: 15px;}
#comment-form dl{width:400px; line-height:28px;}
#comment-form dt{width:150px; float:left;}
#comment-form dd{width:250px; float:left;}

/*download*/
#download-content{background:url(../images/download/bg.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}
#download-content.eng{background:url(../images/download/eng.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}
#download-content.sc{background:url(../images/download/sc.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}
#download-form{padding:20px; background:#fff; width:400px; margin:0 0 145px; filter:alpha(opacity=95); opacity:0.95;border-radius: 15px;}
#download-form table{width:380px; line-height:20px;}
#download-form table th{padding:10px; border:1px solid #efefef; text-align:left; font-weight:normal;}
#download-form table td{text-align:center; border:1px solid #efefef;}
#download-form table tr:hover td, #download-form table tr:hover th{background:#efefef;}

/*leaflet*/
#leaflet-content{background:url(../images/leaflet/bg.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}
#leaflet-content.eng{background:url(../images/leaflet/eng.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}
#leaflet-content.sc{background:url(../images/leaflet/sc.jpg) no-repeat; height:330px; width:778px; padding:100px 20px 0;}

/*common*/
.clear {zoom:1; clear:both; margin:0; padding:0;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}