@charset "big5";

/* 中宇綠能環保 CSS Document */

*{margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif;}
body{margin:0; padding:0; font-size:12px; color:#777; background:url(../images/bg.png) top center repeat-x #f0ffff;}
img{border:none;}
a{text-decoration:none; color:#198de6;}
a:hover{text-decoration:underline; color:#198de6;}
table{border-collapse:collapse;}
th, td{vertical-align:top;}
form, p, ul, ol, li{margin:0; padding:0;}
ul, li{list-style:none;}

/* font-size & color */
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}
.red{color:#f00;}
.black{color:#000;}
.orange{color:#f60;}
.purple{color:#614279;}
.green{color:#459200;}
.blue{color:#006ed4;}


/* IE6 PNG */
.ie6png{behavior:url(images/iepngfix.htc); }


/* 版型 */
#wrap{width:1000px; margin:0 auto; background:url(../images/main_bg.jpg) top center no-repeat;}
#header{height:132px; background:url(../images/img_top.jpg) no-repeat; position:relative;}
#container{height:auto!important;min-height:387px;height:387px;}
#footer{margin:0 auto; width:1000px; height:61px; background:url(../images/cec_footer.jpg) no-repeat; position:relative; z-index:0}

/* clear float */
/* float clearing for IE6 */
* html .clearfix{height:1%; overflow:visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}

/* float clearing for everyone else */
.clearfix{display:inline-block;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden; font-size:0;}
.clearfix{display:block;}


/* Header */
#header a.green_home{position:absolute; top:16px; left:100px; width:150px; height:55px; display:block;}


/* Menu  */ 
.menu{width:880px; height:47px; position:absolute; top:72px; left:102px;}
.nav li{float:left; font-size:0px;}
.nav li a{display:block; height:47px; background-repeat:no-repeat; cursor:pointer;}
.nav li#m1{background-image:url(../images/cec_nav1_hover.jpg); width:171px;}
.nav li#m2{background-image:url(../images/cec_nav2_hover.jpg); width:207px;}
.nav li#m3{background-image:url(../images/cec_nav3_hover.jpg); width:228px;}
.nav li#m4{background-image:url(../images/cec_nav4_hover.jpg); width:154px;}
.nav li#m5{background-image:url(../images/cec_nav5_hover.jpg); width:118px;}


/* Container */
#container{position:relative;}
#page_left{width:190px; float:left; position:relative; z-index:1; height:500px;}
#page_right{width:805px; float:right; position:relative; z-index:2;}
#content{width:781px; padding-top:13px; padding-bottom:25px;}


/* Footer */
#footer_menu{margin:0 auto; width:1000px; height:40px;}
#footer_menu .line{background:url(../images/line_dot.png) top repeat-x; padding-top:8px;}
#footer_menu ul{width:680px; height:28px; margin:0 auto;}
#footer_menu ul li{float:left; padding-left:32px; padding-right:32px;}
#footer .copyright{position:absolute; top:30px; left:40px; font-size:11px; color:#fff;}

/* =================================================================================================================== */
/* Common */
img.left{float:left; padding-right:20px;}
img.right{float:right; padding-left:20px;}
.buttons_area{text-align:center; padding-top:24px; padding-bottom:24px; clear:both;}

/* Go Home */
#topbar{position:absolute; left:50px; top:270px; width:68px; z-index:999;}

/* Home */
#home_flash{margin:0 auto; width:958px; height:428px;}

/* 淨水 */
#water_t1{position:relative; top:0px; left:0px;}
#water_t2{position:relative; top:42px; left:0px;}
#water_t3{position:relative; top:230px; left:450px;}
#water_t4{position:relative; top:350px; left:0px;}


/* 減排 */
#air_t1{position:relative; top:0px; left:0px;}
#air_t2{position:relative; top:0px; left:0px;}


/* 節能 */
#energy_p1{position:relative; top:20px; left:15px;}
#energy_p2{position:relative; top:20px; left:15px;}
#energy_p3{position:relative; top:20px; left:15px;}


/* 活動照片 */
#photos_p1{position:relative; top:0px; left:0px;}
.photos_list{margin:0 auto; margin-top:15px;}
.photos_list td{padding:5px; padding-bottom:18px; display:table-cell; vertical-align:middle; text-align:center;}
.photos_list td div{margin:0 auto; width:150px; height:113px; overflow:hidden;}
.photos_list td p{margin:0 auto; width:150px; line-height:140%; padding-top:3px; text-align:left;}