@charset "utf-8";
/* CSS Document 
theme color: #008446 (green)
*/
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ***************  global *************** */
html { height:100%; margin-top:0; padding:0;  }
body {width:100%; height:100%; margin:0; padding:0px; font-size:13px; font-family: arial, "微軟正黑體" ; color:#333; line-height:18px; background:url(../images/bg_gradient.gif) top repeat-x #f3f6ef ; }
a {text-decoration:none}
a:hover {text-decoration:none; cursor:pointer}
img {border:none}
p, ul {padding:0 0 10px 0; margin:0;text-align:justify}
ul{list-style:square}
li{margin-left:20px}

textarea {resize:none}
.clearfix {clear:both; width:100%; height:0px; line-height:0px; display: block; position:relative }

/**********structure**********/
#wrapper {width:100%; height:100%;  position:relative; background:url(../images/bg_clouds.png) no-repeat center top}
.wrap_center {width:980px; margin:0 auto; position:relative}

#header {height:115px;}
#logo_HKIE {padding:15px 0px 0px 20px; width:203px; height:69px; background:url(../images/HKIE_LOGO.png) no-repeat; position:absolute; top:30px; left:30px;}
#logo_PE {width:150px; height:97px; background:url(../images/LOGO_PE.png) no-repeat; position:absolute; top:10px; right:30px;}




#index_main {height:692px; background:url(../images/bg_main.png) no-repeat; z-index:90}
a#btn_enter {height:100px; width:144px; position:absolute; display:block; left:283px; top:490px}


#footer {background:#a97c50; width:100%; min-height:100px; position:relative; z-index:50}
#copyright {font:13px; color:#fff; position:absolute; right:10px; line-height:50px;}
#trees {width:670px; height:180px; position:absolute; background:url(../images/bg_trees.png) no-repeat; top:-180px; right:10px;}


#inpage_main {min-height:600px; z-index:40}
#content_right {width:716px; position:relative; left:222px; min-height:600px;}
#main_banner {width:716px; osition:relative;}
#main_banner img {display:block}

#content_text_wrapper {width:616px; min-height:200px; position:relative; background:#fff; padding:0 50px; display:block; font-size:14px; color:#333; line-height:20px}
#content_text_wrapper a{color:#008446}

#main_footer {width:716px; height:225px; position:relative;}
#main_footer_img {width:872px; height:225px; display:block; background:url(../images/main_bottom.png) no-repeat; position:absolute; right:0;}

#page_tab {width:299px; height:200px; background:url(../images/page_tab.png) no-repeat; position:absolute; z-index:200; top:115px; left:-25px}
.graphic_title {height:40px; line-height:40px; color:#fff; padding:0 15px; float:left; margin:10px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#f7941e}

.green_title { color:#008446; line-height:21px; font-size:17px}

#donation_form {font-size:15px; color:#333}
.form_text {font-size:13px; line-height:21px}

.message {font-size:14px; color:#333; background:#fff; border:1px solid #008446;  padding:20px 20px 30px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}


/*** form *****/
#form_checkout {width:540px; margin-top:20px; margin-bottom:20px; padding:20px; line-height:24px; margin:0 auto; position:relative;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: #666 0px 0px 8px; -moz-box-shadow: #666 0px 0px 8px; box-shadow: #666 0px 0px 8px;
background: #a71703;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ddd));
background: -webkit-linear-gradient(#eee, #ddd);
background: -moz-linear-gradient(#eee, #ddd);
background: -ms-linear-gradient(#eee, #ddd);
background: -o-linear-gradient(#eee, #ddd);
background: linear-gradient(#eee, #ddd);
-pie-background: linear-gradient(#eee, #ddd);
behavior: url(PIE.php);}

.error_txt {color:#F00; font-size:13px; display:none}
input.error {border:1px solid red}

.form_button {line-height:21px; background:#f6921e; color:#fff; font-size:13px; display:block; padding:0 20px; float:left; text-align:center; border:none; margin:0 10px 0 0; cursor:pointer;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(PIE.php);}
.form_button:hover {background:#F60;}