body{ font-size:12px; font-family:Microsoft JhengHei; color:#666; 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, table, td, th{margin:0; padding:0;}
body, html{height:100%;}
img{border:0;}

a:link, a:visited{color:#006838; text-decoration:none;}
a:hover{color:#006838; text-decoration:underline;}
a:focus {outline:none}

/*main*/
#container{ width:800px;}
#top{background:url(../images/common/top-bg.jpg) no-repeat; height:27px; padding:4px 0; line-height:10px; list-style:none;}
#top li{float:left;}
#top li.block{border-right:1px solid #fff;}
#top a{color:#fff; padding:4px 16px; display:block;}
#top a:hover{text-decoration:underline;}
#content{float:right; width:600px;}
#left-slide{float:left;}

#header-left{float:left;}
#header-right{float:right; width:250px; padding:0 50px 0 0;}
#green-hk{float:right;}
#slogan{margin:20px 0 0; float:right;}
#epd{margin:0 0 0 20px;}

/*index*/
#left-slide.index{padding:96px 0 0;}
#content.index{text-align:center;}
#content.index img{margin:0 0 20px;}

/*promotion*/
#content.promotion{background:url(../images/promotion/bg.jpg) no-repeat 10px; width:600px; height:400px;}
#content.promotion ul{list-style:none;}
#content.promotion ul li{float:left;text-indent:-9999px; font-size:0;}
#content.promotion ul li a{display:block;}
#content.promotion ul li.poster a{margin:27px 0 0 220px; background:url(../images/promotion/poster.jpg) no-repeat; height:275px; width:174px;}

/*video*/
#content.video{background:url(../images/video/bg.jpg) no-repeat 10px; width:445px; height:380px; padding:20px 0 0 155px;}

/*doc*/
#content.doc{background:url(../images/document/bg.jpg) no-repeat 10px; width:600px; height:400px;}
#content.doc .download{float:left; width:150px; list-style:none; padding:220px 0 0 45px;}
#content.doc .download li{text-indent:-9999px; font-size:0; margin:0 0 10px;}
#content.doc .download li a{display:block;}
#content.doc .download .download-doc a{background:url(../images/document/doc.jpg) no-repeat; width:132px; height:28px;}
#content.doc .download .download-form a{background:url(../images/document/form.jpg) no-repeat; width:105px; height:28px;}
#content.doc .chapter{float:left; width:300px; padding:15px 0 0; list-style:none;}
#content.doc .chapter h2{font-size:13px; line-height:14px; color:#006838; font-weight:bold;}
#content.doc .chapter ul{padding:5px 0 10px 15px; list-style:none; font-size:12px; line-height:12px;}
#content.doc .chapter ul a{color:#37AD4A; text-decoration:none;}
#content.doc .chapter ul a:hover{text-decoration:underline;}

/*comment*/
#content.comment{background:url(../images/comment/bg.jpg) no-repeat 10px; width:600px; height:400px;}
#content.comment .form{width:21px; height:27px; margin:70px 0 0 310px;}
#content.comment .email{text-indent:-9999px; font-size:0;margin:65px 0 0 250px;}
#content.comment .email a{width:170px; height:25px;  display:block;}

/*info*/
#content.info{background:url(../images/information/bg.jpg) no-repeat 10px; width:600px; height:400px;}
#content.info .list{list-style:none; padding:20px 0 0 300px;}
#content.info .list li{font-size:14px; background:url(../images/information/point.jpg) no-repeat left; padding:0 0 0 30px; margin:0 0 20px;}
#content.info .list li a{color:#006838;}
#content.info .list li a:hover{text-decoration:underline;}

/*nav*/
#nav{width:150px; list-style:none; margin:20px 0 0 50px;}
#nav li{text-indent:-9999px; font-size:0; margin:0 0 20px 0;}
#nav li a{display:block; width:131px; height:38px;}
#nav li.promo a{background:url(../images/nav/promo.jpg) no-repeat;}
#nav li.promo a:hover{background:url(../images/nav/promo.jpg) no-repeat bottom;}
#nav li.video a{background:url(../images/nav/video.jpg) no-repeat;}
#nav li.video a:hover{background:url(../images/nav/video.jpg) no-repeat bottom;}
#nav li.doc a{background:url(../images/nav/doc.jpg) no-repeat;}
#nav li.doc a:hover{background:url(../images/nav/doc.jpg) no-repeat bottom;}
#nav li.comment a{background:url(../images/nav/comment.jpg) no-repeat;}
#nav li.comment a:hover{background:url(../images/nav/comment.jpg) no-repeat bottom;}
#nav li.info a{background:url(../images/nav/info.jpg) no-repeat;}
#nav li.info a:hover{background:url(../images/nav/info.jpg) no-repeat bottom;}
#nav li.media a{background:url(../images/nav/media.jpg) no-repeat;}
#nav li.media a:hover{background:url(../images/nav/media.jpg) no-repeat bottom;}

/*common*/
.bg{text-indent:-9999px; font-size:0;}
.clear {zoom:1; clear:both; margin:0; padding:0;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}